@extends('finance/layouts/default_pdf')

@section('title')
    Report
    @parent
@stop
@section('content')
    <style>
        .mytable {
            border: 1px solid black;
            border-collapse: collapse;
            text-align: left;
            font-size: 14px;

        }
        td {
            border: 1px solid black;
        }
        th {
            border: 1px solid black;
        }

        .sign {
            padding-left: 30pt;
        }



        footer {
            position: fixed;
            bottom: 5pt;
            left: 0px;
            right: 0px;
            /*height: 50px;*/
            font-style: italic;

            /** Extra personal styles **/
            /*background-color: #03a9f4;*/
            /*color: white;*/
            text-align: center;
            line-height: 35px;
        }
    </style>
    <table style="width: 6.8e+2pt;border: none;margin-left:.75pt;border-collapse:collapse;">
        <tbody>
        <tr style="">
            <td colspan="7" style="border:0px; width:411.25pt;background:white;padding:.75pt .75pt .75pt .75pt;height:128.5pt;">

            </td>

        </tr>
        <tr>
            <td colspan="5" style="border:0px;">
                <p style='font-size:15px;text-align:center;'><strong>

                            <span style='font-size:25px;'>
                               Bill Voucher
                            </span>

                    </strong></p>
            </td>
            <td style="border:0px;">
            </td>
            <td style="border:0px;">
            </td>
        </tr>
        <tr>
            <td style="border:0px;">

            </td>
            <td colspan="2" style="border:0px;">

            </td>
            <td style="border:0px;">

            </td>
            <td colspan="3" style="border:0px;">
                Port&nbsp;&nbsp;<b>KALITY</b><br>Shipment&nbsp;&nbsp;<b>UNIMODAL</b>
            </td>

        </tr>

        <tr>
            <td style="border:0px;">
                <b>Consignee</b>
            </td>
            <td colspan="3" style="border:0px;">
                {{ $cargoheader->cargodeclarations->consignees->name }}
            </td>
            <td colspan="3" style="border:0px;">

            </td>

        </tr>
        <tr>
            <td style="border:0px;">
                <b>TIN No.</b>
            </td>
            <td colspan="2" style="border:0px;">
                {{ $cargoheader->cargodeclarations->consignees->tin_number }}
            </td>

            <td style="border:0px;">
                <b>Transitor</b>
            </td>
            <td colspan="2" style="border:0px;">
                {{  $cargoheader->cargodeclarations->transitors->name  }}
            </td>
        </tr>
        <tr>
            <td style="border:0px;">
                <b>Bill Date</b>
            </td>
            <td style="border:0px;">
                {{ $invoice->paid_date }}
            </td>
            <td style="border:0px;">

            </td>
            <td style="border:0px;">
                <b>Prepared by</b>
            </td>
            <td colspan="2" style="border:0px;width:222.0pt;background:white;padding:.75pt .75pt .75pt .75pt;">
                {{ $officer->full_name }}
            </td>

        </tr>
        <tr>
            <td style="border:0px;">
                <b>Declaration No</b>
            </td>
            <td colspan="2" style="border:0px;">
                {{ $cargoheader->cargodeclarations->declaration_number }}
            </td>
            <td style="border:0px;">
                <b>Status</b>
            </td>
            <td colspan="3" style="border:0px;">
                Approved
            </td>

            <td style="border:0px;">

            </td>
        </tr>

        </tbody>
    </table>
    <br>
<div style="padding-bottom: 10px;">
    <b>Invoice Number:-</b><span style="text-align: left;font-size: 14px;padding-left: 5px;font-weight: bolder">{{ $invoice->invoice_number }}</span>
</div>
    <div class="card-body table-responsive-lg table-responsive-sm table-responsive-md">
        <table class="mytable table table-bordered" id="invoices-table" width="100%">
            <thead>
            <tr style="background-color: #d0caca">
                <th>S.No</th>
                <th>Service</th>
                <th>Unit</th>
                <th>Quantity</th>
                <th>Unit Price</th>
                <th>Total Price</th>


            </tr>
            </thead>
            <tbody>
            @php $i=1; @endphp
            @foreach($bills as $bill)
                <tr>
                    <td style="text-align: center">{{ $i }}</td>
                    <td>{!! $bill->name !!}</td>
                    <td>{!! $bill->unit !!}</td>
                    <td style="text-align: right">{{$bill->quantity}}</td>
                    <td style="text-align: right">{{$bill->unit_price}}</td>
                    <td style="text-align: right">{{$bill->cost}}</td>

                </tr>
                @php $i++; @endphp
            @endforeach
            <tr>
                <td colspan="5" style="border:0px;padding:2px;
                text-align: right;font-weight: bolder">Total</td>
                <td>{{ $total }}</td>
            </tr>
            <tr>

                <td colspan="5" style="border:0px;padding:2px;
                text-align: right;font-weight: bolder">VAT</td>
                <td>{{ $vat }}</td>
            </tr>
            <tr>
                <td colspan="5" style="border:0px;padding:2px;
                text-align: right;font-weight: bolder">Grand Total</td>
                <td> {{ $g_total }}</td>
            </tr>
            <tr>
                <td colspan="6" style="border:0px;padding:10px;
                text-align: left;font-size: 14px">
                    {!!  $in_word !!}
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <footer>
        Printed by:{!! $officer->full_name !!} date & time: