@if(empty($pdf))
    @extends('layouts.contentNavbarLayout')
@endif

@section('content')
<div class="container">
    <div class="card p-4">
        <h6 class="text-center mb-1"><strong>Proforma Invoice</strong></h6>
        <h6 class="text-center mb-4"><strong>Zillion IT Solutions.</strong> Calicut, Kerala, India.</h6>

        <div class="mb-3">
            <strong>Invoice No:</strong> {{ $invoice->invoice_number }}<br>
            <strong>Invoice Date:</strong> {{ \Carbon\Carbon::parse($invoice->date)->format('d-m-Y') }}
        </div>

        <div class="mb-4">
            <h5>To:</h5>
            <p>
                <strong>Client Name:</strong> M/s {{ $invoice->client->name }}<br>
                <strong>Address:</strong> {{ $invoice->client->address ?? '' }}
            </p>
        </div>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style="width: 5%;">SL.NO.</th>
                    <th>Particulars Of Services HSN/SAC</th>
                    <th style="width: 20%;">Amount</th>
                </tr>
            </thead>
            <tbody>
                @foreach($invoice->items as $index => $item)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $item->description }}</td>
                    <td>{{ number_format($item->amount, 2) }}</td>
                </tr>
                @endforeach
                <tr>
                    <td colspan="2" class="text-end"><strong>Service Total</strong></td>
                    <td><strong>₹{{ number_format($invoice->total_amount, 2) }}</strong></td>
                </tr>
                <tr>
                    <td colspan="2" class="text-end"><strong>Received Amount</strong></td>
                    <td><strong>{{ $invoice->received_amount ? '₹' . number_format($invoice->received_amount, 2) : 'NIL' }}</strong></td>
                </tr>
                <tr>
                    <td colspan="2" class="text-end"><strong>Balance</strong></td>
                    <td><strong>₹{{ number_format($invoice->total_amount - ($invoice->received_amount ?? 0), 2) }}</strong></td>
                </tr>
                <tr>
                    <td colspan="2" class="text-end"><strong>Grand Total</strong></td>
                    <td><strong>₹{{ number_format($invoice->total_amount, 2) }}</strong></td>
                </tr>
                <tr>
                    <td colspan="3" class="text-start">Total Invoice Amount In Words: {{ $amountInWords }} only</td>
                  
                </tr>
            </tbody>
        </table>

  
        

        <!-- Footer Section with Bank Details -->
        <table class="table table-bordered mt-4" style="width: 100%;">
            <tr>
                <td style="width: 50%; vertical-align: top;">
                    <h6 class="mb-2"><strong>Bank Details:</strong></h6>

                    <h6 style="font-size: 14px;
                    line-height: 25px;">Beneficiary: <strong>Zillion IT Solutions</strong><br>
                    Bank Name: <strong>State Bank Of India</strong></br>
                      Branch: PBB Branch, Pottammal</br>
                          Bank Account Number: <strong>38456815606</strong></br>
                             Bank Branch IFSC: SBIN0070758
                            </p>

                    <p style="font-size: 13px;">Amount of Tax Subject to Reverse Charge.</p>
                </td>
                <td style="width: 50%; vertical-align: top; text-align: center;">
                    <p>Certified that the particulars given above are true and correct.</p><br><br>
                    <h6><strong>For Zillion IT Solutions</strong></h6><br><br><br>
                    ____________________________<br>
                    <h6><strong>Authorised Signatory</strong></h6>
                </td>
            </tr>
        </table>
        <small class="mt-4">*Note: 
          {{ $invoice->remarks }}
        </small>

        <div class="text-end mt-4 no-print">
            <a href="{{ route('proforma-invoices.index') }}" class="btn btn-secondary">Back</a>
            <a href="{{ route('proforma-invoices.download', $invoice->id) }}" class="btn btn-success">Download PDF</a>
            <button onclick="window.print()" class="btn btn-primary">Print</button>
        </div>
        
        
    </div>
</div>
<style>
    @media print {
        /* Hide layout elements */
        nav.navbar,
        .layout-navbar,
        .layout-menu,
        .btn,
        .text-end.mt-4,
        footer {
            display: none !important;
            
        }
        


        /* Full-width print page */
        @page {
            size: A4;
            margin: 0; /* remove browser default margins */
        }

        html, body {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

        .container,
        .card {
            margin: 0 !important;
            padding: 20px !important; /* optional, for some breathing space */
            width: 100% !important;
            max-width: 100% !important;
            box-shadow: none !important;
            border: none !important;
        }

        .table {
            width: 100% !important;
        }
    }
</style>



@endsection