print template pdf problem solved
This commit is contained in:
batuhanbas
28
public/css/custom.css
vendored
28
public/css/custom.css
vendored
@@ -680,34 +680,6 @@ table .align-items-center td span.badge {
|
|||||||
{
|
{
|
||||||
width: 147px;
|
width: 147px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------Border Dashed--------*/
|
|
||||||
.border-dashed
|
|
||||||
{
|
|
||||||
border-top: 1px dashed #3c3f72 !important;
|
|
||||||
}
|
|
||||||
/*--------Border Dashed Finish--------*/
|
|
||||||
|
|
||||||
.invoice-classic-line
|
|
||||||
{
|
|
||||||
border: 2px solid #3c3f72;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice-classic-frame
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
height:100px;
|
|
||||||
border: 3px solid #3c3f72;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice-classic-inline-frame
|
|
||||||
{
|
|
||||||
margin: 7px 1%;
|
|
||||||
width: 98%;
|
|
||||||
height: 80px;
|
|
||||||
border: 3px solid #3c3f72;
|
|
||||||
}
|
|
||||||
/*--------Print Template Finish--------*/
|
/*--------Print Template Finish--------*/
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
340
public/css/print.css
vendored
Normal file
340
public/css/print.css
vendored
Normal file
@@ -0,0 +1,340 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Default ------------ Start
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
color: #3c3f72;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb-1 {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-1 {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml-1 {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-2 {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-3 {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-4 {
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-5 {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-6 {
|
||||||
|
margin-top: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-7 {
|
||||||
|
margin-top: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-8 {
|
||||||
|
margin-top: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-9 {
|
||||||
|
margin-top: 72px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-0 {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-1 {
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py-1 {
|
||||||
|
padding-bottom: 8px;
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py-2 {
|
||||||
|
padding-bottom: 16px;
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pr-2 {
|
||||||
|
padding-right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pl-2 {
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-58 {
|
||||||
|
display: inline-block;
|
||||||
|
width: 58%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-42 {
|
||||||
|
display: inline-block;
|
||||||
|
width: 42%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-100 {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-1 {
|
||||||
|
border: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top-1 {
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-bottom-1 {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-radius-default {
|
||||||
|
border-radius: 0.25rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: #3c3f72;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-white {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-default {
|
||||||
|
background-color: #3c3f72;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-primary {
|
||||||
|
background-color: #55588b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines {
|
||||||
|
border-collapse: collapse;
|
||||||
|
table-layout: fixed;
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines tbody td {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines .item {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines .quantity {
|
||||||
|
width: 20%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines .price {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lines .total {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-logo {
|
||||||
|
padding-top: 35px;
|
||||||
|
padding-bottom:64.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-note {
|
||||||
|
width: 80%;
|
||||||
|
background-color: #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Default ------------ Finish
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Classic ------------ Start
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.c-logo {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-note {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.invoice-classic-line
|
||||||
|
{
|
||||||
|
border: 2px solid #3c3f72;
|
||||||
|
}
|
||||||
|
|
||||||
|
.invoice-classic-frame
|
||||||
|
{
|
||||||
|
width: 90%;
|
||||||
|
height:70px;
|
||||||
|
border: 3px solid #3c3f72;
|
||||||
|
}
|
||||||
|
|
||||||
|
.invoice-classic-inline-frame
|
||||||
|
{
|
||||||
|
margin: 0.3% 1% 0.3% 1%;
|
||||||
|
width: 95%;
|
||||||
|
height: 59px;
|
||||||
|
border: 3px solid #3c3f72;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-33 {
|
||||||
|
display: inline-block;
|
||||||
|
width: 33%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines thead th {
|
||||||
|
border-top: 1px dashed #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines tbody td {
|
||||||
|
border-top: 1px dashed #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines .item {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines .quantity {
|
||||||
|
width: 20%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines .price {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-lines .total {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top-dashed {
|
||||||
|
border-top: 1px dashed #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Classic ------------ Finish
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Modern ------------ Start
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.m-first-column {
|
||||||
|
padding-top: 35px;
|
||||||
|
padding-bottom:48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-logo {
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: -36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-fc-left {
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-fc-right {
|
||||||
|
padding-left: 170px;
|
||||||
|
margin-top: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-note {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lines {
|
||||||
|
border-collapse: collapse;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lines .item {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lines .quantity {
|
||||||
|
width: 20%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lines .price {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lines .total {
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Print Template - Modern ------------ Finish
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
*/
|
||||||
@@ -1,12 +1,6 @@
|
|||||||
<html lang="{{ app()->getLocale() }}">
|
<html lang="{{ app()->getLocale() }}">
|
||||||
|
|
||||||
@include('partials.admin.head')
|
@include('partials.print.head')
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
* {
|
|
||||||
font-family: DejaVu Sans, sans-serif !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<body onload="window.print();">
|
<body onload="window.print();">
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
|||||||
33
resources/views/partials/print/head.blade.php
Normal file
33
resources/views/partials/print/head.blade.php
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
<head>
|
||||||
|
@stack('head_start')
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8; charset=ISO-8859-1"/>
|
||||||
|
|
||||||
|
<title>@yield('title') - @setting('company.name')</title>
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="icon" href="{{ asset('public/img/favicon.ico') }}" type="image/png">
|
||||||
|
|
||||||
|
<!-- Css -->
|
||||||
|
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
* {
|
||||||
|
font-family: DejaVu Sans, sans-serif !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
@stack('css')
|
||||||
|
|
||||||
|
@stack('stylesheet')
|
||||||
|
|
||||||
|
@stack('js')
|
||||||
|
|
||||||
|
@stack('scripts')
|
||||||
|
|
||||||
|
@stack('head_end')
|
||||||
|
</head>
|
||||||
@@ -4,83 +4,82 @@
|
|||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<img class="mt-4" src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
|
<div class="text company">
|
||||||
|
<img src="{{ $logo }}" class="c-logo" alt="{{ setting('company.name') }}"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5 text-right">
|
|
||||||
<p class="mb-0 mt-4 font-weight-600">
|
|
||||||
{{ setting('company.name') }}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="mb-0">
|
<div class="col-42">
|
||||||
{!! nl2br(setting('company.address')) !!}
|
<div class="text company">
|
||||||
</p>
|
<strong>{{ setting('company.name') }}</strong><br>
|
||||||
|
|
||||||
<p class="mb-0">
|
<p>{!! nl2br(setting('company.address')) !!}</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
@if (setting('company.tax_number'))
|
@if (setting('company.tax_number'))
|
||||||
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
||||||
@endif
|
@endif
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p class="mb-0 mt-3">
|
<p>
|
||||||
@if (setting('company.phone'))
|
@if (setting('company.phone'))
|
||||||
{{ setting('company.phone') }}
|
{{ setting('company.phone') }}
|
||||||
@endif
|
@endif
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p class="mb-0">
|
<p>{{ setting('company.email') }}</p>
|
||||||
{{ setting('company.email') }}
|
</div>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row my-4">
|
<div class="row mt-2">
|
||||||
<div class="col-md-4">
|
<div class="col-33">
|
||||||
<hr class="bg-default invoice-classic-line mb-1 mt-5">
|
<hr class="bg-default invoice-classic-line mb-1 mt-4">
|
||||||
<hr class="bg-default invoice-classic-line my-0">
|
<hr class="bg-default invoice-classic-line">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4 text-center">
|
|
||||||
<div class="invoice-classic-frame">
|
<div class="col-33">
|
||||||
<div class="invoice-classic-inline-frame">
|
<div class="invoice-classic-frame ml-1">
|
||||||
|
<div class="invoice-classic-inline-frame text-center">
|
||||||
@stack('invoice_number_input_start')
|
@stack('invoice_number_input_start')
|
||||||
<p class="mt-4">
|
<div class="text company">
|
||||||
<b>{{ trans('invoices.invoice_number') }}:</b>
|
<strong>{{ trans('invoices.invoice_number') }}:</strong><br>
|
||||||
{{ $invoice->invoice_number }}
|
{{ $invoice->invoice_number }}
|
||||||
</p>
|
</div>
|
||||||
@stack('invoice_number_input_end')
|
@stack('invoice_number_input_end')
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
|
||||||
<hr class="bg-default invoice-classic-line mb-1 mt-5">
|
<div class="col-33">
|
||||||
<hr class="bg-default invoice-classic-line my-0">
|
<hr class="bg-default invoice-classic-line mb-1 mt-4">
|
||||||
|
<hr class="bg-default invoice-classic-line">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row mb-4">
|
<div class="row">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
|
<div class="text company">
|
||||||
<h4>{{ trans('invoices.bill_to') }}</h4>
|
<strong>{{ trans('invoices.bill_to') }}</strong><br>
|
||||||
@stack('name_input_start')
|
@stack('name_input_start')
|
||||||
<strong class="d-block">{{ $invoice->contact_name }}</strong>
|
<strong>{{ $invoice->contact_name }}</strong><br>
|
||||||
@stack('name_input_end')
|
@stack('name_input_end')
|
||||||
|
|
||||||
@stack('address_input_start')
|
@stack('address_input_start')
|
||||||
<p class="mb-0">
|
<p>{!! nl2br($invoice->contact_address) !!}</p>
|
||||||
{!! nl2br($invoice->contact_address) !!}
|
|
||||||
</p>
|
|
||||||
@stack('address_input_end')
|
@stack('address_input_end')
|
||||||
|
|
||||||
@stack('tax_number_input_start')
|
@stack('tax_number_input_start')
|
||||||
<p class="mb-0">
|
<p>
|
||||||
@if ($invoice->contact_tax_number)
|
@if ($invoice->contact_tax_number)
|
||||||
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}<br>
|
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}
|
||||||
@endif
|
@endif
|
||||||
</p>
|
</p>
|
||||||
@stack('tax_number_input_end')
|
@stack('tax_number_input_end')
|
||||||
|
|
||||||
@stack('phone_input_start')
|
@stack('phone_input_start')
|
||||||
<p class="mb-0 mt-3">
|
<p>
|
||||||
@if ($invoice->contact_phone)
|
@if ($invoice->contact_phone)
|
||||||
{{ $invoice->contact_phone }}
|
{{ $invoice->contact_phone }}
|
||||||
@endif
|
@endif
|
||||||
@@ -88,13 +87,13 @@
|
|||||||
@stack('phone_input_end')
|
@stack('phone_input_end')
|
||||||
|
|
||||||
@stack('email_start')
|
@stack('email_start')
|
||||||
<p class="mb-0">
|
<p>{{ $invoice->contact_email }}</p>
|
||||||
{{ $invoice->contact_email }}
|
|
||||||
</p>
|
|
||||||
@stack('email_input_end')
|
@stack('email_input_end')
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5 text-right">
|
</div>
|
||||||
|
|
||||||
|
<div class="col-42 text-right">
|
||||||
|
<div class="text company">
|
||||||
@stack('order_number_input_start')
|
@stack('order_number_input_start')
|
||||||
@if ($invoice->order_number)
|
@if ($invoice->order_number)
|
||||||
<p>
|
<p>
|
||||||
@@ -120,7 +119,7 @@
|
|||||||
|
|
||||||
@foreach ($invoice->totals as $total)
|
@foreach ($invoice->totals as $total)
|
||||||
@if ($total->code == 'total')
|
@if ($total->code == 'total')
|
||||||
<p class="bg-light border-radius-default float-right text-center w-50">
|
<p>
|
||||||
<b>{{ trans($total->name) }}:</b>
|
<b>{{ trans($total->name) }}:</b>
|
||||||
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
||||||
</p>
|
</p>
|
||||||
@@ -128,33 +127,36 @@
|
|||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row show-table">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-100">
|
||||||
<div class="table-responsive">
|
<div class="text">
|
||||||
<table class="table table-borderless">
|
<table class="c-lines">
|
||||||
<tbody>
|
<thead>
|
||||||
<tr class="row border-dashed">
|
<tr>
|
||||||
@stack('name_th_start')
|
@stack('name_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 pl-5">{{ trans_choice($text_override['items'], 2) }}</th>
|
<th class="item">{{ trans_choice($text_override['items'], 2) }}</th>
|
||||||
@stack('name_th_end')
|
@stack('name_th_end')
|
||||||
|
|
||||||
@stack('quantity_th_start')
|
@stack('quantity_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-center">{{ trans($text_override['quantity']) }}</th>
|
<th class="quantity">{{ trans($text_override['quantity']) }}</th>
|
||||||
@stack('quantity_th_end')
|
@stack('quantity_th_end')
|
||||||
|
|
||||||
@stack('price_th_start')
|
@stack('price_th_start')
|
||||||
<th class="col-sm-3 text-center d-none d-sm-block pl-5">{{ trans($text_override['price']) }}</th>
|
<th class="price">{{ trans($text_override['price']) }}</th>
|
||||||
@stack('price_th_end')
|
@stack('price_th_end')
|
||||||
|
|
||||||
@stack('total_th_start')
|
@stack('total_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-right pr-5">{{ trans('invoices.total') }}</th>
|
<th class="total">{{ trans('invoices.total') }}</th>
|
||||||
@stack('total_th_end')
|
@stack('total_th_end')
|
||||||
</tr>
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
@foreach($invoice->items as $item)
|
@foreach($invoice->items as $item)
|
||||||
<tr class="row border-dashed">
|
<tr>
|
||||||
@stack('name_td_start')
|
@stack('name_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 pl-5">
|
<td class="item">
|
||||||
{{ $item->name }}
|
{{ $item->name }}
|
||||||
@if ($item->desc)
|
@if ($item->desc)
|
||||||
<br><small>{!! $item->desc !!}</small>
|
<br><small>{!! $item->desc !!}</small>
|
||||||
@@ -163,15 +165,15 @@
|
|||||||
@stack('name_td_end')
|
@stack('name_td_end')
|
||||||
|
|
||||||
@stack('quantity_td_start')
|
@stack('quantity_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-center">{{ $item->quantity }}</td>
|
<td class="quantity">{{ $item->quantity }}</td>
|
||||||
@stack('quantity_td_end')
|
@stack('quantity_td_end')
|
||||||
|
|
||||||
@stack('price_td_start')
|
@stack('price_td_start')
|
||||||
<td class="col-sm-3 text-center d-none d-sm-block pl-5">@money($item->price, $invoice->currency_code, true)</td>
|
<td class="price">@money($item->price, $invoice->currency_code, true)</td>
|
||||||
@stack('price_td_end')
|
@stack('price_td_end')
|
||||||
|
|
||||||
@stack('total_td_start')
|
@stack('total_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-right pr-5">@money($item->total, $invoice->currency_code, true)</td>
|
<td class="total">@money($item->total, $invoice->currency_code, true)</td>
|
||||||
@stack('total_td_end')
|
@stack('total_td_end')
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
@@ -181,83 +183,57 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row mt-3">
|
<div class="row mt-4">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
@stack('notes_input_start')
|
@stack('notes_input_start')
|
||||||
@if ($invoice->notes)
|
@if ($invoice->notes)
|
||||||
<table class="table table-borderless">
|
<strong>{{ trans_choice('general.notes', 2) }}</strong><br><br>
|
||||||
<tbody>
|
<div class="border-1 py-1 border-radius-default pl-2 c-note">
|
||||||
<tr>
|
{{ $invoice->notes }}
|
||||||
<th>
|
</div>
|
||||||
<p class="form-control-label">{{ trans_choice('general.notes', 2) }}</p>
|
|
||||||
<p class="form-control text-muted">{{ $invoice->notes }}</p>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('notes_input_end')
|
@stack('notes_input_end')
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5">
|
|
||||||
<div class="table-responsive">
|
<div class="col-42 text-right">
|
||||||
<table class="table table-borderless border-dashed">
|
<div class="text company pr-2">
|
||||||
<tbody>
|
|
||||||
@foreach ($invoice->totals as $total)
|
@foreach ($invoice->totals as $total)
|
||||||
@if ($total->code != 'total')
|
@if ($total->code != 'total')
|
||||||
@stack($total->code . '_td_start')
|
@stack($total->code . '_td_start')
|
||||||
<tr class="border-dashed">
|
<div class="border-top-dashed">
|
||||||
<th>
|
<br>
|
||||||
{{ trans($total->title) }}:
|
<strong>{{ trans($total->title) }}:</strong>
|
||||||
</th>
|
<strong>@money($total->amount, $invoice->currency_code, true)</strong><br><br>
|
||||||
<td class="text-right">
|
</div>
|
||||||
@money($total->amount, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack($total->code . '_td_end')
|
@stack($total->code . '_td_end')
|
||||||
@else
|
@else
|
||||||
@if ($invoice->paid)
|
@if ($invoice->paid)
|
||||||
<tr class="border-dashed">
|
<div class="border-top-dashed">
|
||||||
<th>
|
<br>
|
||||||
{{ trans('invoices.paid') }}:
|
<strong>{{ trans('invoices.paid') }}:</strong>
|
||||||
</th>
|
<strong>- @money($invoice->paid, $invoice->currency_code, true)</strong><br><br>
|
||||||
<td class="text-right">
|
</div>
|
||||||
- @money($invoice->paid, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('grand_total_td_start')
|
@stack('grand_total_td_start')
|
||||||
<tr class="border-dashed">
|
<div class="border-top-dashed">
|
||||||
<th>
|
<br>
|
||||||
{{ trans($total->name) }}:
|
<strong>{{ trans($total->name) }}:</strong>
|
||||||
</th>
|
<strong>@money($total->amount - $invoice->paid, $invoice->currency_code, true)</strong>
|
||||||
<td class="text-right">
|
</div>
|
||||||
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack('grand_total_td_end')
|
@stack('grand_total_td_end')
|
||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@if ($invoice->footer)
|
@if ($invoice->footer)
|
||||||
<div class="row">
|
<div class="row mt-1">
|
||||||
<div class="col-md-12">
|
<div class="col-100">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
<table class="table table-borderless mb-0">
|
<strong>{!! $invoice->footer !!}</strong>
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
{!! $invoice->footer !!}
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,173 +3,141 @@
|
|||||||
@section('title', trans_choice('general.invoices', 1) . ': ' . $invoice->invoice_number)
|
@section('title', trans_choice('general.invoices', 1) . ': ' . $invoice->invoice_number)
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="row mx--4">
|
<div class="row">
|
||||||
<div class="col-md-7 border-bottom-1">
|
<div class="col-58">
|
||||||
<div class="table-responsive mt-4">
|
<div class="border-bottom-1">
|
||||||
<table class="table table-borderless">
|
<div class="text company">
|
||||||
<tbody>
|
<img class="d-logo" src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<img src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5 border-bottom-1">
|
</div>
|
||||||
<div class="table-responsive">
|
|
||||||
<table class="table table-borderless">
|
<div class="col-42">
|
||||||
<tbody>
|
<div class="border-bottom-1">
|
||||||
<tr>
|
<div class="text company">
|
||||||
<th>
|
<strong>{{ setting('company.name') }}</strong><br>
|
||||||
{{ setting('company.name') }}
|
<p>{!! nl2br(setting('company.address')) !!}</p>
|
||||||
</th>
|
|
||||||
</tr>
|
<p>
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
{!! nl2br(setting('company.address')) !!}
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
@if (setting('company.tax_number'))
|
@if (setting('company.tax_number'))
|
||||||
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
||||||
@endif
|
@endif
|
||||||
</th>
|
</p>
|
||||||
</tr>
|
|
||||||
<tr>
|
<p>
|
||||||
<th>
|
|
||||||
@if (setting('company.phone'))
|
@if (setting('company.phone'))
|
||||||
{{ setting('company.phone') }}
|
{{ setting('company.phone') }}
|
||||||
@endif
|
@endif
|
||||||
</th>
|
</p>
|
||||||
</tr>
|
|
||||||
<tr>
|
<p>{{ setting('company.email') }}</p>
|
||||||
<th>
|
</div>
|
||||||
{{ setting('company.email') }}
|
</div>
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
<table class="table table-borderless">
|
<br>
|
||||||
<tbody>
|
<strong>{{ trans('invoices.bill_to') }}</strong><br>
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
{{ trans('invoices.bill_to') }}
|
|
||||||
@stack('name_input_start')
|
@stack('name_input_start')
|
||||||
<strong class="d-block">{{ $invoice->contact_name }}</strong>
|
<strong>{{ $invoice->contact_name }}</strong><br>
|
||||||
@stack('name_input_end')
|
@stack('name_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
@stack('address_input_start')
|
@stack('address_input_start')
|
||||||
{!! nl2br($invoice->contact_address) !!}
|
<p>{!! nl2br($invoice->contact_address) !!}</p>
|
||||||
@stack('address_input_end')
|
@stack('address_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
@stack('tax_number_input_start')
|
@stack('tax_number_input_start')
|
||||||
|
<p>
|
||||||
@if ($invoice->contact_tax_number)
|
@if ($invoice->contact_tax_number)
|
||||||
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}<br>
|
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}
|
||||||
@endif
|
@endif
|
||||||
|
</p>
|
||||||
@stack('tax_number_input_end')
|
@stack('tax_number_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
@stack('phone_input_start')
|
@stack('phone_input_start')
|
||||||
|
<p>
|
||||||
@if ($invoice->contact_phone)
|
@if ($invoice->contact_phone)
|
||||||
{{ $invoice->contact_phone }}
|
{{ $invoice->contact_phone }}
|
||||||
@endif
|
@endif
|
||||||
|
</p>
|
||||||
@stack('phone_input_end')
|
@stack('phone_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
@stack('email_start')
|
@stack('email_start')
|
||||||
|
<p>
|
||||||
{{ $invoice->contact_email }}
|
{{ $invoice->contact_email }}
|
||||||
|
</p>
|
||||||
@stack('email_input_end')
|
@stack('email_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5">
|
|
||||||
<div class="table-responsive">
|
<div class="col-42">
|
||||||
<table class="table table-borderless">
|
<div class="text company">
|
||||||
<tbody>
|
<br>
|
||||||
@stack('invoice_number_input_start')
|
@stack('invoice_number_input_start')
|
||||||
<tr>
|
<strong>
|
||||||
<th>{{ trans('invoices.invoice_number') }}:</th>
|
{{ trans('invoices.invoice_number') }}:
|
||||||
<td class="text-right">{{ $invoice->invoice_number }}</td>
|
</strong>
|
||||||
</tr>
|
{{ $invoice->invoice_number }}<br><br>
|
||||||
@stack('invoice_number_input_end')
|
@stack('invoice_number_input_end')
|
||||||
|
|
||||||
@stack('order_number_input_start')
|
@stack('order_number_input_start')
|
||||||
@if ($invoice->order_number)
|
@if ($invoice->order_number)
|
||||||
<tr>
|
<strong>
|
||||||
<th>{{ trans('invoices.order_number') }}:</th>
|
{{ trans('invoices.order_number') }}:
|
||||||
<td class="text-right">{{ $invoice->order_number }}</td>
|
</strong>
|
||||||
</tr>
|
{{ $invoice->order_number }}<br><br>
|
||||||
@endif
|
@endif
|
||||||
@stack('order_number_input_end')
|
@stack('order_number_input_end')
|
||||||
|
|
||||||
@stack('invoiced_at_input_start')
|
@stack('invoiced_at_input_start')
|
||||||
<tr>
|
<strong>
|
||||||
<th>{{ trans('invoices.invoice_date') }}:</th>
|
{{ trans('invoices.invoice_date') }}:
|
||||||
<td class="text-right">@date($invoice->invoiced_at)</td>
|
</strong>
|
||||||
</tr>
|
@date($invoice->invoiced_at)<br><br>
|
||||||
@stack('invoiced_at_input_end')
|
@stack('invoiced_at_input_end')
|
||||||
|
|
||||||
@stack('due_at_input_start')
|
@stack('due_at_input_start')
|
||||||
<tr>
|
<strong>
|
||||||
<th>{{ trans('invoices.payment_due') }}:</th>
|
{{ trans('invoices.payment_due') }}:
|
||||||
<td class="text-right">@date($invoice->due_at)</td>
|
</strong>
|
||||||
</tr>
|
@date($invoice->due_at)<br><br>
|
||||||
@stack('due_at_input_end')
|
@stack('due_at_input_end')
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row show-table">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-100">
|
||||||
<div class="table-responsive">
|
<div class="text">
|
||||||
<table class="table">
|
<table class="lines">
|
||||||
<tbody>
|
<thead class="bg-default">
|
||||||
<tr class="row bg-default text-white">
|
<tr>
|
||||||
@stack('name_th_start')
|
@stack('name_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 pl-5 text-white">{{ trans_choice($text_override['items'], 2) }}</th>
|
<th class="item text-white">{{ trans_choice($text_override['items'], 2) }}</th>
|
||||||
@stack('name_th_end')
|
@stack('name_th_end')
|
||||||
|
|
||||||
@stack('quantity_th_start')
|
@stack('quantity_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-center text-white">{{ trans($text_override['quantity']) }}</th>
|
<th class="quantity text-white">{{ trans($text_override['quantity']) }}</th>
|
||||||
@stack('quantity_th_end')
|
@stack('quantity_th_end')
|
||||||
|
|
||||||
@stack('price_th_start')
|
@stack('price_th_start')
|
||||||
<th class="col-sm-3 text-center d-none d-sm-block pl-5 text-white">{{ trans($text_override['price']) }}</th>
|
<th class="price text-white">{{ trans($text_override['price']) }}</th>
|
||||||
@stack('price_th_end')
|
@stack('price_th_end')
|
||||||
|
|
||||||
@stack('total_th_start')
|
@stack('total_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-right pr-5 text-white">{{ trans('invoices.total') }}</th>
|
<th class="total text-white">{{ trans('invoices.total') }}</th>
|
||||||
@stack('total_th_end')
|
@stack('total_th_end')
|
||||||
</tr>
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
@foreach($invoice->items as $item)
|
@foreach($invoice->items as $item)
|
||||||
<tr class="row">
|
<tr>
|
||||||
@stack('name_td_start')
|
@stack('name_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 pl-5">
|
<td class="item">
|
||||||
{{ $item->name }}
|
{{ $item->name }}
|
||||||
@if ($item->desc)
|
@if ($item->desc)
|
||||||
<br><small>{!! $item->desc !!}</small>
|
<br><small>{!! $item->desc !!}</small>
|
||||||
@@ -178,15 +146,15 @@
|
|||||||
@stack('name_td_end')
|
@stack('name_td_end')
|
||||||
|
|
||||||
@stack('quantity_td_start')
|
@stack('quantity_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-center">{{ $item->quantity }}</td>
|
<td class="quantity">{{ $item->quantity }}</td>
|
||||||
@stack('quantity_td_end')
|
@stack('quantity_td_end')
|
||||||
|
|
||||||
@stack('price_td_start')
|
@stack('price_td_start')
|
||||||
<td class="col-sm-3 text-center d-none d-sm-block pl-5">@money($item->price, $invoice->currency_code, true)</td>
|
<td class="price">@money($item->price, $invoice->currency_code, true)</td>
|
||||||
@stack('price_td_end')
|
@stack('price_td_end')
|
||||||
|
|
||||||
@stack('total_td_start')
|
@stack('total_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-right pr-5">@money($item->total, $invoice->currency_code, true)</td>
|
<td class="total">@money($item->total, $invoice->currency_code, true)</td>
|
||||||
@stack('total_td_end')
|
@stack('total_td_end')
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
@@ -196,83 +164,57 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row mt-5">
|
<div class="row mt-9">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
@stack('notes_input_start')
|
@stack('notes_input_start')
|
||||||
@if ($invoice->notes)
|
@if ($invoice->notes)
|
||||||
<table class="table table-borderless">
|
<strong>{{ trans_choice('general.notes', 2) }}</strong><br><br>
|
||||||
<tbody>
|
<div class="border-1 py-1 border-radius-default pl-2 d-note">
|
||||||
<tr>
|
{{ $invoice->notes }}
|
||||||
<th>
|
</div>
|
||||||
<p class="form-control-label">{{ trans_choice('general.notes', 2) }}</p>
|
|
||||||
<p class="form-control text-muted">{{ $invoice->notes }}</p>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('notes_input_end')
|
@stack('notes_input_end')
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5">
|
|
||||||
<div class="table-responsive">
|
<div class="col-42 text-right">
|
||||||
<table class="table">
|
<div class="text company pr-2">
|
||||||
<tbody>
|
|
||||||
@foreach ($invoice->totals as $total)
|
@foreach ($invoice->totals as $total)
|
||||||
@if ($total->code != 'total')
|
@if ($total->code != 'total')
|
||||||
@stack($total->code . '_td_start')
|
@stack($total->code . '_td_start')
|
||||||
<tr>
|
<div class="border-top-1">
|
||||||
<th>
|
<br>
|
||||||
{{ trans($total->title) }}:
|
<strong>{{ trans($total->title) }}:</strong>
|
||||||
</th>
|
<strong>@money($total->amount, $invoice->currency_code, true)</strong><br><br>
|
||||||
<td class="text-right">
|
</div>
|
||||||
@money($total->amount, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack($total->code . '_td_end')
|
@stack($total->code . '_td_end')
|
||||||
@else
|
@else
|
||||||
@if ($invoice->paid)
|
@if ($invoice->paid)
|
||||||
<tr>
|
<div class="border-top-1">
|
||||||
<th>
|
<br>
|
||||||
{{ trans('invoices.paid') }}:
|
<strong>{{ trans('invoices.paid') }}:</strong>
|
||||||
</th>
|
<strong>- @money($invoice->paid, $invoice->currency_code, true)</strong><br><br>
|
||||||
<td class="text-right">
|
</div>
|
||||||
- @money($invoice->paid, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('grand_total_td_start')
|
@stack('grand_total_td_start')
|
||||||
<tr>
|
<div class="border-top-1">
|
||||||
<th>
|
<br>
|
||||||
{{ trans($total->name) }}:
|
<strong>{{ trans($total->name) }}:</strong>
|
||||||
</th>
|
<strong>@money($total->amount - $invoice->paid, $invoice->currency_code, true)</strong>
|
||||||
<td class="text-right">
|
</div>
|
||||||
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack('grand_total_td_end')
|
@stack('grand_total_td_end')
|
||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@if ($invoice->footer)
|
@if ($invoice->footer)
|
||||||
<div class="row">
|
<div class="row mt-4">
|
||||||
<div class="col-md-12">
|
<div class="col-100 text-left">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
<table class="table table-borderless">
|
<strong>{!! $invoice->footer !!}<strong>
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
{!! $invoice->footer !!}
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,186 +3,149 @@
|
|||||||
@section('title', trans_choice('general.invoices', 1) . ': ' . $invoice->invoice_number)
|
@section('title', trans_choice('general.invoices', 1) . ': ' . $invoice->invoice_number)
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="row">
|
<div class="row bg-primary">
|
||||||
<div class="col-md-7 bg-primary">
|
<div class="col-58 m-first-column">
|
||||||
<div class="table-responsive">
|
<div class="text company pl-2 m-fc-left">
|
||||||
<table class="table table-borderless mt-4">
|
<img src="{{ $logo }}" class="m-logo" alt="{{ setting('company.name') }}"/>
|
||||||
<tbody>
|
</div>
|
||||||
<tr>
|
<div class="text company m-fc-right">
|
||||||
<th class="d-flex align-items-center">
|
<strong class="text-white">{{ setting('company.name') }}</strong>
|
||||||
<img src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
|
|
||||||
<h3 class="ml-4 text-white">{{ setting('company.name') }}</h3>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5 bg-default">
|
|
||||||
<div class="table-responsive">
|
<div class="col-42">
|
||||||
<table class="table table-borderless">
|
<div class="text company">
|
||||||
<tbody>
|
<br>
|
||||||
<tr>
|
<strong class="text-white">{!! nl2br(setting('company.address')) !!}</strong><br><br>
|
||||||
<th class="text-white">
|
|
||||||
{!! nl2br(setting('company.address')) !!}
|
<strong class="text-white">
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<th class="text-white">
|
|
||||||
@if (setting('company.tax_number'))
|
@if (setting('company.tax_number'))
|
||||||
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
|
||||||
@endif
|
@endif
|
||||||
</th>
|
</strong><br><br>
|
||||||
</tr>
|
|
||||||
<tr>
|
<strong class="text-white">
|
||||||
<th class="text-white">
|
|
||||||
@if (setting('company.phone'))
|
@if (setting('company.phone'))
|
||||||
{{ setting('company.phone') }}
|
{{ setting('company.phone') }}
|
||||||
@endif
|
@endif
|
||||||
</th>
|
</strong><br><br>
|
||||||
</tr>
|
|
||||||
<tr>
|
<strong class="text-white">{{ setting('company.email') }}</strong><br><br>
|
||||||
<th class="text-white">
|
|
||||||
{{ setting('company.email') }}
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
<table class="table table-borderless">
|
<br>
|
||||||
<tbody>
|
<strong>{{ trans('invoices.bill_to') }}</strong><br>
|
||||||
<tr>
|
|
||||||
<th>
|
|
||||||
<h4>{{ trans('invoices.bill_to') }}</h4>
|
|
||||||
@stack('name_input_start')
|
@stack('name_input_start')
|
||||||
<strong class="d-block">{{ $invoice->contact_name }}</strong>
|
<strong>{{ $invoice->contact_name }}</strong><br><br>
|
||||||
@stack('name_input_end')
|
@stack('name_input_end')
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
@stack('address_input_start')
|
@stack('address_input_start')
|
||||||
{!! nl2br($invoice->contact_address) !!}
|
{!! nl2br($invoice->contact_address) !!}<br><br>
|
||||||
@stack('address_input_end')
|
@stack('address_input_end')
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
@stack('tax_number_input_start')
|
@stack('tax_number_input_start')
|
||||||
@if ($invoice->contact_tax_number)
|
@if ($invoice->contact_tax_number)
|
||||||
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}<br>
|
{{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}<br><br>
|
||||||
@endif
|
@endif
|
||||||
@stack('tax_number_input_end')
|
@stack('tax_number_input_end')
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
@stack('phone_input_start')
|
@stack('phone_input_start')
|
||||||
@if ($invoice->contact_phone)
|
@if ($invoice->contact_phone)
|
||||||
{{ $invoice->contact_phone }}
|
{{ $invoice->contact_phone }}<br><br>
|
||||||
@endif
|
@endif
|
||||||
@stack('phone_input_end')
|
@stack('phone_input_end')
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
@stack('email_start')
|
|
||||||
{{ $invoice->contact_email }}
|
|
||||||
@stack('email_input_end')
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-5">
|
|
||||||
<div class="table-responsive">
|
|
||||||
<table class="table table-borderless">
|
|
||||||
<tbody>
|
|
||||||
@stack('invoice_number_input_start')
|
|
||||||
<tr>
|
|
||||||
<th>{{ trans('invoices.invoice_number') }}:</th>
|
|
||||||
<td class="text-right">{{ $invoice->invoice_number }}</td>
|
|
||||||
</tr>
|
|
||||||
@stack('invoice_number_input_end')
|
|
||||||
|
|
||||||
|
@stack('email_start')
|
||||||
|
{{ $invoice->contact_email }}<br><br>
|
||||||
|
@stack('email_input_end')
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-42">
|
||||||
|
<div class="text company">
|
||||||
@stack('order_number_input_start')
|
@stack('order_number_input_start')
|
||||||
@if ($invoice->order_number)
|
@if ($invoice->order_number)
|
||||||
<tr>
|
<p>
|
||||||
<th>{{ trans('invoices.order_number') }}:</th>
|
<b>{{ trans('invoices.order_number') }}:</b>
|
||||||
<td class="text-right">{{ $invoice->order_number }}</td>
|
{{ $invoice->order_number }}
|
||||||
</tr>
|
</p>
|
||||||
@endif
|
@endif
|
||||||
@stack('order_number_input_end')
|
@stack('order_number_input_end')
|
||||||
|
|
||||||
|
@stack('invoice_number_input_start')
|
||||||
|
<p>
|
||||||
|
<b>{{ trans('invoices.invoice_number') }}:</b>
|
||||||
|
{{ $invoice->invoice_number }}
|
||||||
|
</p>
|
||||||
|
@stack('invoice_number_input_end')
|
||||||
|
|
||||||
@stack('invoiced_at_input_start')
|
@stack('invoiced_at_input_start')
|
||||||
<tr>
|
<p>
|
||||||
<th>{{ trans('invoices.invoice_date') }}:</th>
|
<b>{{ trans('invoices.invoice_date') }}:</b>
|
||||||
<td class="text-right">@date($invoice->invoiced_at)</td>
|
@date($invoice->invoiced_at)
|
||||||
</tr>
|
</p>
|
||||||
@stack('invoiced_at_input_end')
|
@stack('invoiced_at_input_end')
|
||||||
|
|
||||||
@stack('due_at_input_start')
|
@stack('due_at_input_start')
|
||||||
<tr>
|
<p>
|
||||||
<th>{{ trans('invoices.payment_due') }}:</th>
|
<b>{{ trans('invoices.payment_due') }}:</b>
|
||||||
<td class="text-right">@date($invoice->due_at)</td>
|
@date($invoice->due_at)
|
||||||
</tr>
|
</p>
|
||||||
@stack('due_at_input_end')
|
@stack('due_at_input_end')
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row show-table">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-100">
|
||||||
<div class="table-responsive">
|
<div class="text">
|
||||||
<table class="table table-borderless">
|
<table class="m-lines">
|
||||||
<tbody>
|
<thead class="bg-default">
|
||||||
<tr class="row bg-default">
|
<tr>
|
||||||
@stack('name_th_start')
|
@stack('name_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 pl-5 text-white">{{ trans_choice($text_override['items'], 2) }}</th>
|
<th class="item text-white">{{ trans_choice($text_override['items'], 2) }}</th>
|
||||||
@stack('name_th_end')
|
@stack('name_th_end')
|
||||||
|
|
||||||
@stack('quantity_th_start')
|
@stack('quantity_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-center text-white">{{ trans($text_override['quantity']) }}</th>
|
<th class="quantity text-white">{{ trans($text_override['quantity']) }}</th>
|
||||||
@stack('quantity_th_end')
|
@stack('quantity_th_end')
|
||||||
|
|
||||||
@stack('price_th_start')
|
@stack('price_th_start')
|
||||||
<th class="col-sm-3 text-center d-none d-sm-block pl-5 text-white">{{ trans($text_override['price']) }}</th>
|
<th class="price text-white">{{ trans($text_override['price']) }}</th>
|
||||||
@stack('price_th_end')
|
@stack('price_th_end')
|
||||||
|
|
||||||
@stack('total_th_start')
|
@stack('total_th_start')
|
||||||
<th class="col-xs-4 col-sm-3 text-right pr-5 text-white">{{ trans('invoices.total') }}</th>
|
<th class="total text-white">{{ trans('invoices.total') }}</th>
|
||||||
@stack('total_th_end')
|
@stack('total_th_end')
|
||||||
</tr>
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
@foreach($invoice->items as $item)
|
@foreach($invoice->items as $item)
|
||||||
<tr class="row">
|
<tr>
|
||||||
@stack('name_td_start')
|
@stack('name_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 pl-5">
|
<td class="item">
|
||||||
{{ $item->name }}
|
{{ $item->name }}
|
||||||
@if ($item->desc)
|
@if ($item->desc)
|
||||||
<br><small>{!! $item->desc !!}</small>
|
{!! $item->desc !!}
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
@stack('name_td_end')
|
@stack('name_td_end')
|
||||||
|
|
||||||
@stack('quantity_td_start')
|
@stack('quantity_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-center">{{ $item->quantity }}</td>
|
<td class="quantity">{{ $item->quantity }}</td>
|
||||||
@stack('quantity_td_end')
|
@stack('quantity_td_end')
|
||||||
|
|
||||||
@stack('price_td_start')
|
@stack('price_td_start')
|
||||||
<td class="col-sm-3 text-center d-none d-sm-block pl-5">@money($item->price, $invoice->currency_code, true)</td>
|
<td class="price">@money($item->price, $invoice->currency_code, true)</td>
|
||||||
@stack('price_td_end')
|
@stack('price_td_end')
|
||||||
|
|
||||||
@stack('total_td_start')
|
@stack('total_td_start')
|
||||||
<td class="col-xs-4 col-sm-3 text-right pr-5">@money($item->total, $invoice->currency_code, true)</td>
|
<td class="total">@money($item->total, $invoice->currency_code, true)</td>
|
||||||
@stack('total_td_end')
|
@stack('total_td_end')
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
@@ -192,83 +155,48 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row mt-3">
|
<div class="row mt-7">
|
||||||
<div class="col-md-7">
|
<div class="col-58">
|
||||||
<div class="table-responsive">
|
<div class="text company">
|
||||||
@stack('notes_input_start')
|
@stack('notes_input_start')
|
||||||
@if ($invoice->notes)
|
@if ($invoice->notes)
|
||||||
<table class="table table-borderless">
|
<strong>{{ trans_choice('general.notes', 2) }}</strong><br><br>
|
||||||
<tbody>
|
<div class="border-1 py-1 border-radius-default pl-2 m-note">
|
||||||
<tr>
|
{{ $invoice->notes }}
|
||||||
<th>
|
</div>
|
||||||
<p class="form-control-label">{{ trans_choice('general.notes', 2) }}</p>
|
|
||||||
<p class="form-control text-muted">{{ $invoice->notes }}</p>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('notes_input_end')
|
@stack('notes_input_end')
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5">
|
|
||||||
<div class="table-responsive">
|
<div class="col-42 text-right">
|
||||||
<table class="table table-borderless">
|
<div class="text company pr-2">
|
||||||
<tbody>
|
|
||||||
@foreach ($invoice->totals as $total)
|
@foreach ($invoice->totals as $total)
|
||||||
@if ($total->code != 'total')
|
@if ($total->code != 'total')
|
||||||
@stack($total->code . '_td_start')
|
@stack($total->code . '_td_start')
|
||||||
<tr>
|
<strong>{{ trans($total->title) }}:</strong>
|
||||||
<th>
|
@money($total->amount, $invoice->currency_code, true)<br><br>
|
||||||
{{ trans($total->title) }}:
|
|
||||||
</th>
|
|
||||||
<td class="text-right">
|
|
||||||
@money($total->amount, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack($total->code . '_td_end')
|
@stack($total->code . '_td_end')
|
||||||
@else
|
@else
|
||||||
@if ($invoice->paid)
|
@if ($invoice->paid)
|
||||||
<tr>
|
<strong>{{ trans('invoices.paid') }}:</strong>
|
||||||
<th>
|
- @money($invoice->paid, $invoice->currency_code, true)</strong><br>
|
||||||
{{ trans('invoices.paid') }}:
|
|
||||||
</th>
|
|
||||||
<td class="text-right">
|
|
||||||
- @money($invoice->paid, $invoice->currency_code, true)
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@endif
|
@endif
|
||||||
@stack('grand_total_td_start')
|
@stack('grand_total_td_start')
|
||||||
<tr>
|
<strong>{{ trans($total->name) }}:</strong>
|
||||||
<th>
|
|
||||||
{{ trans($total->name) }}:
|
|
||||||
</th>
|
|
||||||
<td class="text-right">
|
|
||||||
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
@money($total->amount - $invoice->paid, $invoice->currency_code, true)
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
@stack('grand_total_td_end')
|
@stack('grand_total_td_end')
|
||||||
@endif
|
@endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@if ($invoice->footer)
|
@if ($invoice->footer)
|
||||||
<div class="row">
|
<div class="row mt-7">
|
||||||
<div class="col-md-12 bg-default">
|
<div class="col-100 bg-default py-2">
|
||||||
<div class="table-responsive">
|
<div class="text company pl-2">
|
||||||
<table class="table table-borderless mb-0">
|
<strong class="text-white">{!! $invoice->footer !!}</strong>
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th class="text-white">
|
|
||||||
{!! $invoice->footer !!}
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user