Viewing file:  invoice.blade.php (12.73 KB) -rwxrwxrwx
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.master')
@section('title') @lang('translation.details') @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') invoices @endslot
@slot('title') Invoice Details @endslot
@endcomponent
<div class="row justify-content-center">
<div class="col-xxl-9">
<div class="card" id="demo">
<div class="row">
<div class="col-lg-12">
<div class="card-header border-bottom-dashed p-4">
<div class="d-flex">
<div class="flex-grow-1">
<img src="{{ URL::asset('assets/images/logo-dark.png') }}" class="card-logo card-logo-dark" alt="logo dark" height="17">
<img src="{{ URL::asset('assets/images/logo-light.png') }}" class="card-logo card-logo-light" alt="logo light" height="17">
<div class="mt-sm-5 mt-4">
<h6 class="text-muted text-uppercase fw-semibold">Address</h6>
<p class="text-muted mb-1" id="address-details">California, United States</p>
<p class="text-muted mb-0" id="zip-code"><span>Zip-code:</span> 90201</p>
</div>
</div>
<div class="flex-shrink-0 mt-sm-0 mt-3">
<h6><span class="text-muted fw-normal">Legal
Registration No:</span>
<span id="legal-register-no">987654</span>
</h6>
<h6><span class="text-muted fw-normal">Email:</span>
<span id="email">velzon@themesbrand.com</span>
</h6>
<h6><span class="text-muted fw-normal">Website:</span> <a href="https://themesbrand.com/" class="link-primary" target="_blank" id="website">www.themesbrand.com</a></h6>
<h6 class="mb-0"><span class="text-muted fw-normal">Contact No: </span><span id="contact-no"> +(01) 234 6789</span></h6>
</div>
</div>
</div>
<!--end card-header-->
</div>
<!--end col-->
<div class="col-lg-12">
<div class="card-body p-4">
<div class="row g-3">
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Invoice No</p>
<h5 class="fs-14 mb-0">#INV<span id="invoice-no">{{$order_details->invoice_no}}</span></h5>
</div>
<!--end col-->
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Date</p>
<h5 class="fs-14 mb-0"><span id="invoice-date">{{ date('d M, Y', strtotime($order_details->created_at)) }}</span> <small class="text-muted" id="invoice-time">{{ date('h:iA', strtotime($order_details->created_at)) }}</small></h5>
</div>
<!--end col-->
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Payment Status</p>
@if($order_details->payment_status=="pending")
<span class="badge badge-soft-warning fs-11" id="payment-status">Pending</span>
@else
<span class="badge badge-soft-success fs-11" id="payment-status">Paid</span>
@endif
</div>
<!--end col-->
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Total Amount</p>
<h5 class="fs-14 mb-0">৳<span id="total-amount"> {{ $order_details->grand_total }}</span></h5>
</div>
<!--end col-->
</div>
<!--end row-->
</div>
<!--end card-body-->
</div>
<!--end col-->
<div class="col-lg-12">
<div class="card-body p-4 border-top border-top-dashed">
<div class="row g-3">
<div class="col-6">
<h6 class="text-muted text-uppercase fw-semibold mb-3">Billing Address</h6>
<p class="fw-medium mb-2" id="billing-name">{{ $order_details->customer }}</p>
<p class="text-muted mb-1" id="billing-address-line-1">{{ $order_details->address }}</p>
<p class="text-muted mb-1"><span>Phone: +</span><span id="billing-phone-no">{{ $order_details->customer_Data->phone }}</span></p>
<!-- <p class="text-muted mb-0"><span>Tax: </span><span id="billing-tax-no">12-3456789</span> </p> -->
</div>
<!--end col-->
<div class="col-6">
<h6 class="text-muted text-uppercase fw-semibold mb-3">Shipping Address</h6>
<p class="fw-medium mb-2" id="shipping-name">{{ $order_details->receiver_name }}</p>
<p class="text-muted mb-1" id="shipping-address-line-1">{{ $order_details->address }}</p>
<p class="text-muted mb-1"><span>Phone: +</span><span id="shipping-phone-no">{{ $order_details->receiver_phone}}</span></p>
</div>
<!--end col-->
</div>
<!--end row-->
</div>
<!--end card-body-->
</div>
<!--end col-->
<div class="col-lg-12">
<div class="card-body p-4">
<div class="table-responsive">
<table class="table table-borderless text-center table-nowrap align-middle mb-0">
<thead>
<tr class="table-active">
<th scope="col" style="width: 50px;">#</th>
<th scope="col">Product Details</th>
<th scope="col">Rate</th>
<th scope="col">Quantity</th>
<th scope="col" class="text-end">Amount</th>
</tr>
</thead>
<tbody id="products-list">
@php
$i=1;
@endphp
@if(isset($order_details))
@foreach($order_details->sale_Data as $item)
<tr>
<th scope="row">{{ $i++ }}</th>
<td class="text-start">
<span class="fw-medium">{{ $item->product_name}}</span>
<p class="text-muted mb-0">Graphic Print Men & Women Sweatshirt
</p>
</td>
<td>৳ {{ $item->unit_price }}</td>
<td class="text-center">{{ $item->quantity }}</td>
<td class="fw-medium text-end">
৳ {{ $item->subtotal }}
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
<!--end table-->
</div>
<div class="border-top border-top-dashed mt-2">
<table class="table table-borderless table-nowrap align-middle mb-0 ms-auto" style="width:250px">
<tbody>
<tr>
<td>Sub Total</td>
<td class="text-end">৳ {{ $order_details->total }}</td>
</tr>
<!-- <tr>
<td>Estimated Tax (12.5%)</td>
<td class="text-end">$44.99</td>
</tr>
<tr>
<td>Discount <small class="text-muted">(VELZON15)</small></td>
<td class="text-end">- $53.99</td>
</tr> -->
<tr>
<td>Shipping Charge</td>
<td class="text-end">৳ {{ $order_details->shipping}}</td>
</tr>
<tr class="border-top border-top-dashed fs-15">
<th scope="row">Total Amount</th>
<th class="text-end">৳ {{ $order_details->grand_total }}</th>
</tr>
</tbody>
</table>
</table>
<!--end table-->
</div>
<div class="mt-3">
<h6 class="text-muted text-uppercase fw-semibold mb-3">Payment Details:</h6>
<p class="text-muted mb-1">Payment Method: <span class="fw-medium" id="payment-method">Mastercard</span></p>
<p class="text-muted mb-1">Card Holder: <span class="fw-medium" id="card-holder-name">David Nichols</span></p>
<p class="text-muted mb-1">Card Number: <span class="fw-medium" id="card-number">xxx xxxx xxxx 1234</span></p>
<p class="text-muted">Total Amount: <span class="fw-medium" id="">$ </span><span id="card-total-amount">755.96</span></p>
</div>
<div class="mt-4">
<div class="alert alert-info">
<p class="mb-0"><span class="fw-semibold">NOTES:</span>
<span id="note">All accounts are to be paid within 7 days from receipt of invoice. To be paid by cheque or
credit card or direct payment online. If account is not paid within 7
days the credits details supplied as confirmation of work undertaken
will be charged the agreed quoted fee noted above.
</span>
</p>
</div>
</div>
<div class="hstack gap-2 justify-content-end d-print-none mt-4">
<a href="javascript:window.print()" class="btn btn-success"><i class="ri-printer-line align-bottom me-1"></i> Print</a>
<a href="javascript:void(0);" class="btn btn-primary"><i class="ri-download-2-line align-bottom me-1"></i> Download</a>
</div>
</div>
<!--end card-body-->
</div>
<!--end col-->
</div>
<!--end row-->
</div>
<!--end card-->
</div>
<!--end col-->
</div>
<!--end row-->
@endsection
@section('script')
<script src="{{ URL::asset('/assets/js/pages/invoicedetails.js') }}"></script>
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
@endsection
|