@extends('admin.layouts.app')
@section('content')
<div class="container">
    <div class="card">
        <div class="card-header bg-warning text-white">
            <h3>Jinsi Form Details: {{ $jinsiForm->id_no }}</h3>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col-md-4"><strong>Entry Date:</strong> {{ $jinsiForm->entry_date->format('Y-m-d') }}</div>
                <div class="col-md-4"><strong>Kharid Form:</strong> {{ $jinsiForm->kharidForm->id_no ?? 'N/A' }}</div>
                <div class="col-md-4"><strong>Maag Form:</strong> {{ $jinsiForm->maagForm->id_no ?? 'N/A' }}</div>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead class="table-dark">
                        <tr>
                            <th>Product</th><th>Qty</th><th>Unit Price</th><th>Total</th><th>Tax Type</th><th>Tax %</th><th>Tax Amount</th><th>Total with Tax</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($jinsiForm->products as $product)
                        <tr>
                            <td>{{ $product->kharidFormProduct->maagFormProduct->product_name ?? 'N/A' }}</td>
                            <td>{{ number_format($product->remaining_qty, 2) }}</td>
                            <td class="text-end">Rs. {{ number_format($product->amount, 2) }}</td>
                            <td class="text-end">Rs. {{ number_format($product->total, 2) }}</td>
                            <td>
                                @if($product->tax_type == 'vat')<span class="badge bg-info">VAT</span>
                                @elseif($product->tax_type == 'custom')<span class="badge bg-warning">Custom</span>
                                @else<span class="badge bg-secondary">No Tax</span>@endif
                            </td>
                            <td>{{ $product->tax_percentage }}%</td>
                            <td class="text-end">Rs. {{ number_format($product->tax_amount, 2) }}</td>
                            <td class="text-end"><strong>Rs. {{ number_format($product->total_with_tax, 2) }}</strong></td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="table-secondary">
                        <tr><th colspan="3" class="text-end">Subtotal:</th><th class="text-end">Rs. {{ number_format($jinsiForm->subtotal, 2) }}</th><th colspan="4"></th></tr>
                        <tr><th colspan="3" class="text-end">Total Tax:</th><th class="text-end">Rs. {{ number_format($jinsiForm->total_tax, 2) }}</th><th colspan="4"></th></tr>
                        <tr><th colspan="3" class="text-end">Other Expenses:</th><th class="text-end">Rs. {{ number_format($jinsiForm->other_exp, 2) }}</th><th colspan="4"></th></tr>
                        <tr class="table-success"><th colspan="3" class="text-end h4">Grand Total:</th><th class="text-end h4 text-danger">Rs. {{ number_format($jinsiForm->total_amount, 2) }}</th><th colspan="4"></th></tr>
                    </tfoot>
                </table>
            </div>

            <div class="row mt-4">
                <div class="col-md-12"><strong>Remarks:</strong> {{ $jinsiForm->remarks ?? 'N/A' }}</div>
            </div>

            <div class="mt-4">
                <a href="{{ route('panel.jinsi-forms.index') }}" class="btn btn-secondary">Back</a>
                <button onclick="window.print()" class="btn btn-primary">Print</button>
            </div>
        </div>
    </div>
</div>
@endsection