| aku nok ndi : /home/spdtg/www/schoolmis/storage/framework/views/ |
| aku nok ndi : /home/spdtg/www/schoolmis/storage/framework/views/55e2c6a7f90f075685300944cf67a77576a049ca.php |
<!DOCTYPE html>
<html lang="<?php echo e(app()->getLocale()); ?>">
<?php echo $__env->make('layouts.partial.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<body class="theme-purple">
<!-- Page Loader -->
<div class="page-loader-wrapper">
<div class="loader">
<div class="m-t-30"><img class="zmdi-hc-spin" src="<?php echo e(asset('dist/images/logo.svg')); ?>" width="48" height="48" alt="schholMIS"></div>
<p>Please wait...</p>
</div>
</div>
<!-- Overlay For Sidebars -->
<div class="overlay"></div>
<!-- Top Bar -->
<!-- Right Sidebar -->
<?php echo $__env->make('layouts.partial.rightsidebar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<!-- New Line Added -->
<section class="content invoice">
<?php if(session()->has('message')): ?>
<div class="alert alert-danger">
<?php echo e(session()->get('message')); ?>
</div>
<?php endif; ?>
<?php echo $__env->make('flash::message', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<div class="block-header">
<div class="row">
<div class="col-lg-7 col-md-6 col-sm-12">
<h2>Invoice
<small>Welcome to Oreo</small>
</h2>
</div>
<div class="col-lg-5 col-md-6 col-sm-12">
<ul class="breadcrumb float-md-right">
<li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Oreo</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
<li class="breadcrumb-item active">Invoice</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Single</strong> Invoice</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0);">Print Invoices</a></li>
<li role="presentation" class="divider"></li>
<li><a href="javascript:void(0);">Export to XLS</a></li>
<li><a href="javascript:void(0);">Export to CSV</a></li>
<li><a href="javascript:void(0);">Export to XML</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body">
<h3 class="m-b-0">Invoice Details : <strong class="text-primary">#2015000152</strong></h3>
<ul class="nav nav-tabs">
<li class="nav-item inlineblock"><a class="nav-link active" data-toggle="tab" href="#details" aria-expanded="true">Details</a></li>
<li class="nav-item inlineblock"><a class="nav-link" data-toggle="tab" href="#notes" aria-expanded="false">Notes</a></li>
<li class="nav-item inlineblock"><a class="nav-link" data-toggle="tab" href="#history" aria-expanded="false">History</a></li>
</ul>
</div>
</div>
<div class="tab-content">
<div role="tabpanel" class="tab-pane in active" id="details" aria-expanded="true">
<div class="card" id="details">
<div class="body">
<div class="row">
<div class="col-md-6 col-sm-6">
<address>
<strong>ThemeMakker Inc.</strong><br>
795 Folsom Ave, Suite 546<br>
San Francisco, CA 54656<br>
<abbr title="Phone">P:</abbr> (123) 456-34636
</address>
</div>
<div class="col-md-6 col-sm-6 text-right">
<p class="m-b-0"><strong>Order Date: </strong> Jun 15, 2018</p>
<p class="m-b-0"><strong>Order Status: </strong> <span class="badge bg-orange">Pending</span></p>
<p><strong>Order ID: </strong> #123456</p>
</div>
</div>
<div class="mt-40"></div>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th width="60px">Item</th>
<th></th>
<th class="hidden-sm-down">Description</th>
<th>Quantity</th>
<th class="hidden-sm-down">Unit Cost</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><img src="../assets/images/ecommerce/1.png" width="40" alt="Product img"></td>
<td>Simple Black Clock</td>
<td class="hidden-sm-down">Lorem ipsum dolor sit amet.</td>
<td>1</td>
<td class="hidden-sm-down">$380</td>
<td>$380</td>
</tr>
<tr>
<td>2</td>
<td><img src="../assets/images/ecommerce/2.png" width="40" alt="Product img"></td>
<td>Brone Candle</td>
<td class="hidden-sm-down">There are many variations of passages of Lorem Ipsum</td>
<td>5</td>
<td class="hidden-sm-down">$50</td>
<td>$250</td>
</tr>
<tr>
<td>3</td>
<td><img src="../assets/images/ecommerce/3.png" width="40" alt="Product img"></td>
<td>Wood Simple Clock</td>
<td class="hidden-sm-down">Lorem ipsum dolor sit amet.</td>
<td>2</td>
<td class="hidden-sm-down">$500</td>
<td>$1000</td>
</tr>
<tr>
<td>4</td>
<td><img src="../assets/images/ecommerce/4.png" width="40" alt="Product img"></td>
<td>Unero Small Bag</td>
<td class="hidden-sm-down">Contrary to popular belief, not simply random text</td>
<td>3</td>
<td class="hidden-sm-down">$300</td>
<td>$900</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-6">
<h5>Note</h5>
<p>Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.</p>
</div>
<div class="col-md-6 text-right">
<p class="m-b-0"><b>Sub-total:</b> 2930.00</p>
<p class="m-b-0">Discout: 12.9%</p>
<p class="m-b-0">VAT: 12.9%</p>
<h3 class="m-b-0 m-t-10">USD 2930.00</h3>
</div>
</div>
<hr>
<div class="hidden-print col-md-12 text-right">
<button class="btn btn-warning btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-print"></i></button>
<button class="btn btn-primary btn-round">Submit</button>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="notes" aria-expanded="false">
<div class="row clearfix">
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>ID:</strong> 25822</h2>
<small>Created at: 8 Jan, 2018</small>
</div>
<div class="body">
<h6>This is Note</h6>
<p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
sadipscing mel.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>ID:</strong> 25823</h2>
<small>Created at: 19 Dec, 2017</small>
</div>
<div class="body">
<h6>This is Note</h6>
<p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
sadipscing mel.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>ID:</strong> 25824</h2>
<small>Created at: 18 Dec, 2017</small>
</div>
<div class="body">
<h6>This is Note</h6>
<p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
sadipscing mel.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>ID:</strong> 25825</h2>
<small>Created at: 19 Dec, 2017</small>
</div>
<div class="body">
<h6>This is Note</h6>
<p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
sadipscing mel.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<button class="btn btn-primary btn-round">Add Note</button>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="history" aria-expanded="false">
<div class="card" id="details">
<div class="body">
<div class="row">
<div class="col-md-6 col-sm-6">
<address>
<strong>ThemeMakker Inc.</strong><br>
795 Folsom Ave, Suite 546<br>
San Francisco, CA 54656<br>
<abbr title="Phone">P:</abbr> (123) 456-34636
</address>
</div>
<div class="col-md-6 col-sm-6 text-right">
<p class="m-b-0"><strong>Order Date: </strong> Jun 15, 2018</p>
<p class="m-b-0"><strong>Order Status: </strong> <span class="badge bg-orange">Pending</span></p>
<p><strong>Order ID: </strong> #123456</p>
</div>
</div>
<div class="mt-40"></div>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Description</th>
<th>Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Invoice Created</td>
<td>18 Dec, 2017</td>
<td><span class="badge badge-default">Panding</span></td>
</tr>
<tr>
<td>1</td>
<td>Invoice Sent</td>
<td>19 Dec, 2017</td>
<td><span class="badge badge-default">Panding</span></td>
</tr>
<tr>
<td>1</td>
<td>Invoice Paid</td>
<td>20 Dec, 2017</td>
<td><span class="badge badge-success">Success</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php echo $__env->make('layouts.partial.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<!-- Scripts -->
<?php echo $__env->make('layouts.partial.script', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->yieldContent('script'); ?>
</body>
</html>