@extends('layouts/fullLayoutMaster')

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

@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 p-3 invoicePdf 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; font-size: 59px !important;">INVOICE</h1>
                <div class="invoice-date-wrapper font-medium-2">
                    <span class="invoice-date-title">Invoice #</span>
                    <span><b>{{ $invoice->invoice_number }}</b></span>
                </div>
                <div class="invoice-date-wrapper font-medium-2">
                    <span class="invoice-date-title">Date:</span>
                    <span>{{ $invoice->date }}</span>
                </div>
            </div>
        </div>


        <table class="tableInfo_div" style="overflow: auto;">
            <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 class="pb-0">
                <td>
                    <div>{{ $invoice->customerPO->customer->contact_person }}</div>
                    <div>{{ $invoice->customerPO->customer->name }}</div>
                    <div style="max-width: 380px; word-break: break-all;">{{ $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 style="max-width: 380px; word-break: break-all;">{{ $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">
                <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>
                <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>
            </table>
        </div>

        <div class="table-responsive mt-1">
            <table class="table m-0">
                <thead>
                <tr>
                    <th class="py-1 width-100" >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" >Quantity</th>
                    <th class="py-1" >Unit Price</th>
                    <th class="py-1" >Total Price</th>
                </tr>
                </thead>
                <tbody>
                @php
                    $i = 0;
                    $sub_total = 0;
                @endphp
                @foreach( $invoiceParts as $invoicePart )
                    @php
                        $sub_total += $invoicePart->quantity * $invoicePart->unit_price;
                    @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">{{ $invoicePart->quantity }}</td>
                        <td class="py-1" valign="top" align="right"><strong>${{ number_format( $invoicePart->unit_price, 2 ) }}</strong></td>
                        <td class="py-1" valign="top" align="right"><strong>${{ number_format( $invoicePart->quantity * $invoicePart->unit_price, 2 ) }}</strong></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <table class="tableInfo_div mt-3">
            <tr>
                <td class="col-8" valign="top">
                    <div class="thanksBox">
                        Make all checks payable to Sepia Tech
                        <p style="padding-top: 10px; color: #4e5e20 !important; font-size: 24px; font-family: 'Arial Narrow' !important; font-style: italic !important;">Thank you for your business!</p>
                    </div>
                </td>
                <td class="col-4">
                    <div class="invoice-total-wrapper">
                        <div class="invoice-total-item">
                            <p class="invoice-total-title">Total Due:</p>
                            <p class="invoice-total-amount">${{ number_format( $sub_total, 2 ) }}</p>
                        </div>
                        <div class="invoice-total-item">
                            <p class="invoice-total-title">Shipping Cost:</p>
                            <p class="invoice-total-amount">${{ $invoice->shipping_cost }}</p>
                        </div>
                        <div class="invoice-total-item">
                            <p class="invoice-total-title">Clearance:</p>
                            <p class="invoice-total-amount">${{ $invoice->clearance }}</p>
                        </div>
                        <div class="invoice-total-item">
                            <p class="invoice-total-title">Sales Tax:</p>
                            <p class="invoice-total-amount">${{ $invoice->sales_tax }}</p>
                        </div>
                        <div class="invoice-total-item">
                            <p class="invoice-total-title"><strong>Total:</strong></p>
                            <p class="invoice-total-amount">${{ number_format( $sub_total + $invoice->shipping_cost + $invoice->clearance + $invoice->sales_tax, 2 ) }}</p>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
@endsection

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