@extends('layouts.app')

@section('title', 'Sales')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">

    <div>
        <h2 class="mb-1">
            Sales
        </h2>

        <p class="text-muted mb-0">
            Manage all sales records
        </p>
    </div>

    <a
        href="{{ route('sales.create') }}"
        class="btn btn-primary"
    >
        + New Sale
    </a>

</div>


{{-- ========================================================= --}}
{{-- SUCCESS MESSAGE --}}
{{-- ========================================================= --}}

@if(session('success'))

    <div
        class="alert alert-success alert-dismissible fade show"
        role="alert"
    >

        {{ session('success') }}

        <button
            type="button"
            class="btn-close"
            data-bs-dismiss="alert"
        ></button>

    </div>

@endif


{{-- ========================================================= --}}
{{-- INFO MESSAGE --}}
{{-- ========================================================= --}}

@if(session('info'))

    <div
        class="alert alert-info alert-dismissible fade show"
        role="alert"
    >

        {{ session('info') }}

        <button
            type="button"
            class="btn-close"
            data-bs-dismiss="alert"
        ></button>

    </div>

@endif


{{-- ========================================================= --}}
{{-- SALES TABLE --}}
{{-- ========================================================= --}}

<div class="card shadow-sm">

    <div class="card-header">

        <strong>
            Sales Records
        </strong>

    </div>


    <div class="card-body">

        <div class="table-responsive">

            <table
                class="table table-bordered table-hover align-middle mb-0"
            >

                <thead class="table-light">

                    <tr>

                        <th>
                            #
                        </th>

                        <th>
                            Sale No
                        </th>

                        <th>
                            Customer
                        </th>

                        <th>
                            Sale Date
                        </th>

                        <th>
                            Invoice No
                        </th>

                        <th>
                            Grand Total
                        </th>

                        <th>
                            Payment Status
                        </th>


                        {{-- Action --}}
                        <th
                            width="{{ auth()->user()->role === 'owner' ? '230' : '100' }}"
                        >
                            Action
                        </th>

                    </tr>

                </thead>


                <tbody>

                    @forelse($sales as $sale)

                        <tr>

                            {{-- ================================================= --}}
                            {{-- Serial Number --}}
                            {{-- ================================================= --}}

                            <td>

                                {{ $sales->firstItem() + $loop->index }}

                            </td>


                            {{-- ================================================= --}}
                            {{-- Sale Number --}}
                            {{-- ================================================= --}}

                            <td>

                                <strong>
                                    {{ $sale->sale_no }}
                                </strong>

                            </td>


                            {{-- ================================================= --}}
                            {{-- Customer --}}
                            {{-- ================================================= --}}

                            <td>

                                @if($sale->customer_name)

                                    {{ $sale->customer_name }}

                                @else

                                    <span class="text-muted">
                                        Walk-in Customer
                                    </span>

                                @endif


                                @if($sale->customer_phone)

                                    <div class="small text-muted">
                                        {{ $sale->customer_phone }}
                                    </div>

                                @endif

                            </td>


                            {{-- ================================================= --}}
                            {{-- Sale Date --}}
                            {{-- ================================================= --}}

                            <td>

                                {{ $sale->sale_date
                                    ? \Carbon\Carbon::parse($sale->sale_date)->format('d-m-Y')
                                    : '-'
                                }}

                            </td>


                            {{-- ================================================= --}}
                            {{-- Invoice Number --}}
                            {{-- ================================================= --}}

                            <td>

                                {{ $sale->invoice_no ?? '-' }}

                            </td>


                            {{-- ================================================= --}}
                            {{-- Grand Total --}}
                            {{-- ================================================= --}}

                            <td>

                                <strong>
                                    ₹{{ number_format((float) $sale->grand_total, 2) }}
                                </strong>

                            </td>


                            {{-- ================================================= --}}
                            {{-- Payment Status --}}
                            {{-- ================================================= --}}

                            <td>

                                @if($sale->payment_status === 'Paid')

                                    <span class="badge bg-success">
                                        Paid
                                    </span>

                                @elseif($sale->payment_status === 'Partial')

                                    <span class="badge bg-warning text-dark">
                                        Partial
                                    </span>

                                @else

                                    <span class="badge bg-danger">
                                        Unpaid
                                    </span>

                                @endif

                            </td>


                            {{-- ================================================= --}}
                            {{-- ACTIONS --}}
                            {{-- ================================================= --}}

                            <td>

                                <div class="d-flex gap-1">


                                    {{-- ----------------------------------------- --}}
                                    {{-- View - Owner + Staff --}}
                                    {{-- ----------------------------------------- --}}

                                    <a
                                        href="{{ route('sales.show', $sale) }}"
                                        class="btn btn-sm btn-outline-primary"
                                    >
                                        View
                                    </a>


                                    {{-- ----------------------------------------- --}}
{{-- Edit - Owner + Staff --}}
{{-- ----------------------------------------- --}}

<a
    href="{{ route('sales.edit', $sale) }}"
    class="btn btn-sm btn-outline-warning"
>
    Edit
</a>


{{-- ----------------------------------------- --}}
{{-- Delete - Owner Only --}}
{{-- ----------------------------------------- --}}

@if(auth()->user()->role === 'owner')

    <form
        action="{{ route('sales.destroy', $sale) }}"
        method="POST"
        onsubmit="return confirm('Are you sure you want to delete this sale?');"
    >

        @csrf
        @method('DELETE')

        <button
            type="submit"
            class="btn btn-sm btn-outline-danger"
        >
            Delete
        </button>

    </form>

@endif


                                </div>

                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td
                                colspan="8"
                                class="text-center py-5"
                            >

                                <div class="text-muted">

                                    <h5 class="mb-2">
                                        No Sales Found
                                    </h5>

                                    <p class="mb-3">
                                        You haven't added any sale yet.
                                    </p>

                                    <a
                                        href="{{ route('sales.create') }}"
                                        class="btn btn-primary"
                                    >
                                        Create Your First Sale
                                    </a>

                                </div>

                            </td>

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>


        {{-- ================================================= --}}
        {{-- PAGINATION --}}
        {{-- ================================================= --}}

        @if($sales->hasPages())

            <div class="mt-4">

                {{ $sales->links() }}

            </div>

        @endif

    </div>

</div>

@endsection