@push('title')
    Sales
@endpush
<x-app-layout>
    @can('create_sale_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.create') }}">
                            <i class='bx bxs-add-to-queue'></i> Add Sale
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    @endcan
    
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Sales</h5>
        </div>
        <div class="card-body">

            <div class="row mb-3">
                <div class="col-md-12">
                    <form action="{{ route('sales') }}" 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="1" {{ request('payment_status') == '1' && request('payment_status') != '' ? 'selected' : '' }}>Partial</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>Invoice No</th>
                            <th>Customer</th>
                            <th>Warehouse</th>
                            <th>Payment Status</th>
                            <th>Payment Type</th>
                            <th>Total (LKR)</th>
                            <th>Paid (LKR)</th>
                            <th>Profit (LKR)</th>
                            <th>Shipping (LKR)</th>
                            <th class="text-right">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($sales as $sale)
                            <tr>
                                <td>
                                    {{ $sale->invoice_no }}
                                    @if($sale->sale_status == 4)
                                        <span class="badge bg-danger">R</span>
                                    @endif
                                </td>
                                <td>{{ $sale->customer->name ?? 'Walk-in' }}</td>
                                <td>{{ $sale->warehouse->name }}</td>
                                <td>
                                    @if($sale->payment_status == 2)
                                        <span class="badge bg-success">Paid</span>
                                    @elseif($sale->payment_status == 1)
                                        <span class="badge bg-warning">Partial</span>
                                    @else
                                        <span class="badge bg-danger">Unpaid</span>
                                    @endif
                                </td>
                                <td>
                                    @if($sale->payment_type == \App\Models\Sale::CASH)
                                        <span class="badge bg-label-info">Cash</span>
                                    @else
                                        <span class="badge bg-label-secondary">Credit</span>
                                    @endif
                                </td>
                                <td>{{ number_format($sale->grand_total, 2) }}</td>
                                <td>{{ number_format($sale->paid_amount, 2) }}</td>
                                <td>
                                    {{ number_format($sale->net_profit, 2) }}
                                </td>
                                <td>{{ number_format($sale->shipping_cost ?? 0, 2) }}</td>
                                <td class="text-right text-nowrap justify-content-end pr-0" style="display: table-cell !important;text-align: right !important;">
                                    
                                    @can('create_sale_return_management')
                                        @if($sale->sale_status != \App\Models\Sale::SALE_STATUS_RETURNED)
                                        <a href="{{ route('sales.returns.create', $sale->id) }}"
                                            class="btn btn-icon btn-danger" title="Return Sale">
                                            <i class='bx bxs-x-square'></i>
                                        </a>
                                        @endif
                                    @endcan
                                    @can('view_sale_management')
                                        <a href="{{ route('sales.show', $sale->id) }}"
                                            class="btn btn-icon btn-primary" title="View Details">
                                            <i class="bx bx-show"></i>
                                        </a>
                                        <a href="{{ route('sales.pdf', $sale->id) }}" target="_blank"
                                            class="btn btn-icon btn-success" title="Download PDF">
                                            <i class='bx bxs-file-pdf'></i>
                                        </a>
                                        @can('update_sale_management')
                                            <button type="button" class="btn btn-icon btn-warning text-dark open-shipping-modal" 
                                                data-id="{{ $sale->id }}" 
                                                data-invoice="{{ $sale->invoice_no }}"
                                                data-shipping="{{ $sale->shipping_cost ?? 0 }}"
                                                title="Update Shipping Cost">
                                                <i class='bx bxs-truck'></i>
                                            </button>
                                        @endcan
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center">No sales found</td>
                            </tr>
                        @endforelse
                       
                    </tbody>
                </table>

                <div class="mt-4">
                    {{ $sales->withQueryString()->links() }}
                </div>
            </div>
        </div>
    </div>
    
    <!-- Shipping Cost Modal -->
    <div class="modal fade" id="shippingModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form id="shippingForm" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Update Shipping Cost</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="mb-3">Invoice: <strong id="modal_invoice_no"></strong></p>
                        <div class="form-group">
                            <label for="shipping_cost">Shipping Cost (Rs)</label>
                            <input type="number" step="0.01" class="form-control" name="shipping_cost" id="shipping_cost_input" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save Changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    
</x-app-layout>
<script>
        $(document).ready(function() {
            $('.open-shipping-modal').on('click', function() {
                var id = $(this).data('id');
                var invoice = $(this).data('invoice');
                var shipping = $(this).data('shipping');
                
                $('#modal_invoice_no').text(invoice);
                $('#shipping_cost_input').val(shipping);
                $('#shippingForm').attr('action', '/sales/add-shipping/' + id);
                
                $('#shippingModal').modal('show');
            });
        });
    </script>