@extends('layouts.location')

@section('title', 'ASN Uploads by Invoice')
@section('page-title', 'ASN Uploads by Invoice')

@section('content')
<div class="row">
    <div class="col-12">
        <h4>ASN Uploads</h4>
        <form method="GET" action="" class="row g-3 mb-3 align-items-end">
            <div class="col-auto">
                <label for="invoice" class="form-label mb-0">Invoice</label>
                <select name="invoice" id="invoice" class="form-select">
                    @forelse($invoices as $inv)
                        <option value="{{ $inv }}" {{ $selected_invoice == $inv ? 'selected' : '' }}>{{ $inv }}</option>
                    @empty
                        <option value="">No invoices</option>
                    @endforelse
                </select>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-primary">Apply</button>
                <a href="{{ route('location.asn.list.invoice') }}" class="btn btn-secondary">Reset</a>
            </div>
        </form>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent">
                <div class="d-flex justify-content-between align-items-center">
                    <span class="fw-semibold">Invoice: {{ $selected_invoice ?? '-' }}</span>
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('location.asn.list') }}">Switch to Text Filter</a>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped mb-0">
                        <thead>
                            <tr>
                                <th>Invoice Number</th>
                                <th>Timestamp</th>
                                <th>Sr</th>
                                <th>Description</th>
                                <th>Part No</th>
                                <th>Model</th>
                                <th>PCS</th>
                                <th>Access Qty</th>
                                <th>Uploaded At</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($asn_uploads as $asn)
                                <tr>
                                    <td>{{ $asn->invoice_number }}</td>
                                    <td>{{ $asn->asn_timestamp }}</td>
                                    <td>{{ $asn->sr }}</td>
                                    <td>{{ $asn->description }}</td>
                                    <td>{{ $asn->part_no }}</td>
                                    <td>{{ $asn->model }}</td>
                                    <td>{{ $asn->pcs }}</td>
                                    <td>{{ $asn->access_qty ?? 0 }}</td>
                                    <td>{{ $asn->created_at }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="9" class="text-center">No ASN uploads found.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection