Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/invoice.blade.php

@extends('layouts.frontend')
    @section('content') 

		<div id="wrapper-content" class="bg-gray-04 panel page-invoice-details wrapper-content pt-0 pb-0">
			<div class="inner-page-banner heading-title-behind text-center">
		      <div class="heading heading-style-title-behind mb-0">
		        <div class="heading-title-wrapper">
		          <span>Detail Invoice</span>
		          <h1 class="text-white heading-title h2 font-weight-semibold">Detail Invoice</h1>
		          <ul class="po-bread breadcrumb justify-content-center fadeInUp animated" data-animate="fadeInUp">
		            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
		            <li class="breadcrumb-item">Invoice</li>
		          </ul>
		        </div>
		      </div>
		    </div>
			<div class="about-intro text-center pt-8 pb-1">
				<div class="container">
					<div class="bg-white shadow-sm mb-7 text-center rounded py-5 px-5 lh-14 text-dark mb-4">
		                <h4 class="border-bottom pb-4 mb-0">Detail Invoice</h4>

		                <div class="page-content text-left col-12 col-lg-12">							
								<div class="mb-6 row flex-md-nowrap">
								<div class="col-md-4 mb-4 mb-md-0">
								<div class="mb-5"><img src="{{ asset('public/frontend/images/other/coderpoint.png') }}" alt="TradeValy"></div>
								<div class="text-dark font-size-md lh-1625">
								<address>
								Stack Creative Studio<br>
								4025 Oak Avenue,<br>
								New York,<br>
								NY 10092,<br>
								United States
								</address>
								</div>
								</div>
								<div class="col-md-4 mb-4 mb-md-0">
								<div class="text-gray font-weight-medium text-uppercase mb-4">
								Bill to
								</div>
								<div class="text-dark font-size-md lh-1625">
								<address>
								Mr. Bret Lezama<br>
								4879 Westfall Avenue,<br>
								Albuquerque,<br>
								New Mexico-87102.<br>
								Mexico
								</address>
								</div>
								</div>
								<div class="col-md-4  ml-0 ml-md-auto text-left text-md-right">
								<div class="text-gray font-weight-medium text-uppercase mb-4">
								information invoice
								</div>
								<div class="text-dark font-size-md lh-1625">
								<div class="">
								<span class="text-dark font-weight-semibold">Order:</span>
								<span class="text-link"> INV-0001</span>
								</div>
								<div class="">
								<span class="text-dark font-weight-semibold">Issued:</span>
								<span> 20/07/2017 </span>
								</div>
								<span class="text-secondary">
								Due 7 days from date of issue
								</span>
								</div>
								</div>
								</div>
								<div class="table-responsive-md">
								<table class="table table-bordered">
								<thead class="thead-light">
								<tr>
								<th style="width:34%">items &amp; description</th>
								<th>quantity</th>
								<th>price</th>
								<th>VAT</th>
								<th class="text-right">total</th>
								</tr>
								</thead>
								<tbody>
								<tr>
								<td>Premium Plan</td>
								<td>1 Years</td>
								<td>$59.00/mo</td>
								<td>10%</td>
								<td>$599.00</td>
								</tr>
								</tbody>
								</table>
								</div>
								<div class="d-flex mt-4">
								<div class="ml-auto text-right">
								<span class="text-dark font-size-lg d-block font-weight-semibold total">Invoice Total: $599.00</span>
								<span class="font-size-md">Paid via Credit Card</span>
								</div>
								</div>
								<div class="contact-info d-flex flex-wrap flex-md-nowrap font-size-md mt-10">
								<a href="mailto:www.example.com" class="link-hover-dark-primary">www.example.com</a>
								<span class="separate text-dark">|</span>
								<a href="mailto:office@example.com" class="link-hover-dark-primary">office@example.com </a>
								<span class="separate text-dark">|</span>
								<span class="text-dark">(123) 123-456</span>
								</div>
						</div>

		            </div>
					
				</div>
			</div>
			
		</div>

		@endsection