547 lines
32 KiB
PHP
547 lines
32 KiB
PHP
<!-- Main content -->
|
|
<div class="content-wrapper">
|
|
<!-- Dashboard content -->
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
<!-- Daily sales -->
|
|
<div class="panel panel-flat">
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">Leonardo Fellini</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0028</li>
|
|
<li>Service Date: <span class="text-semibold">2015/01/25</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$8,750</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Transport</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-danger-400 dropdown-toggle" data-toggle="dropdown">Overdue <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li class="active"><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-danger position-left"></span> Due: <span class="text-semibold">2015/02/25</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">Rebecca Manes</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0027</li>
|
|
<li>Service Date: <span class="text-semibold">2015/02/24</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$5,100</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Transport</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-success-400 dropdown-toggle" data-toggle="dropdown">Paid <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li class="active"><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-success position-left"></span> Due: <span class="text-semibold">2015/03/24</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">James Alexander</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0026</li>
|
|
<li>Service Date: <span class="text-semibold">2015/02/23</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$12,500</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Transport</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-blue dropdown-toggle" data-toggle="dropdown">Pending <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li class="active"><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-blue position-left"></span> Due: <span class="text-semibold">2015/03/23</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">Jeremy Victorino</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0025</li>
|
|
<li>Service Date: <span class="text-semibold">2015/02/22</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$1,950</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Skrill</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-grey-300 dropdown-toggle" data-toggle="dropdown">On hold <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li class="active"><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-grey-300 position-left"></span> Due: <span class="text-semibold">2015/03/22</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">Margo Baker</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0024</li>
|
|
<li>Service Date: <span class="text-semibold">2015/02/21</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$2,000</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Transport</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-slate-400 dropdown-toggle" data-toggle="dropdown">Canceled <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li class="active"><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-slate position-left"></span> Due: <span class="text-semibold">2015/03/21</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel invoice-grid">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold no-margin-top">Beatrix Diaz</h6>
|
|
<ul class="list list-unstyled">
|
|
<li>Invoice #: 0023</li>
|
|
<li>Service Date: <span class="text-semibold">2015/02/20</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h6 class="text-semibold text-right no-margin-top">$750</h6>
|
|
<ul class="list list-unstyled text-right">
|
|
<li>Service: <span class="text-semibold">Payoneer</span></li>
|
|
<li class="dropdown">
|
|
Status:
|
|
<a href="#" class="label bg-danger-400 dropdown-toggle" data-toggle="dropdown">Overdue <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li class="active"><a href="#"><i class="icon-alert"></i> Overdue</a></li>
|
|
<li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
|
|
<li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-footer panel-footer-condensed">
|
|
<div class="heading-elements">
|
|
<span class="heading-text">
|
|
<span class="status-mark border-danger position-left"></span> Due: <span class="text-semibold">2015/03/20</span>
|
|
</span>
|
|
|
|
<ul class="list-inline list-inline-condensed heading-text pull-right">
|
|
<li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
|
|
<li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
|
|
<li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<!-- /daily sales -->
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<!-- Daily sales -->
|
|
<div class="panel panel-flat">
|
|
|
|
|
|
|
|
<!-- Invoice template -->
|
|
<div class="panel panel-white">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Transport Service Invoice</h6>
|
|
<div class="heading-elements">
|
|
<button type="button" class="btn btn-default btn-xs heading-btn"><i class="icon-printer position-left"></i> Print</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-body no-padding-bottom">
|
|
<div class="row">
|
|
<div class="col-sm-6 content-group">
|
|
<img src="assets/images/logo_demo.png" class="content-group mt-10" alt="" style="width: 120px;">
|
|
<ul class="list-condensed list-unstyled">
|
|
<li>2269 Elba Lane</li>
|
|
<li>Paris, France</li>
|
|
<li>888-555-2311</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6 content-group">
|
|
<div class="invoice-details">
|
|
<h5 class="text-uppercase text-semibold">Invoice #49029</h5>
|
|
<ul class="list-condensed list-unstyled">
|
|
<li>Date: <span class="text-semibold">January 12, 2015</span></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-9 content-group">
|
|
<span class="text-muted">Transport Service for:</span>
|
|
<ul class="list-condensed list-unstyled">
|
|
<li><h5>Rebecca Manes</h5></li>
|
|
<li><span class="text-semibold">Normand axis LTD</span></li>
|
|
<li>3 Goodman Street</li>
|
|
<li>marietta, GA 30127</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 content-group">
|
|
<span class="text-muted">Configured Payment Details:</span>
|
|
<ul class="list-condensed list-unstyled invoice-payment-details">
|
|
<li><h5>Total Due: <span class="text-right text-semibold">$8,750</span></h5></li>
|
|
<li>Bank account: <span class="text-semibold">CHASE XXXX1122</span></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-lg">
|
|
<thead>
|
|
<tr>
|
|
<th>Description</th>
|
|
<th class="col-sm-1">Rate</th>
|
|
<th class="col-sm-1">Miles</th>
|
|
<th class="col-sm-1">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<h6 class="no-margin">Basic Transport</h6>
|
|
<span class="text-muted">Space for followup comments</span>
|
|
</td>
|
|
<td>$70</td>
|
|
<td>10</td>
|
|
<td><span class="text-semibold">$3,990</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h6 class="no-margin">Extended Transport</h6>
|
|
<span class="text-muted">Space for followup comments.</span>
|
|
</td>
|
|
<td>$70</td>
|
|
<td>12</td>
|
|
<td><span class="text-semibold">$840</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h6 class="no-margin">Dummy Dead Distance</h6>
|
|
<span class="text-muted">Space for followup comments.</span>
|
|
</td>
|
|
<td>$70</td>
|
|
<td>15</td>
|
|
<td><span class="text-semibold">$2,170</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="row invoice-payment">
|
|
<div class="col-sm-7">
|
|
<div class="content-group">
|
|
<h6>Other Information</h6>
|
|
any any other information will be good here any other information will be good here
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-5">
|
|
<div class="content-group">
|
|
<h6>Total due</h6>
|
|
<div class="table-responsive no-border">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<th>Subtotal:</th>
|
|
<td class="text-right">$7,000</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Tax: <span class="text-regular">(25%)</span></th>
|
|
<td class="text-right">$1,750</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Total:</th>
|
|
<td class="text-right text-primary"><h5 class="text-semibold">$8,750</h5></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h6>Other information</h6>
|
|
<p class="text-muted">Some other uefull information , like driver car ets for internal usdit will be better</p>
|
|
</div>
|
|
</div>
|
|
<!-- /invoice template -->
|
|
|
|
|
|
|
|
</div>
|
|
<!-- /daily sales -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /dashboard content -->
|
|
</div>
|
|
<!-- /main content -->
|
|
|
|
|