@extends('admin.layouts.app')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-warning text-white">
                    <h3 class="mb-0">
                        Jinsi Forms (Dispatch Records)
                        <a href="{{ route('panel.jinsi-forms.create') }}" class="btn btn-light float-end">Create New</a>
                    </h3>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="card bg-info text-white">
                                <div class="card-body">
                                    <h6>Total Dispatches</h6>
                                    <h3>{{ $totalForms }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-success text-white">
                                <div class="card-body">
                                    <h6>Total Value</h6>
                                    <h4>Rs. {{ number_format($totalValue, 2) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-danger text-white">
                                <div class="card-body">
                                    <h6>Total Tax</h6>
                                    <h4>Rs. {{ number_format($totalTax, 2) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-primary text-white">
                                <div class="card-body">
                                    <h6>Average Value</h6>
                                    <h4>Rs. {{ number_format($avgValue, 2) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if($jinsiForms->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead class="table-dark">
                                    <tr>
                                        <th>ID</th><th>Entry Date</th><th>Products</th><th>Tax Details</th><th>Total</th><th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($jinsiForms as $form)
                                    <tr>
                                        <td><strong>{{ $form->id_no }}</strong></td>
                                        <td>{{ $form->entry_date->format('Y-m-d') }}</td>
                                        <td class="text-center">{{ $form->products->count() }} items</td>
                                        <td>
                                            @php
                                                $vatCount = $form->products->where('tax_type', 'vat')->count();
                                                $customCount = $form->products->where('tax_type', 'custom')->count();
                                            @endphp
                                            @if($vatCount > 0)<span class="badge bg-info">VAT: {{ $vatCount }}</span>@endif
                                            @if($customCount > 0)<span class="badge bg-warning">Custom: {{ $customCount }}</span>@endif
                                            <br><small>Tax: Rs. {{ number_format($form->total_tax, 2) }}</small>
                                        </td>
                                        <td class="text-end"><strong>Rs. {{ number_format($form->total_amount, 2) }}</strong></td>
                                        <td>
                                            <a href="{{ route('panel.jinsi-forms.show', $form) }}" class="btn btn-sm btn-info">View</a>
                                            <a href="{{ route('panel.jinsi-forms.edit', $form) }}" class="btn btn-sm btn-info">Edit</a>
                                            <a href="{{ route('panel.report.jinsi-form', $form) }}" class="btn btn-sm btn-info">Report</a>
                                            <button class="btn btn-sm btn-danger" onclick="confirmDelete({{ $form->id }})">Delete</button>
                                            <form id="delete-form-{{ $form->id }}" action="{{ route('panel.jinsi-forms.destroy', $form) }}" method="POST" style="display:none;">@csrf @method('DELETE')</form>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{ $jinsiForms->links() }}
                    @else
                        <div class="alert alert-info">No Jinsi Forms found.</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function confirmDelete(id) {
    if (confirm('Are you sure?')) document.getElementById('delete-form-' + id).submit();
}
</script>
@endsection