@extends('layouts.app')

@section('title', 'Sales Invoices Directory - Pavitram Agroz')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <h3 class="fw-bold mb-1 text-dark">Sales & Invoicing Directory</h3>
        <p class="text-muted mb-0 small">Audit trail of completed customer billing transactions, tax receipts, and payment settlements.</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('pos.terminal') }}" class="btn btn-agri btn-sm shadow-sm">
            <i class="bi bi-calculator me-1"></i> Open POS Terminal
        </a>
        <a href="{{ route('pos.returns.create') }}" class="btn btn-outline-warning btn-sm shadow-sm">
            <i class="bi bi-arrow-return-left me-1"></i> Process Return
        </a>
    </div>
</div>

<!-- Filters Card -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-body p-3">
        <form method="GET" action="{{ route('pos.invoices.index') }}" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small fw-semibold mb-1">Search Invoice / Customer</label>
                <div class="input-group input-group-sm">
                    <span class="input-group-text bg-light"><i class="bi bi-search"></i></span>
                    <input type="text" name="search" class="form-control" placeholder="Invoice #, name, phone..." value="{{ $searchTerm }}">
                </div>
            </div>

            @if(auth()->user()->isSuperAdmin())
                <div class="col-md-2">
                    <label class="form-label small fw-semibold mb-1">Store Location</label>
                    <select name="store_id" class="form-select form-select-sm">
                        <option value="">All Stores</option>
                        @foreach($stores as $st)
                            <option value="{{ $st->id }}" {{ $storeId == $st->id ? 'selected' : '' }}>{{ $st->name }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Payment Method</label>
                <select name="payment_method" class="form-select form-select-sm">
                    <option value="">All Methods</option>
                    <option value="Cash" {{ $paymentMethod === 'Cash' ? 'selected' : '' }}>Cash</option>
                    <option value="UPI" {{ $paymentMethod === 'UPI' ? 'selected' : '' }}>UPI</option>
                    <option value="Card" {{ $paymentMethod === 'Card' ? 'selected' : '' }}>Card</option>
                    <option value="Net Banking" {{ $paymentMethod === 'Net Banking' ? 'selected' : '' }}>Net Banking</option>
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">From Date</label>
                <input type="date" name="from_date" class="form-control form-control-sm" value="{{ $fromDate }}">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">To Date</label>
                <input type="date" name="to_date" class="form-control form-control-sm" value="{{ $toDate }}">
            </div>

            <div class="col-md-1 d-flex gap-1">
                <button type="submit" class="btn btn-agri btn-sm w-100" title="Filter"><i class="bi bi-funnel"></i></button>
                @if($searchTerm || $storeId || $paymentMethod || $fromDate || $toDate)
                    <a href="{{ route('pos.invoices.index') }}" class="btn btn-light border btn-sm" title="Clear Filters"><i class="bi bi-x-lg"></i></a>
                @endif
            </div>
        </form>
    </div>
</div>

<!-- Invoices Table -->
<div class="card shadow-sm border-0">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Invoice #</th>
                    <th>Date & Time</th>
                    <th>Store</th>
                    <th>Customer</th>
                    <th>Payment</th>
                    <th class="text-end">Items</th>
                    <th class="text-end">Grand Total</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($invoices as $inv)
                    <tr>
                        <td>
                            <a href="{{ route('pos.invoices.show', $inv) }}" class="fw-bold font-monospace text-success text-decoration-none">
                                {{ $inv->invoice_number }}
                            </a>
                        </td>
                        <td class="small text-muted font-monospace">
                            {{ $inv->invoice_date->format('d M Y, H:i') }}
                        </td>
                        <td>
                            <div class="fw-semibold text-dark">{{ $inv->store->name }}</div>
                            <small class="text-muted font-monospace">{{ $inv->store->code }}</small>
                        </td>
                        <td>
                            @if($inv->customer_name)
                                <div class="fw-semibold text-dark">{{ $inv->customer_name }}</div>
                                <small class="text-muted">{{ $inv->customer_phone ?? '' }}</small>
                            @else
                                <span class="text-muted fst-italic">Walk-in Customer</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">
                                <i class="bi bi-wallet2 me-1"></i> {{ $inv->payment_method }}
                            </span>
                        </td>
                        <td class="text-end font-monospace">{{ $inv->total_items }}</td>
                        <td class="text-end font-monospace fw-bold text-success">
                            ₹{{ number_format($inv->grand_total, 2) }}
                        </td>
                        <td>
                            @if($inv->is_cancelled)
                                <span class="badge bg-danger">Cancelled</span>
                            @elseif($inv->status === 'Returned')
                                <span class="badge bg-warning text-dark">Returned</span>
                            @elseif($inv->status === 'Partially Returned')
                                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning">Partial Return</span>
                            @else
                                <span class="badge bg-success-subtle text-success border border-success">Completed</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('pos.invoices.show', $inv) }}" class="btn btn-light border" title="Inspect Invoice">
                                    <i class="bi bi-eye"></i>
                                </a>
                                <a href="{{ route('pos.invoices.thermal', $inv) }}" target="_blank" class="btn btn-light border" title="Print Thermal Receipt">
                                    <i class="bi bi-printer"></i>
                                </a>
                                <a href="{{ route('pos.invoices.print', $inv) }}" target="_blank" class="btn btn-light border" title="A4 Tax Invoice">
                                    <i class="bi bi-file-earmark-pdf"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="9" class="text-center py-5 text-muted">
                            <i class="bi bi-receipt fs-1 d-block mb-2 text-secondary"></i>
                            <div>No sales invoices found matching the current criteria.</div>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($invoices->hasPages())
        <div class="card-footer bg-white border-top py-3">
            {{ $invoices->links() }}
        </div>
    @endif
</div>
@endsection