Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/jmapi5.clickysoft.net/resources/views/partials/invoice.blade.php

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>J&M Trophies</title> </head> <style> , body { margin: 0; padding: 0; } @font-face { font-family: 'Microsoft New Tai Lue'; src: url('./fonts/MicrosoftNewTaiLue.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Basis Grotesque Arabic Pro'; src: url('./fonts/BasisGrotesqueArabicPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Basis Grotesque Arabic Pro Md'; src: url('./fonts/BasisGrotesqueArabicPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Basis Grotesque Arabic Pro Blk'; src: url('./fonts/BasisGrotesqueArabicPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } .invoice-sec { padding: 60px 15px; } .logo img { width: 80%; } .text { background-color: #0E7282; border-radius: 8px; text-align: center; padding: 8px 0; } .text h1 { font-size: 22px; font-weight: 500; color: #fff; font-family: 'Basis Grotesque Arabic Pro Md', serif; margin-bottom: 0; } .invoicehead { padding-top: 20px; display: flex; align-items: flex-start; justify-content: space-between; } .gn-font { display: block; font-size: 14px; font-weight: 500; color: #545454; font-family: 'Basis Grotesque Arabic Pro Md', serif; } .invoice { display: block; } .invoice h3 { margin-bottom: 0; font-size: 20px; font-weight: 900; color: #545454; font-family: 'Basis Grotesque Arabic Pro Blk', serif; text-transform: capitalize; } .bi-cont { border: 2px solid #BFBFBF; background-color: #EEEEEE; border-radius: 8px; padding: 8px 10px; } .bi-cont h4 { font-size: 13px; font-weight: 500; color: #000000; font-family: 'Basis Grotesque Arabic Pro Md', serif; margin-bottom: 0; } .bi-box-content { / border: 2px solid #BFBFBF; / border-radius: 8px; padding: 7px 10px; / height: 210px; */ margin: 6px 0 0; } .bi-box-content span { display: block; font-size: 14px; font-weight: 500; color: #545454; font-family: 'Basis Grotesque Arabic Pro Md', serif; } .row.invoice-boxes { margin: 15px 0 0; } td { vertical-align: baseline; } .invoice span { color: #FE0308; border: 2px solid #FE0308; border-radius: 8px; font-size: 14px; padding: 5px 16px; font-weight: 700; text-transform: capitalize; font-family: 'Basis Grotesque Arabic Pro', serif; display: inline-block; margin-top: 12px; } .invoice span.paid-success { color: #11cb11; border: 2px solid #11cb11; } .deliveryDate { display: block; margin-bottom: 7px; text-align: center; } .deliveryDate h3 { margin-bottom: 4px; font-size: 14px; font-weight: 500; color: #545454; font-family: 'Basis Grotesque Arabic Pro Md', serif; text-align: center; text-transform: uppercase; } .deliveryDate span { font-size: 14px; font-weight: 400; color: #545454; font-family: 'Microsoft New Tai Lue', serif; background-color: #EEEEEE; padding: 3px 20px 0px; border: 2px solid #BFBFBF; display: inline-block; } .eventDate { display: block; text-align: center; } .eventDate h3 { margin-bottom: 4px; font-size: 14px; font-weight: 500; color: #545454; font-family: 'Basis Grotesque Arabic Pro Md', serif; text-transform: uppercase; } .eventDate span { font-size: 14px; font-weight: 400; color: #545454; font-family: 'Microsoft New Tai Lue', serif; background-color: #EEEEEE; padding: 3px 20px 0px; border: 2px solid #BFBFBF; display: inline-block; } .invoiceTable { padding: 40px 0; overflow-x: auto; } .invoiceTable thead th { font-family: 'CustomFontBold', serif; border-right: 1px solid #BFBFBF; background-color: #0E7282; padding: 12px 5px 12px 15px; color: #FFF; text-align: left; } .invoiceTable tbody td { font-family: 'CustomFontMedium', serif; border-right: 1px solid #BFBFBF; padding: 12px 5px 12px 15px; } .invoiceTable table { width: 100%; border: 1px solid #BFBFBF; border-spacing: 0; max-width: 1280px; } .invoiceTable tbody tr:nth-child(even) { background: #EEEEEE; } .footer { display: flex; justify-content: flex-end; padding-bottom: 20px; } .mainDetails { display: flex; flex-direction: column; align-items: flex-end; } .details { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 140px; padding-right: 20px; } .details span { font-family: 'CustomFontMedium', serif; line-height: 31px; } .grandDetails { background-color: #0E7282; align-items: center; justify-content: space-between; display: flex; width: calc(100% + 50px); padding: 15px 20px 15px 50px; margin-top: 5px; } .grandDetails span { color: white; } .cut { text-decoration: line-through; } .pay-button { background-color: #97CB42; border: none; color: white; padding: 14px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; margin-top: 3px; text-transform: uppercase; border-radius: 10px; color: #000; font-family: 'Basis Grotesque Arabic Pro Blk'; } .po-font { font-size: 16px !important; } th { text-align: left; } .tb-cont h4 { text-align: left; font-size: 13px; font-weight: 500; color: #000000; font-family: 'Basis Grotesque Arabic Pro Md', serif; margin-bottom: 0; } .ml-2 { margin-left: 2px; } .sb-tot td { border-left: 1px solid #BFBFBF; } </style> <body> <table style="width: 100%;margin-bottom:5px;"> <tbody> <tr> <td colspan="3"> <div class="text" style="width: 100%;"> <h1>{{ $order->order_type == 'Order' ? 'INVOICE' : 'QUOTE' }}</h1> </div> </td> </tr> </tbody> </table> <div style="padding: 0 10px"> <table style="width: 100%; margin-bottom:5px;"> <tbody> <tr> <td style="width: 33.33%;"> <div class="invoice"> <h3>Invoice #{{ $invoice_number }}</h3> <span>{{ $order->delivery_type }}</span> <span @class(['paid-success ml-2' => $order->payment_status == 'Paid'])>{{ $order->payment_status }}</span> @if ($order->rush_order != null) <br> <span>{{ $order->rush_order }}</span> @endif </div> </td> <td style="width: 33.33%;"> <div class="deliveryDate"> <h3>Est. Completion Date:</h3> <span>{{ $order->date_pick_or_ship_by->format('m/d/Y') }}</span> </div> <div class="eventDate"> <h3>Event Date:</h3> <span>{{ $order->event_date->format('m/d/Y') }}</span> </div> </td> <td style="width: 33.33%; text-align: right;"> <img style="max-width: 90%;" src="{{ asset('images/jm-logo.svg') }}" alt="{{ config('app.name') }}" /> </td> </tr> </tbody> </table> </div> <table style="width: 100%; margin-bottom:5px; border-collapse: separate; border-spacing: 10px 5px;"> <thead> <tr> <th> <div class="bi-cont"> <h4>Business Information</h4> </div> </th> <th> <div class="bi-cont"> <h4>Payment Method</h4> </div> </th> </tr> </thead> <tbody> <tr> <td style="width: 33.33%; border-radius: 8px; border: 2px solid #BFBFBF;"> <div class="bi-box-content"> <span style="display: inline-block;">Email: <a style="color: #139BB0" href="mailto:{{ $site_email }}">{{ $site_email }}</a> </span> <span>Phone: {{ $site_phone }}</span> <span>J&M TROPHIES INC.</span> <span>23372 MADERO RD #A</span> <span>MISSION VIEJO, CA 92691</span> </div> </td> <td style="width: 33.33%; border-radius: 8px; border: 2px solid #BFBFBF;"> <div class="bi-box-content"> <span class="po-font">Payment Mode : {{ $order->payment_mode }}</span> @if ($order->payment_status == 'Paid') <span class="po-font">Payment Status : Paid</span> @if ($order->payment_type == 'Cash') <span>Type : Cash</span> @elseif($order->payment_type == 'Purchase Order') <span>Type : Purchase Order </span> <span style="color: #139BB0" class="po-font"> PO #: {{ $order->purchase_order_number }}</span> <span class="po-font"> PO Copy : <a href="{{ $order->purchase_order_copy_url }}" target="_blank">Click to view</a></span> @elseif($order->payment_type == 'Check') <span>Type : Check</span> <span>Check # : {{ $order->cheque_number }}</span> @elseif($order->payment_type == 'Credit Card') <span>Type : Credit Card </span> <span>Last Four : {{ $order->payment?->last_four }}</span> <span>Card Type : {{ $order->payment?->account_type }}</span> @endif @else <span class="po-font">Payment Status : Unpaid</span> <div style="text-align: right"><span style="display: block;padding-bottom: 15px; "> <a class="pay-button" href="{{ $pj_invoice_url }}">Click to pay</a> </span> </div> @if ($order->payment_type == 'Purchase Order') <span class="po-font" style="color: #139BB0">PO #: {{ $order->purchase_order_number }}</span> @endif @endif </div> </td> </tr> </tbody> </table> <table style="width: 100%; border-collapse: separate; border-spacing: 10px 5px;"> <thead> <tr> <th> <div class="bi-cont"> <h4>Billing Details</h4> </div> </th> <th> <div class="bi-cont"> <h4>Delivery</h4> </div> </th> </tr> </thead> <tbody> <tr> <td style="width: 33.33%; border-radius: 8px; border: 2px solid #BFBFBF;"> <div class="bi-box-content"> @if ($order->billing_address?->company_name != null) <span>{{ $order->billing_address?->company_name }},</span> @endif <span>{{ $order->billing_address?->primary_contact_name }},</span> <span>{{ $order->billing_address?->address_line_1 . ',' }}</span> @if ($order->billing_address?->address_line_2 != null) <span>{{ $order->billing_address?->address_line_2 . ',' }}</span> @endif <span>{{ $order->billing_address?->city . ', ' . $order->billing_address?->state?->name . ', ' . $order->billing_address?->zipcode }},</span> <span>{{ $order->billing_address?->primary_contact_email }}</span> </div> </td> <td style="width: 33.33%; border-radius: 8px; border: 2px solid #BFBFBF;"> <div class="bi-box-content"> @if ($order->delivery_type == 'Shipping') <span>Type : {{ $order->delivery_type }}</span> <span>{{ $order->shipping_address?->primary_contact_name . ', ' . $order->shipping_address?->phone_number }}</span> <span>{{ $order->shipping_address?->primary_contact_email }}</span> <span>{{ $order->shipping_address?->address_line_1 . ',' }}</span> @if ($order->shipping_address?->address_line_2 != null) <span>{{ $order->shipping_address?->address_line_2 . ',' }}</span> @endif <span>{{ $order->shipping_address?->city . ', ' . $order->shipping_address?->state?->name . ', ' . $order->shipping_address?->zipcode }}</span> @if ($order->tracking_number) <span>Tracking # : <a href="{{ 'https://www.ups.com/track?track=yes&trackNums=' . $order->tracking_number }}" target="_blank">{{ $order->tracking_number }}</a></span> @else <span>{{ 'Tracking # : ' . ($order->tracking_number ?? 'N/A') }}</span> @endif @elseif($order->delivery_type == 'Pickup') <span>Type : {{ $order->delivery_type }}</span> <span>Location : {{ $order->pickLocation?->address }}</span> @endif </div> </td> </tr> </tbody> </table> <table style="width: 100%; border-collapse: separate; border-spacing: 10px 5px;"> <thead> <tr> <th> <div class="bi-cont"> <h4>Order Description</h4> </div> </th> </tr> </thead> <tbody> <tr> <td style="width: 100%;"> <div class="bi-box-content"> <span>{{ $order->description ?? 'N/A' }}</span> </div> </td> </tr> </tbody> </table> <div style="padding: 0px 10px;"> <table style="width: 100%;border-spacing: 0px;margin-bottom: 40px"> <thead> <tr style="background-color:#EEEEEE; padding: 10px 0px; border: 2px solid #BFBFBF;"> <th style="padding: 8px 10px; border-top-left-radius: 8px;border-bottom-left-radius: 8px; border-width: 1px 0px 1px 1px;border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Item</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF; "> <div class="tb-cont"> <h4>Personalization</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF; "> <div class="tb-cont"> <h4>Price</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Qty.</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4 title="Engraving Fee">Eng. Fee</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #BFBFBF; border-top-right-radius: 8px;border-bottom-right-radius: 8px;"> <div class="tb-cont"> <h4>Total Price</h4> </div> </th> </tr> </thead> <tbody> @foreach ($orderDetails as $orderDetail) <tr> <td style="width: auto;"> <div class="bi-box-content"> <span>{{ $orderDetail->product_name }}</span> <span>{{ $orderDetail->productPrice->supplier_prod_number ?? 'N/A' }}</span> </div> </td> <td style="width: auto; "> <div class="bi-box-content"> <span>{{ $orderDetail->notes ?? 'N/A' }}</span> </div> </td> <td style="width: auto"> <div class="bi-box-content"> <span>${{ $orderDetail->price }}</span> </div> </td> <td style="width: auto;"> <div class="bi-box-content"> <span>{{ $orderDetail->quantity }}</span> </div> </td> <td style="width: auto;"> <div class="bi-box-content"> <span>${{ $orderDetail->engraving_fee_total ?? 0 }}</span> </div> </td> <td style="width: auto;"> <div class="bi-box-content"> <span> ${{ $orderDetail->total_price_after_engraving }}</span> </div> </td> </tr> @endforeach </tbody> </table> </div> <div> @if ($order->payment_mode == 'Partial') <div style="padding: 0px 10px"> <table style="float: left;width:60%;border-spacing: 0px;"> <thead> <tr style="background-color:#EEEEEE; padding: 10px 0px; border: 2px solid #BFBFBF;"> <th style="padding: 8px 10px; border-top-left-radius: 8px;border-bottom-left-radius: 8px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Payment Type</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Details</h4> </div> </th> <th style="padding: 8px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Date</h4> </div> </th> <th style="padding: 8px 10px; border-top-right-radius: 8px;border-bottom-right-radius: 8px; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #BFBFBF;"> <div class="tb-cont"> <h4>Amount</h4> </div> </th> </tr> </thead> <tbody> @php $partial_total = 0; @endphp @foreach ($order->partialPayments as $partialPayment) @php $partial_total += $partialPayment->amount; @endphp <tr> <td style="width: 33.33%;"> <div class="bi-box-content"> <span>{{ $partialPayment->payment_type }}</span> </div> </td> <td style="width: 33.33%;"> <div class="bi-box-content"> @if ($partialPayment->payment_type == 'Purchase Order') <span> PO #: {{ $partialPayment->purchase_order_number }}</span> @elseif($partialPayment->payment_type == 'Check') <span>{{ $partialPayment->cheque_number }}</span> @elseif($partialPayment->payment_type == 'Credit Card') <span>{{ $partialPayment->payment?->last_four }}</span> @else <span>N/A</span> @endif </div> </td> <td style="width: 33.33%;"> <div class="bi-box-content"> <span>{{ $partialPayment->created_at->format('m-d-Y') }}</span> </div> </td> <td style="width: 33.33%;"> <div class="bi-box-content"> <span>${{ number_format($partialPayment->amount, 2) }}</span> </div> </td> </tr> @endforeach <tr> <td style="width: 33.33%;" colspan="3" align="right"> <div class="bi-box-content"> <span>Total</span> </div> </td> <td style="width: 33.33%;"> <div class="bi-box-content"> <span>${{ number_format($partial_total, 2) }}</span> </div> </td> </tr> </tbody> </table> </div> @endif @php $grand_total = $order->items_total + $order->rush_order_amount + $order->shipping_charges; @endphp <div style="padding: 0px 10px"> <table class="sb-tot" style=" float: right; border-spacing: 0px; border: 2px solid #BFBFBF; border-radius: 8px; overflow: hidden;"> <tbody> <tr> <th style="padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Sub Total</h4> </div> </th> <td style="width: 20%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font"> ${{ number_format($order->items_total, 2) }}</span> </td> </tr> <tr> <th style="padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Rush Order Fee</h4> </div> </th> <td style="width: 20%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font"> {{ ($order->rush_order_fee ?? 0) . '%' }}</span> </td> </tr> <tr> <th style="padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Order Discount</h4> </div> </th> <td style="width: 20%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font">${{ number_format($order->discount_total ?? 0, 2) }}</span> </td> </tr> <tr> <th style="padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Total After Discount</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font">${{ number_format($order->items_total - $order->discount_total, 2) }}</span> </td> </tr> <tr @class(['cut' => $order->waive_off_sales_tax == 1])> <th style=" padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>{{ "Sales Tax ({$order->state_sales_tax}%)" }}</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font">${{ number_format($order->sales_tax_amount, 2) }}</span> </td> </tr> <tr> <th style=" padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Shipping Fee</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font"> ${{ number_format($order->shipping_charges ?? 0, 2) }}</span> </td> </tr> <tr> <th style=" padding: 8px 10px;background-color: #EEEEEE;"> <div class="tb-cont"> <h4>Grand Total</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; border-bottom: 1px solid #BFBFBF; padding: 8px 10px;"> <span class="gn-font"> ${{ number_format($grand_total - $order->discount_total + ($order->waive_off_sales_tax == 1 ? 0 : $order->sales_tax_amount), 2) }}</span> </td> </tr> <tr> <th style="padding: 8px 10px;background-color: transparent;"> <div class="tb-cont"> <h4>Less Total Payment</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; background-color: #EEEEEE; padding: 8px 10px;"> <span class="gn-font"> ${{ number_format($order->paid_order_amount, 2) }}</span> </td> </tr> <tr> <th style="padding: 8px 10px;background-color: transparent;"> <div class="tb-cont"> <h4>Remaining Amount</h4> </div> </th> <td style="width: 50%; text-align: end; vertical-align: middle; background-color: #EEEEEE; padding: 8px 10px;"> <span class="gn-font"> ${{ number_format($order->remaining_order_amount, 2) }}</span> </td> </tr> </tbody> </table> </div> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка