@extends('layouts/fullLayoutMaster')

@section('title', 'IN' . $invoice->invoice_number . ' C-' . $invoice->customerPO->customer->name . ' CPO-' . $invoice->customerPO->customer_po_number . ' (Delivery Note)')

@section('page-style')
    <link rel="stylesheet" href="{{asset(mix('css/base/pages/app-invoice-print.css'))}}">
    <link rel="stylesheet" href="{{ asset('vendors/css/ui/gray-themes.css') }}">
@endsection

@section('content')
    <p style="height: 40px;">&nbsp;</p>
    <div class="invoice-print invoiceDeliveryPdf p-3 invoice-pdf">
        <div class="invoice-header row justify-content-between pb-2 mt-3" style="border-bottom: hidden;">
            <div class="col-auto ms-auto pt-2">
                <h1 class="font-large-3 col-auto" style="color: #4e5e20 !important; font-family: Constantia !important; font-style: italic !important; font-size: 59px !important;">Delivery Note</h1>
                <div class="invoice-date-wrapper font-medium-2">
                    <span class="invoice-date-title">Invoice #</span>
                    <span class=""><b>{{ $invoice->invoice_number }}</b></span>
                </div>
                <div class="invoice-date-wrapper font-medium-2">
                    <span class="invoice-date-title">Date:</span>
                    <span class="">{{ $invoice->date }}</span>
                </div>
            </div>
        </div>

        <table class="tableInfo_div">
            <tr>
                <td class="border-0">
                    <div class="mb-0" style="color: #4e5e20 !important; font-weight: bold">Bill to:</div>
                </td>
                <td class="border-0">
                    <div class="mb-0" style="color: #4e5e20 !important; font-weight: bold">Ship to:</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>{{ $invoice->customerPO->customer->contact_person }}</div>
                    <div>{{ $invoice->customerPO->customer->name }}</div>
                    <div>{{ $invoice->customerPO->customer->address }}</div>
                    <div>{{ $invoice->customerPO->customer->phone }}</div>
                </td>
                <td>
                    <div>{{ $invoice->customerPO->customer->contact_person }}</div>
                    <div>{{ $invoice->customerPO->customer->name }}</div>
                    <div>{{ $invoice->customerPO->customer->address }}</div>
                    <div>{{ $invoice->customerPO->customer->phone }}</div>
                </td>
            </tr>
        </table>

        <div class="table-responsive mt-3 mb-3">
            <table class="table m-0">
                <thead>
                <tr>
                    <th class="py-1" >P.O.#</th>
                    <th class="py-1" >Shipping Method</th>
                    <th class="py-1" >Shipping Terms</th>
                    <th class="py-1" >Delivery Date</th>
                    <th class="py-1" >AWB#</th>
                    <th class="py-1" >Payment Terms</th>
                    <th class="py-1" >Due Date</th>
                </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="py-1" valign="top">{{ $invoice->customerPO->customer_po_number }}</td>
                        <td class="py-1" valign="top">{{ $invoice->shipping_method }}</td>
                        <td class="py-1" valign="top">{{ $invoice->shipping_terms }}</td>
                        <td class="py-1" valign="top">{{ $invoice->delivery_date }}</td>
                        <td class="py-1" valign="top">{{ $invoice->awb }}</td>
                        <td class="py-1" valign="top">{{ $invoice->payment_terms }}</td>
                        <td class="py-1" valign="top">{{ $invoice->due_date }}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="table-responsive mt-1">
            <table class="table m-0">
                <thead>
                <tr>
                    <th class="py-1" >Item#</th>
                    <th class="py-1" >Part Number</th>
                    <th class="py-1" >Description</th>
                    <th class="py-1" >Condition</th>
                    <th class="py-1" >Qty Ordered</th>
                    <th class="py-1" >Qty Delivered</th>
                    <th class="py-1" >Check Box</th>
                </tr>
                </thead>
                <tbody>
                @php
                    $i = 0;
                @endphp
                @foreach( $invoiceParts as $invoicePart )
                    @php
                        $quantity_ordered = \App\Models\CustomerPOPart::where('customer_po_id', '=', $invoicePart->invoice->customerPO->id)->where('inventory_id', '=', $invoicePart->inventory->id)->sum('quantity');
                    @endphp
                    <tr>
                        <td class="py-1" valign="top">{{ ++$i }}</td>
                        <td class="py-1">{{ $invoicePart->inventory->part_number }}</td>
                        <td class="py-1">{{ $invoicePart->inventory->description }}</td>
                        <td class="py-1" valign="top">{{ $invoicePart->condition }}</td>
                        <td class="py-1" valign="top">{{ number_format( $quantity_ordered ) }}</td>
                        <td class="py-1" valign="top">{{ number_format( $invoicePart->quantity ) }}</td>
                        <td class="py-1" valign="top">
                            <input type="checkbox">
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <div class="m-auto p-3 mt-3 bold-border">
            Notice must be given to us of any goods not received within 24 hours taken from the date of despatch stated on invoice.<br>
            Any Shortage or damage must be notified within 24hours of receipt of goods.<br>
            Complaints can only be accepted if made in writing within 14 days of receipt of goods.<br>
            No goods may be returned without prior authorization from company.
            <br><br>
            <h2 style="color: #4e5e20 !important; font-family: 'Arial Narrow' !important; font-style: italic !important;">Thank you for your business!</h2>
        </div>
    </div>
@endsection

@section('page-script')
    <script src="{{asset('js/scripts/pages/app-invoice-print.js')}}"></script>
@endsection