@push('title')
    Sales Return
@endpush
<x-app-layout>
    
    @can('create_sale_return_management')
        <div class="row">
            <div class="col-md-12">
                <ul class="nav nav-pills flex-column flex-sm-row mb-4">
                    <li class="nav-item mr-1">
                        <a class="btn btn-success" href="{{ route('sales.returns.create_manual') }}">
                            <i class='bx bxs-add-to-queue'></i> Create Manual Return
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    @endcan

    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Sales Returns</h5>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-12">
                    <form action="{{ route('sales.returns') }}" method="GET">
                        <div class="row">
                            <div class="col-md-3">
                                <label for="invoice_no" class="form-label">Invoice No</label>
                                <input type="text" class="form-control" id="invoice_no" name="invoice_no"
                                    value="{{ request('invoice_no') }}">
                            </div>
                            <div class="col-md-3">
                                <label for="customer_id" class="form-label">Customer</label>
                                <select class="form-control" id="customer_id" name="customer_id">
                                    <option value="">All</option>
                                    @foreach ($customers as $customer)
                                        <option value="{{ $customer->id }}" {{ request('customer_id') == $customer->id && request('customer_id') != '' ? 'selected' : '' }}>{{ $customer->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="warehouse_id" class="form-label">Warehouse</label>
                                <select class="form-control" id="warehouse_id" name="warehouse_id">
                                    <option value="">All</option>
                                    @foreach ($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}" {{ request('warehouse_id') == $warehouse->id && request('warehouse_id') != '' ? 'selected' : '' }}>{{ $warehouse->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="payment_status" class="form-label">Payment Status</label>
                                <select class="form-control" id="payment_status" name="payment_status">
                                    <option value="">All</option>
                                    <option value="2" {{ request('payment_status') == '2' && request('payment_status') != '' ? 'selected' : '' }}>Paid</option>
                                    <option value="0" {{ request('payment_status') == '0' && request('payment_status') != '' ? 'selected' : '' }}>Unpaid</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="payment_type" class="form-label">Payment Type</label>
                                <select class="form-control" id="payment_type" name="payment_type">
                                    <option value="">All</option>
                                    <option value="1" {{ request('payment_type') == '1' && request('payment_type') != '' ? 'selected' : '' }}>Cash</option>
                                    <option value="0" {{ request('payment_type') == '0' && request('payment_type') != '' ? 'selected' : '' }}>Credit</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-md-12 d-flex align-items-end justify-content-end sm-mt-2 mt-3">
                                <button type="submit" class="btn btn-primary">Apply Filters</button>
                                <a href="{{ route('sales') }}" class="btn btn-secondary ms-2">Reset</a>
                            </div>
                        </div>

                    </form>
                </div>
            </div>

            <div class="table-responsive text-wrap">
                <table class="table table-striped table-borderless">
                    <thead class="table-dark">
                        <tr>
                            <th>Return No</th>
                            <th>Invoice No</th>
                            <th>Customer</th>
                            <th>Warehouse</th>
                            <th>Grand Total (LKR)</th>
                            <th class="text-right">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($returns as $return)
                            <tr>
                                <td>{{ $return->return_no }}</td>
                                <td>{{ $return->sale->invoice_no ?? 'Manual' }}</td>
                                <td>{{ $return->sale->customer->name ?? ($return->customer->name ?? 'Walk-in') }}</td>
                                <td>{{ $return->sale->warehouse->name ?? ($return->warehouse->name ?? 'N/A') }}</td>
                                <td>{{ number_format($return->grand_total, 2) }}</td>
                                <td class="text-right">
                                    @can('sale_return_management')
                                        @if($return->sale_id)
                                            <a href="{{ route('sales.show', $return->sale_id) }}"
                                                class="btn btn-icon btn-secondary ms-1" title="View Original Sale">
                                                <i class="bx bx-receipt"></i>
                                            </a>
                                        @endif
                                        <a href="{{ route('sales.returns.show', $return->id) }}"
                                            class="btn btn-icon btn-primary" title="View Return Details">
                                            <i class="bx bx-show"></i>
                                        </a>
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center">No sales found</td>
                            </tr>
                        @endforelse
                       
                    </tbody>
                </table>

                <div class="mt-4">
                    {{ $returns->withQueryString()->links() }}
                </div>
            </div>
        </div>
    </div>
</x-app-layout>