@extends('layouts.master')

@section('title', 'Product Invoice')

@section('content')
@include('partials.header')


<main class="app-content" style="font-size: 8pt;">
    <div class="app-title">
        <h1><i class="fa fa-file-text-o"></i> Product Invoice</h1>
    </div>

    <div class="tile">
        <section class="invoice p-3" style="border: 1px solid #000;">
            <!-- Header -->
            <div class="row mb-2">
                <div class="col-6">
<!--                    <img src="{{ asset('images/logo.png') }}" alt="Biocyte Logo" height="50">-->
<img src="{{ asset('images/logo.jpg') }}" alt="Company Logo" height="50">
                    <p><strong>Life Sciences</strong></p>
                </div>
                <div class="col-6 text-right">
                    <h5 style="text-decoration: underline;"><strong>PRODUCT INVOICE</strong></h5>
                    <p><strong>Date:</strong> {{ $invoice->invoice_date }}</p>
                </div>
            </div>
<style>

      table.boxed-detail {
        width: 100%;
        border-collapse: collapse;
        font-size: 7pt;
    }

    table.boxed-detail th,
    table.boxed-detail td {
        border: 1px solid #000;
        padding: 4px;
        text-align: left;
    }

    table.boxed-detail th {
        background-color: #f2f2f2;
    }
</style>
            <!-- Customer Info Box -->
            <table class="boxed-detail" style="margin-bottom: 0;">
                <tr>
                    <td><strong>Customer Code:</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $invoice->customer_id }}</td>
                    <td><strong>N.T.N No</strong><br>{{ $invoice->ntn ?? '-' }}</td>
                    <td><strong>Ref  : 1415/2025</strong><br>{{ $invoice->remarks }}</td>
                    <td><strong>Bioctye NTN:</strong> 5005195-7</td>
                </tr>
                <tr>
                    <td colspan="2"><strong>Customer Name :</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $invoice->name }}</td>
                    <td colspan="2"><strong>Address</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $invoice->address }}</td>
                </tr>
                <tr>
                    <td colspan="4"><strong>S.T. No</strong><br>{{ $invoice->stn ?? '-' }}</td>
                </tr>
            </table>

            <!-- Product Details Table -->
            <table class="boxed-detail">
                <thead style="background-color: #f2f2f2;">
                    <tr style="font-size: 6pt;">
                        <th style="width: 3%;">S.#</th>
                        <th style="width: 20%;">Product Name</th>
                        <th style="width: 7%;">Pack Size</th>
                        <th style="width: 7%;">Qty</th>
                        <th style="width: 9%;">Unit Price</th>
                        <th style="width: 9%;">Batch No.</th>
                        <th style="width: 9%;">Expiry</th>
                        <th style="width: 10%;">Total Price</th>
                        <th style="width: 6%;">Bonus</th>
                        <th style="width: 7%;">Disc%</th>
                        <th style="width: 10%;">Net Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @php $i = 1; $grandTotal = 0; @endphp
                    @foreach($invoiceDetails as $item)
                    <tr style="font-size: 6pt;">
                        <td>{{ $i++ }}</td>
                        <td>{{ $item->product_name }}</td>
                        <td>{{ $item->Unit_One_Packing ?? '-' }}</td>
                        <td style="text-align: right;">{{ $item->item_qty }}</td>
                        <td style="text-align: right;">{{ number_format($item->item_price, 2) }}</td>
                        <td>{{ $item->batch_no}}</td>
                        <td>{{ $item->expiry_date ?? '-' }}</td>
                        <td style="text-align: right;">{{ number_format($item->amount, 2) }}</td>
                        <td style="text-align: right;">{{ $item->bonus ?? 0 }}</td>
                        <td style="text-align: right;">{{ $item->discount }}%</td>
                        <td style="text-align: right;">{{ number_format($item->net_amount, 2) }}</td>
                        @php $grandTotal += $item->net_amount; @endphp
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <!-- Totals and Words -->
            <table class="table table-bordered table-sm mt-2">
                <tr>
                    <td style="width: 70%;">
                        <strong></strong><br>
                        @php
                        function convertNumberToWord($number)
                        {
                            $words = [
                                0 => '', 1 => 'one', 2 => 'two', 3 => 'three',
                                4 => 'four', 5 => 'five', 6 => 'six', 7 => 'seven',
                                8 => 'eight', 9 => 'nine', 10 => 'ten', 11 => 'eleven',
                                12 => 'twelve', 13 => 'thirteen', 14 => 'fourteen',
                                15 => 'fifteen', 16 => 'sixteen', 17 => 'seventeen',
                                18 => 'eighteen', 19 => 'nineteen', 20 => 'twenty',
                                30 => 'thirty', 40 => 'forty', 50 => 'fifty',
                                60 => 'sixty', 70 => 'seventy', 80 => 'eighty',
                                90 => 'ninety'
                            ];

                            if ($number == 0) return 'zero';
                            $word = '';

                            if ($number >= 1000000) {
                                $word .= convertNumberToWord(intval($number / 1000000)) . ' million ';
                                $number %= 1000000;
                            }

                            if ($number >= 1000) {
                                $word .= convertNumberToWord(intval($number / 1000)) . ' thousand ';
                                $number %= 1000;
                            }

                            if ($number >= 100) {
                                $word .= convertNumberToWord(intval($number / 100)) . ' hundred ';
                                $number %= 100;
                            }

                            if ($number > 0) {
                                if ($number < 21) $word .= $words[$number];
                                else {
                                    $word .= $words[intval($number / 10) * 10];
                                    if ($number % 10) $word .= '-' . $words[$number % 10];
                                }
                            }

                            return ucfirst(trim($word));
                        }

                      $words = convertNumberToWord($grandTotal);
                        @endphp
                        Rupees {{ $words }} Only
                    </td>
                    <td style="width: 30%;"><br>
                        <strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Grand Total : Rs. {{ number_format($grandTotal, 2) }}
                    </td>
                </tr>
            </table>

            <!-- Footer -->
            <div class="row mt-4">
                <div class="col-6">
<!--                    <p><strong>E. & O. E.</strong></p>-->
                </div>
                <div class="col-6 text-right">
                    <p>For Biocyte Life Sciences</p>
                    <br>
<div style="font-size: 10pt;">
    <strong>E. &amp; O.E.</strong>
    <img src="{{ asset('images/signature.jpg') }}" alt="Company Logo" height="50">
</div>
<hr style="border: 1px solid black; margin-top: 5px;">
                    <p>Authorized Signature</p>

                </div>
            </div>
<div style="font-size: 7pt;">
    <img src="{{ asset('images/notes.jpg') }}" alt="Company Logo" height="90">
</div>
            <!-- Print Button -->
            <div class="row d-print-none mt-3">
                <div class="col text-right">
                    <button class="btn btn-primary" onclick="window.print()"><i class="fa fa-print"></i> Print</button>
                </div>
            </div>
        </section>
    </div>
</main>
@endsection