@extends('admin.layouts.app')
@section('title', 'Order Summary')
@section('page_title', 'Order Summary List')
@section('content')
<style>
    .table-sm-custom { font-size: 0.8rem; } .table-sm-custom td, .table-sm-custom th { padding: 0.25rem 0.4rem; }
    @media print {
        .sidebar, .top-bar, .card-header, .footer, .btn { display: none !important; }
        .card { box-shadow: none !important; border: none !important; }
        .col-md-9, .col-lg-10 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
        .main-content { padding: 0 !important; }
        .table-responsive { overflow: visible !important; }
        table { font-size: 10px !important; }
        .table-sm-custom td, .table-sm-custom th { padding: 0.15rem 0.3rem !important; }
    }
</style>
<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between align-items-center">
            <div class="d-flex gap-2">
                <select id="mainCategoryFilter" class="form-select form-select-sm" style="width:200px">
                    <option value="">All Categories</option>
                    @foreach($mainCategoryOptions as $cat)
                        <option value="{{ $cat }}">{{ $cat }}</option>
                    @endforeach
                </select>
                <select id="shipmentNotesFilter" class="form-select form-select-sm" style="width:250px">
                    <option value="">All Shipment Notes</option>
                    @foreach($shipmentNoteOptions as $note)
                        <option value="{{ $note }}">{{ Str::limit($note, 50) }}</option>
                    @endforeach
                </select>
            </div>
            <a href="{{ route('order-summary.print') }}" target="_blank" class="btn btn-sm btn-secondary"><i class="fas fa-print"></i> Print</a>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-sm table-sm-custom">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th class="text-center">Shipment Notes</th>
                        <th class="text-center">Main Category</th>
                        <th>Product Name</th>
                        <th class="text-center">Unit</th>
                        <th class="text-center">Total Qty</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($summary as $index => $item)
                    <tr>
                        <td class="text-center">{{ $index + 1 }}</td>
                        <td class="text-center">
                            @if($item['shipment_notes']->count() > 0)
                                @foreach($item['shipment_notes']->unique() as $note)
                                    <span class="d-block small mb-1">{{ $note }}</span>
                                @endforeach
                            @else
                                <span class="text-muted">--</span>
                            @endif
                        </td>
                        <td class="text-center">{{ $item['main_category'] }}</td>
                        <td>{{ $item['product_name'] }}</td>
                        <td class="text-center">{{ $item['unit'] }}</td>
                        <td class="text-center">{{ number_format($item['total_qty'], 3) }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center">No order data found</td></tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr class="fw-bold">
                        <td colspan="5" class="text-end">Total</td>
                        <td class="text-center">{{ number_format($summary->sum('total_qty'), 3) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    function filterTable() {
        var noteVal = $('#shipmentNotesFilter').val().toLowerCase();
        var catVal = $('#mainCategoryFilter').val().toLowerCase();
        $('table tbody tr').each(function () {
            var note = $(this).find('td:eq(1)').text().toLowerCase();
            var cat = $(this).find('td:eq(2)').text().toLowerCase();
            var matchNote = !noteVal || note.includes(noteVal);
            var matchCat = !catVal || cat === catVal;
            $(this).toggle(matchNote && matchCat);
        });
    }

    $(document).ready(function () {
        $('#shipmentNotesFilter, #mainCategoryFilter').on('change', filterTable);
    });
</script>
@endsection