osb/resources/theme/backend/adminlte/u/invoice.blade.php

213 lines
6.6 KiB
PHP
Raw Normal View History

2018-08-01 07:09:38 +00:00
@extends('adminlte::layouts.app')
@section('htmlheader_title')
Invoice #{{ $o->id }}
@endsection
@section('contentheader_title')
2019-06-07 13:47:37 +00:00
Invoice #{{ $o->id }}
2018-08-01 07:09:38 +00:00
@endsection
@section('contentheader_description')
2018-08-01 13:29:16 +00:00
{{ $o->invoice_account_id }}
2018-08-01 07:09:38 +00:00
@endsection
@section('main-content')
<!-- Main content -->
2019-06-07 13:47:37 +00:00
<div class="invoice p-3 mb-3">
2018-08-01 07:09:38 +00:00
<!-- title row -->
<div class="row">
2019-06-07 13:47:37 +00:00
<div class="col-12">
<h4>
2018-08-01 07:09:38 +00:00
<i class="fa fa-globe"></i> {{ $so->site_name }}
<small class="pull-right">Date: {{ $o->invoice_date}}</small>
2019-06-07 13:47:37 +00:00
</h4>
2018-08-01 07:09:38 +00:00
</div>
<!-- /.col -->
</div>
<!-- info row -->
<div class="row invoice-info">
2019-06-07 13:47:37 +00:00
<div class="col-sm-4 invoice-col">
FROM:
<address>
<strong>{{ $so->site_name }}</strong><br>
{!! $so->address('html') !!}<br>
<strong>Email:</strong> {{ $so->site_email }}<br>
<strong>Phone:</strong> {{ $so->site_phone }}
</address>
2018-08-01 07:09:38 +00:00
</div>
2019-06-07 13:47:37 +00:00
<div class="col-sm-4 invoice-col">
TO:
<address>
<strong>{{ $o->account->company }}</strong><br>
{!! $o->account->address('html') !!}<br>
<strong>Email:</strong> {{ $o->account->email }}<br>
@if ($o->account->phone)
<strong>Phone:</strong> {{ $o->account->phone }}<br>
@endif
<strong>Account:</strong> {{ $o->account->account_id }}
</address>
2018-08-01 07:09:38 +00:00
</div>
2019-06-08 12:33:03 +00:00
{{-- col-sm-offset-2 not working here --}}
<div class="col-sm-1"></div>
2018-08-01 07:09:38 +00:00
2019-06-08 12:33:03 +00:00
<div class="col-md-3 invoice-col">
<table class="table table-borderless text-right" style="font-size: 1.1rem;">
<tr >
<td class="p-0">Invoice:</td><td class="p-0"><strong>{{ $o->invoice_id }}</strong></td>
</tr>
<tr>
<td class="p-0">Payment Due:</td><td class="p-0"><strong>{{ $o->due_date->format('Y-m-d') }}</strong></td>
</tr>
<tr>
<td class="p-0">Total:</td><td class="p-0"><strong>${{ number_format($o->total,$o->currency()->rounding) }}</strong></td>
</tr>
</table>
2018-08-01 07:09:38 +00:00
</div>
</div>
<!-- /.row -->
<!-- Table row -->
<div class="row">
2019-06-07 13:47:37 +00:00
<div class="col-12 table-responsive">
2019-06-08 12:33:03 +00:00
<table id="restripe" class="table table-borderless table-striped" width="100%">
2018-08-01 07:09:38 +00:00
<thead>
<tr>
2019-06-07 13:47:37 +00:00
<th>Qty</th>
<th>Product</th>
<th colspan="2">Description</th>
<th class="text-right" colspan="3">Subtotal</th>
2018-08-01 07:09:38 +00:00
</tr>
</thead>
<tbody>
@foreach ($o->products() as $po)
<tr id="invoice-services">
2019-06-07 13:47:37 +00:00
<td>{{ $po->count }}</td>
2018-08-01 07:09:38 +00:00
<td>{{ $po->product_id }}</td>
<td colspan="2">{{ $po->name($o->account->user->language) }}</td>
2019-06-08 12:33:03 +00:00
<td colspan="3" class="text-right">${{ number_format($o->items->filter(function($item) use ($po) {return $item->product_id == $po->id; })->sum('total'),$o->currency()->rounding) }}</td>
2018-08-01 07:09:38 +00:00
</tr>
@foreach ($o->product_services($po) as $so)
2019-06-08 12:33:03 +00:00
<tr id="invoice-service-items" class="invoice-services d-none @if($o->products()->count() > 1) d-print-table-row @endif">
2018-08-01 07:09:38 +00:00
<td colspan="2">&nbsp;</td>
<td colspan="2">Service: <strong>{{ $so->service_id }}: {{ $so->name }}</strong></td>
<td>&nbsp;</td>
<td class="text-right">${{ number_format($o->product_service_items($po,$so)->sum('total'),$o->currency()->rounding) }}</td>
<td>&nbsp;</td>
</tr>
@foreach ($o->product_service_items($po,$so) as $io)
2019-06-08 12:33:03 +00:00
<tr class="invoice-service-items d-none d-print-table-row">
2018-08-01 07:09:38 +00:00
<td colspan="2">&nbsp;</td>
<td width="5%">&nbsp;</td>
<td>{{ $io->item_type_name }}</td>
<td class="text-right">${{ number_format($io->total,$o->currency()->rounding) }}</td>
<td colspan="2">&nbsp;</td>
</tr>
@endforeach
@endforeach
@endforeach
</tbody>
</table>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
<!-- accepted payments column -->
2019-06-07 13:47:37 +00:00
<div class="col-6">
2018-08-01 07:09:38 +00:00
<p class="lead">Payment Methods:</p>
{{--
<img src="../../dist/img/credit/visa.png" alt="Visa">
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
<img src="../../dist/img/credit/american-express.png" alt="American Express">
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
--}}
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
{{ $o->invoice_text }}
</p>
</div>
<!-- /.col -->
2019-06-08 12:33:03 +00:00
<div class="offset-2 col-4 table-responsive">
<table class="table table-borderless">
<tr>
<th colspan="2" style="width:50%">Subtotal:</th>
<td class="text-right">${{ number_format($o->sub_total,$o->currency()->rounding) }}</td>
</tr>
<tr>
<th>&nbsp;</th>
<th>Tax (GST 10%)</th>
<td class="text-right">${{ number_format($o->tax_total,$o->currency()->rounding) }}</td>
</tr>
<tr>
<th>&nbsp;</th>
<th>Other Charges:</th>
<td class="text-right">$0.00</td>
</tr>
<tr>
<th colspan="2">Total:</th>
<td class="text-right">${{ number_format($o->total,$o->currency()->rounding) }}</td>
</tr>
<tr>
<th>&nbsp;</th>
<th>Payments:</th>
<td class="text-right">${{ number_format($o->paid,$o->currency()->rounding) }}</td>
</tr>
<tr>
<th colspan="2">Account Due:</th>
<td class="text-right">${{ number_format($o->due,$o->currency()->rounding) }}</td>
</tr>
</table>
2018-08-01 07:09:38 +00:00
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!-- this row will not appear when printing -->
2019-06-08 12:33:03 +00:00
<div class="row d-print-none">
2019-06-07 13:47:37 +00:00
<div class="col-12">
2018-08-01 07:09:38 +00:00
<a href="javascript:window.print();" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> Print</a>
<button type="button" class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
2018-08-01 13:29:16 +00:00
<a href="{{ url(sprintf('u/invoice/%s/pdf',$o->id)) }}" class="btn btn-primary pull-right" style="margin-right: 5px;">
<i class="fa fa-download"></i> Download PDF
</a>
2018-08-01 07:09:38 +00:00
</div>
</div>
2019-06-07 13:47:37 +00:00
</div>
2018-08-01 07:09:38 +00:00
<!-- /.content -->
2019-06-08 12:33:03 +00:00
<div class="clearfix"></div>
2018-08-01 07:09:38 +00:00
@endsection
@section('page-scripts')
<style>
.stripe-odd {
background-color: #f9f9f9;
}
.stripe-even {
background-color: #e9e9e9;
}
</style>
<script>
2018-08-08 23:33:51 +00:00
$(document).ready(function() {
$("table#restripe").removeClass("table-striped");
2019-06-08 12:33:03 +00:00
$("table#restripe tr:not(.d-print-table-row)").each(function (index) {
2018-08-08 23:33:51 +00:00
$(this).toggleClass("stripe-odd", (index & 1));
$(this).toggleClass("stripe-even", !!(index & 1));
});
$('tr[id="invoice-services"]').click(function() {
2019-06-07 13:47:37 +00:00
$(".invoice-services").toggleClass("d-none");
2018-08-08 23:33:51 +00:00
});
$('tr[id="invoice-service-items"]').click(function() {
2019-06-07 13:47:37 +00:00
$(".invoice-service-items").toggleClass("d-none");
2018-08-08 23:33:51 +00:00
});
})
2018-08-01 07:09:38 +00:00
</script>
@append