shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling..

Browse Source
This commit is contained in:
Cüneyt Şentürk 2022-06-10 17:47:27 +03:00
parent db879423a4
commit fc1bc45080
3 changed files with 327 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
resources/views/components/documents/template/classic.blade.php
View File

@ -12,7 +12,7 @@
<div class="col-58"> <div class="col-58">
<div class="text"> <div class="text">
@stack('company_logo_start') @stack('company_logo_start')
@if (!$hideCompanyLogo) @if (! $hideCompanyLogo)
@if (!empty($document->contact->logo) && !empty($document->contact->logo->id)) @if (!empty($document->contact->logo) && !empty($document->contact->logo->id))
<img class="c-logo w-image" src="{{ $logo }}" alt="{{ $document->contact_name }}"/> <img class="c-logo w-image" src="{{ $logo }}" alt="{{ $document->contact_name }}"/>
@else @else
@ -31,19 +31,20 @@
{{ $textDocumentSubheading }} {{ $textDocumentSubheading }}
</p> </p>
@endif @endif
@if (!$hideCompanyDetails)
@if (!$hideCompanyName) @if (! $hideCompanyDetails)
@if (! $hideCompanyName)
<p>{{ setting('company.name') }}</p> <p>{{ setting('company.name') }}</p>
@endif @endif
@if (!$hideCompanyAddress) @if (! $hideCompanyAddress)
<p> <p>
{!! nl2br(setting('company.address')) !!} {!! nl2br(setting('company.address')) !!}
{!! $document->company->location !!} {!! $document->company->location !!}
</p> </p>
@endif @endif
@if (!$hideCompanyTaxNumber) @if (! $hideCompanyTaxNumber)
@if (setting('company.tax_number')) @if (setting('company.tax_number'))
<p> <p>
<span class="text-medium text-default"> <span class="text-medium text-default">
@ -54,7 +55,7 @@
@endif @endif
@endif @endif
@if (!$hideCompanyPhone) @if (! $hideCompanyPhone)
@if (setting('company.phone')) @if (setting('company.phone'))
<p> <p>
{{ setting('company.phone') }} {{ setting('company.phone') }}
@ -62,8 +63,10 @@
@endif @endif
@endif @endif
@if (!$hideCompanyEmail) @if (! $hideCompanyEmail)
<p class="small-text">{{ setting('company.email') }}</p> <p class="small-text">
{{ setting('company.email') }}
</p>
@endif @endif
@endif @endif
@stack('company_details_end') @stack('company_details_end')
@ -81,9 +84,14 @@
<div class="invoice-classic-frame ml-1 mt-1" style="border: 1px solid {{ $backgroundColor }}"> <div class="invoice-classic-frame ml-1 mt-1" style="border: 1px solid {{ $backgroundColor }}">
<div class="invoice-classic-inline-frame text-center" style="border: 1px solid {{ $backgroundColor }}"> <div class="invoice-classic-inline-frame text-center" style="border: 1px solid {{ $backgroundColor }}">
@stack('invoice_number_input_start') @stack('invoice_number_input_start')
@if (!$hideDocumentNumber) @if (! $hideDocumentNumber)
<div class="text small-text text-semibold mt-classic"> <div class="text small-text text-semibold mt-classic">
<span>{{ trans($textDocumentNumber) }}:</span><br> <span>
{{ trans($textDocumentNumber) }}:
</span>
<br>
{{ $document->document_number }} {{ $document->document_number }}
</div> </div>
@endif @endif
@ -102,17 +110,21 @@
<div class="col-60"> <div class="col-60">
<div class="text p-index-left"> <div class="text p-index-left">
@if (! $hideContactInfo) @if (! $hideContactInfo)
<p class="text-semibold mb-0">{{ trans($textContactInfo) }}</p> <p class="text-semibold mb-0">
{{ trans($textContactInfo) }}
</p>
@endif @endif
@stack('name_input_start') @stack('name_input_start')
@if (!$hideContactName) @if (! $hideContactName)
<p>{{ $document->contact_name }}</p> <p>
{{ $document->contact_name }}
</p>
@endif @endif
@stack('name_input_end') @stack('name_input_end')
@stack('address_input_start') @stack('address_input_start')
@if (!$hideContactAddress) @if (! $hideContactAddress)
<p> <p>
{!! nl2br($document->contact_address) !!} {!! nl2br($document->contact_address) !!}
<br> <br>
@ -122,7 +134,7 @@
@stack('address_input_end') @stack('address_input_end')
@stack('tax_number_input_start') @stack('tax_number_input_start')
@if (!$hideContactTaxNumber) @if (! $hideContactTaxNumber)
@if ($document->contact_tax_number) @if ($document->contact_tax_number)
<p> <p>
<span class="text-medium text-default"> <span class="text-medium text-default">
@ -135,7 +147,7 @@
@stack('tax_number_input_end') @stack('tax_number_input_end')
@stack('phone_input_start') @stack('phone_input_start')
@if (!$hideContactPhone) @if (! $hideContactPhone)
@if ($document->contact_phone) @if ($document->contact_phone)
<p> <p>
{{ $document->contact_phone }} {{ $document->contact_phone }}
@ -145,8 +157,10 @@
@stack('phone_input_end') @stack('phone_input_end')
@stack('email_start') @stack('email_start')
@if (!$hideContactEmail) @if (! $hideContactEmail)
<p class="small-text">{{ $document->contact_email }}</p> <p class="small-text">
{{ $document->contact_email }}
</p>
@endif @endif
@stack('email_input_end') @stack('email_input_end')
</div> </div>
@ -155,30 +169,45 @@
<div class="col-40"> <div class="col-40">
<div class="text p-index-right"> <div class="text p-index-right">
@stack('order_number_input_start') @stack('order_number_input_start')
@if (!$hideOrderNumber) @if (! $hideOrderNumber)
@if ($document->order_number) @if ($document->order_number)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textOrderNumber) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">{{ $document->order_number }}</span> {{ trans($textOrderNumber) }}:
</span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p> </p>
@endif @endif
@endif @endif
@stack('order_number_input_end') @stack('order_number_input_end')
@stack('issued_at_input_start') @stack('issued_at_input_start')
@if (!$hideIssuedAt) @if (! $hideIssuedAt)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textIssuedAt) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">@date($document->issued_at)</span> {{ trans($textIssuedAt) }}:
</span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p> </p>
@endif @endif
@stack('issued_at_input_end') @stack('issued_at_input_end')
@stack('due_at_input_start') @stack('due_at_input_start')
@if (!$hideDueAt) @if (! $hideDueAt)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDueAt) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">@date($document->due_at)</span> {{ trans($textDueAt) }}:
</span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p> </p>
@endif @endif
@stack('due_at_input_end') @stack('due_at_input_end')
@ -186,8 +215,13 @@
@foreach ($document->totals_sorted as $total) @foreach ($document->totals_sorted as $total)
@if ($total->code == 'total') @if ($total->code == 'total')
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($total->name) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">@money($total->amount - $document->paid, $document->currency_code, true)</span> {{ trans($total->name) }}:
</span>
<span class="float-right spacing">
@money($total->amount - $document->paid, $document->currency_code, true)
</span>
</p> </p>
@endif @endif
@endforeach @endforeach
@ -195,7 +229,7 @@
</div> </div>
</div> </div>
@if (!$hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -203,34 +237,44 @@
<thead> <thead>
<tr> <tr>
@stack('name_th_start') @stack('name_th_start')
@if (!$hideItems || (!$hideName && !$hideDescription)) @if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th> <th class="item text text-semibold text-alignment-left text-left">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif @endif
@stack('name_th_end') @stack('name_th_end')
@stack('quantity_th_start') @stack('quantity_th_start')
@if (!$hideQuantity) @if (! $hideQuantity)
<th class="quantity text text-semibold text-alignment-right text-right">{{ trans($textQuantity) }}</th> <th class="quantity text text-semibold text-alignment-right text-right">
{{ trans($textQuantity) }}
</th>
@endif @endif
@stack('quantity_th_end') @stack('quantity_th_end')
@stack('price_th_start') @stack('price_th_start')
@if (!$hidePrice) @if (! $hidePrice)
<th class="price text text-semibold text-alignment-right text-right">{{ trans($textPrice) }}</th> <th class="price text text-semibold text-alignment-right text-right">
{{ trans($textPrice) }}
</th>
@endif @endif
@stack('price_th_end') @stack('price_th_end')
@if (!$hideDiscount) @if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both'])) @if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start') @stack('discount_td_start')
<th class="discount text text-semibold text-alignment-right text-right">{{ trans('invoices.discount') }}</th> <th class="discount text text-semibold text-alignment-right text-right">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end') @stack('discount_td_end')
@endif @endif
@endif @endif
@stack('total_th_start') @stack('total_th_start')
@if (!$hideAmount) @if (! $hideAmount)
<th class="total text text-semibold text-alignment-right text-right">{{ trans($textAmount) }}</th> <th class="total text text-semibold text-alignment-right text-right">
{{ trans($textAmount) }}
</th>
@endif @endif
@stack('total_th_end') @stack('total_th_end')
</tr> </tr>
@ -270,9 +314,12 @@
<div class="col-60"> <div class="col-60">
<div class="text p-index-right"> <div class="text p-index-right">
@stack('notes_input_start') @stack('notes_input_start')
@if($hideNote) @if ($hideNote)
@if ($document->notes) @if ($document->notes)
<strong>{{ trans_choice('general.notes', 2) }}</strong> <strong>
{{ trans_choice('general.notes', 2) }}
</strong>
{!! nl2br($document->notes) !!} {!! nl2br($document->notes) !!}
@endif @endif
@endif @endif
@ -285,23 +332,39 @@
@if ($total->code != 'total') @if ($total->code != 'total')
@stack($total->code . '_total_tr_start') @stack($total->code . '_total_tr_start')
<div class="text border-bottom-dashed py-1"> <div class="text border-bottom-dashed py-1">
<strong class="float-left text-semibold">{{ trans($total->title) }}:</strong> <strong class="float-left text-semibold">
<span>@money($total->amount, $document->currency_code, true)</span> {{ trans($total->title) }}:
</strong>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div> </div>
@stack($total->code . '_total_tr_end') @stack($total->code . '_total_tr_end')
@else @else
@if ($document->paid) @if ($document->paid)
@stack('paid_total_tr_start') @stack('paid_total_tr_start')
<div class="text border-bottom-dashed py-1"> <div class="text border-bottom-dashed py-1">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span> <span class="float-left text-semibold">
<span>- @money($document->paid, $document->currency_code, true)</span> {{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div> </div>
@stack('paid_total_tr_end') @stack('paid_total_tr_end')
@endif @endif
@stack('grand_total_tr_start') @stack('grand_total_tr_start')
<div class="text border-bottom-dashed py-1"> <div class="text border-bottom-dashed py-1">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span> <span class="float-left text-semibold">
<span>@money($document->amount_due, $document->currency_code, true)</span> {{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div> </div>
@stack('grand_total_tr_end') @stack('grand_total_tr_end')
@endif @endif
@ -309,12 +372,14 @@
</div> </div>
</div> </div>
@if (!$hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-1"> <div class="row mt-1">
<div class="col-100"> <div class="col-100">
<div class="text company"> <div class="text company">
<strong>{!! nl2br($document->footer) !!}</strong> <strong>
{!! nl2br($document->footer) !!}
</strong>
</div> </div>
</div> </div>
</div> </div>

130
resources/views/components/documents/template/default.blade.php
View File

@ -12,8 +12,8 @@
<div class="col-58"> <div class="col-58">
<div class="text"> <div class="text">
@stack('company_logo_start') @stack('company_logo_start')
@if (!$hideCompanyLogo) @if (! $hideCompanyLogo)
@if (!empty($document->contact->logo) && !empty($document->contact->logo->id)) @if (! empty($document->contact->logo) && ! empty($document->contact->logo->id))
<img class="d-logo w-image" src="{{ $logo }}" alt="{{ $document->contact_name }}"/> <img class="d-logo w-image" src="{{ $logo }}" alt="{{ $document->contact_name }}"/>
@else @else
<img class="d-logo w-image" src="{{ $logo }}" alt="{{ setting('company.name') }}"/> <img class="d-logo w-image" src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
@ -31,19 +31,20 @@
{{ $textDocumentSubheading }} {{ $textDocumentSubheading }}
</p> </p>
@endif @endif
@if (!$hideCompanyDetails)
@if (!$hideCompanyName) @if (! $hideCompanyDetails)
@if (! $hideCompanyName)
<p>{{ setting('company.name') }}</p> <p>{{ setting('company.name') }}</p>
@endif @endif
@if (!$hideCompanyAddress) @if (! $hideCompanyAddress)
<p> <p>
{!! nl2br(setting('company.address')) !!} {!! nl2br(setting('company.address')) !!}
{!! $document->company->location !!} {!! $document->company->location !!}
</p> </p>
@endif @endif
@if (!$hideCompanyTaxNumber) @if (! $hideCompanyTaxNumber)
@if (setting('company.tax_number')) @if (setting('company.tax_number'))
<p> <p>
@ -53,17 +54,15 @@
@endif @endif
@if (!$hideCompanyPhone) @if (! $hideCompanyPhone)
@if (setting('company.phone')) @if (setting('company.phone'))
<p> <p>
{{ setting('company.phone') }} {{ setting('company.phone') }}
</p> </p>
@endif @endif
@endif @endif
@if (!$hideCompanyEmail) @if (! $hideCompanyEmail)
<p class="small-text">{{ setting('company.email') }}</p> <p class="small-text">{{ setting('company.email') }}</p>
@endif @endif
@endif @endif
@ -80,13 +79,13 @@
@endif @endif
@stack('name_input_start') @stack('name_input_start')
@if (!$hideContactName) @if (! $hideContactName)
<p>{{ $document->contact_name }}</p> <p>{{ $document->contact_name }}</p>
@endif @endif
@stack('name_input_end') @stack('name_input_end')
@stack('address_input_start') @stack('address_input_start')
@if (!$hideContactAddress) @if (! $hideContactAddress)
<p> <p>
{!! nl2br($document->contact_address) !!} {!! nl2br($document->contact_address) !!}
<br> <br>
@ -96,7 +95,7 @@
@stack('address_input_end') @stack('address_input_end')
@stack('tax_number_input_start') @stack('tax_number_input_start')
@if (!$hideContactTaxNumber) @if (! $hideContactTaxNumber)
@if ($document->contact_tax_number) @if ($document->contact_tax_number)
<p> <p>
<span class="text-medium text-default"> <span class="text-medium text-default">
@ -109,7 +108,7 @@
@stack('tax_number_input_end') @stack('tax_number_input_end')
@stack('phone_input_start') @stack('phone_input_start')
@if (!$hideContactPhone) @if (! $hideContactPhone)
@if ($document->contact_phone) @if ($document->contact_phone)
<p> <p>
{{ $document->contact_phone }} {{ $document->contact_phone }}
@ -119,7 +118,7 @@
@stack('phone_input_end') @stack('phone_input_end')
@stack('email_start') @stack('email_start')
@if (!$hideContactEmail) @if (! $hideContactEmail)
<p class="small-text"> <p class="small-text">
{{ $document->contact_email }} {{ $document->contact_email }}
</p> </p>
@ -131,48 +130,59 @@
<div class="col-40"> <div class="col-40">
<div class="text p-index-right"> <div class="text p-index-right">
@stack('document_number_input_start') @stack('document_number_input_start')
@if (!$hideDocumentNumber) @if (! $hideDocumentNumber)
<p class="mb-0"> <p class="mb-0">
<span class="font-semibold spacing w-numbers"> <span class="font-semibold spacing w-numbers">
{{ trans($textDocumentNumber) }}: {{ trans($textDocumentNumber) }}:
</span> </span>
<span class="float-right spacing">{{ $document->document_number }}</span>
</p>
<span class="float-right spacing">
{{ $document->document_number }}
</span>
</p>
@endif @endif
@stack('document_number_input_end') @stack('document_number_input_end')
@stack('order_number_input_start') @stack('order_number_input_start')
@if (!$hideOrderNumber) @if (! $hideOrderNumber)
@if ($document->order_number) @if ($document->order_number)
<p class="mb-0"> <p class="mb-0">
<span class="font-semibold spacing w-numbers"> <span class="font-semibold spacing w-numbers">
{{ trans($textOrderNumber) }}: {{ trans($textOrderNumber) }}:
</span> </span>
<span class="float-right spacing">{{ $document->order_number }}</span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p> </p>
@endif @endif
@endif @endif
@stack('order_number_input_end') @stack('order_number_input_end')
@stack('issued_at_input_start') @stack('issued_at_input_start')
@if (!$hideIssuedAt) @if (! $hideIssuedAt)
<p class="mb-0"> <p class="mb-0">
<span class="font-semibold spacing w-numbers"> <span class="font-semibold spacing w-numbers">
{{ trans($textIssuedAt) }}: {{ trans($textIssuedAt) }}:
</span> </span>
<span class="float-right spacing">@date($document->issued_at)</span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p> </p>
@endif @endif
@stack('issued_at_input_end') @stack('issued_at_input_end')
@stack('due_at_input_start') @stack('due_at_input_start')
@if (!$hideDueAt) @if (! $hideDueAt)
<p class="mb-0"> <p class="mb-0">
<span class="font-semibold spacing w-numbers"> <span class="font-semibold spacing w-numbers">
{{ trans($textDueAt) }}: {{ trans($textDueAt) }}:
</span> </span>
<span class="float-right spacing">@date($document->due_at)</span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p> </p>
@endif @endif
@stack('due_at_input_end') @stack('due_at_input_end')
@ -180,7 +190,7 @@
</div> </div>
</div> </div>
@if (!$hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -188,38 +198,49 @@
<thead class="bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;"> <thead class="bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<tr> <tr>
@stack('name_th_start') @stack('name_th_start')
@if (!$hideItems || (!$hideName && !$hideDescription)) @if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th> <th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif @endif
@stack('name_th_end') @stack('name_th_end')
@stack('quantity_th_start') @stack('quantity_th_start')
@if (!$hideQuantity) @if (! $hideQuantity)
<th class="quantity text text-semibold text-alignment-right text-right text-white">{{ trans($textQuantity) }}</th> <th class="quantity text text-semibold text-alignment-right text-right text-white">
{{ trans($textQuantity) }}
</th>
@endif @endif
@stack('quantity_th_end') @stack('quantity_th_end')
@stack('price_th_start') @stack('price_th_start')
@if (!$hidePrice) @if (! $hidePrice)
<th class="price text text-semibold text-alignment-right text-right text-white">{{ trans($textPrice) }}</th> <th class="price text text-semibold text-alignment-right text-right text-white">
{{ trans($textPrice) }}
</th>
@endif @endif
@stack('price_th_end') @stack('price_th_end')
@if (!$hideDiscount) @if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both'])) @if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start') @stack('discount_td_start')
<th class="discount text text-semibold text-alignment-right text-right text-white">{{ trans('invoices.discount') }}</th> <th class="discount text text-semibold text-alignment-right text-right text-white">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end') @stack('discount_td_end')
@endif @endif
@endif @endif
@stack('total_th_start') @stack('total_th_start')
@if (!$hideAmount) @if (! $hideAmount)
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">{{ trans($textAmount) }}</th> <th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">
{{ trans($textAmount) }}
</th>
@endif @endif
@stack('total_th_end') @stack('total_th_end')
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@if ($document->items->count()) @if ($document->items->count())
@foreach($document->items as $item) @foreach($document->items as $item)
@ -255,7 +276,10 @@
<div class="text p-index-left"> <div class="text p-index-left">
@stack('notes_input_start') @stack('notes_input_start')
@if ($document->notes) @if ($document->notes)
<p class="text-semibold">{{ trans_choice('general.notes', 2) }}</p> <p class="text-semibold">
{{ trans_choice('general.notes', 2) }}
</p>
{!! nl2br($document->notes) !!} {!! nl2br($document->notes) !!}
@endif @endif
@stack('notes_input_end') @stack('notes_input_end')
@ -267,23 +291,39 @@
@if ($total->code != 'total') @if ($total->code != 'total')
@stack($total->code . '_total_tr_start') @stack($total->code . '_total_tr_start')
<div class="text border-bottom-1 py-1"> <div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans($total->title) }}:</span> <span class="float-left text-semibold">
<span>@money($total->amount, $document->currency_code, true)</span> {{ trans($total->title) }}:
</span>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div> </div>
@stack($total->code . '_total_tr_end') @stack($total->code . '_total_tr_end')
@else @else
@if ($document->paid) @if ($document->paid)
@stack('paid_total_tr_start') @stack('paid_total_tr_start')
<div class="text border-bottom-1 py-1"> <div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span> <span class="float-left text-semibold">
<span>- @money($document->paid, $document->currency_code, true)</span> {{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div> </div>
@stack('paid_total_tr_end') @stack('paid_total_tr_end')
@endif @endif
@stack('grand_total_tr_start') @stack('grand_total_tr_start')
<div class="text border-bottom-1 py-1"> <div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span> <span class="float-left text-semibold">
<span>@money($document->amount_due, $document->currency_code, true)</span> {{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div> </div>
@stack('grand_total_tr_end') @stack('grand_total_tr_end')
@endif @endif
@ -291,12 +331,14 @@
</div> </div>
</div> </div>
@if (!$hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-4"> <div class="row mt-4">
<div class="col-100 text-left"> <div class="col-100 text-left">
<div class="text"> <div class="text">
<strong>{!! nl2br($document->footer) !!}</strong> <strong>
{!! nl2br($document->footer) !!}
</strong>
</div> </div>
</div> </div>
</div> </div>

187
resources/views/components/documents/template/modern.blade.php
View File

@ -12,8 +12,8 @@
<div class="col-58"> <div class="col-58">
<div class="text p-modern"> <div class="text p-modern">
@stack('company_logo_start') @stack('company_logo_start')
@if (!$hideCompanyLogo) @if (! $hideCompanyLogo)
@if (!empty($document->contact->logo) && !empty($document->contact->logo->id)) @if (! empty($document->contact->logo) && ! empty($document->contact->logo->id))
<img class="w-image radius-circle" src="{{ $logo }}" alt="{{ $document->contact_name }}"/> <img class="w-image radius-circle" src="{{ $logo }}" alt="{{ $document->contact_name }}"/>
@else @else
<img class="w-image radius-circle" src="{{ $logo }}" alt="{{ setting('company.name') }}" /> <img class="w-image radius-circle" src="{{ $logo }}" alt="{{ setting('company.name') }}" />
@ -31,24 +31,29 @@
{{ $textDocumentSubheading }} {{ $textDocumentSubheading }}
</p> </p>
@endif @endif
@if (!$hideCompanyName)
<p class="text-white">{{ setting('company.name') }}</p> @if (! $hideCompanyName)
<p class="text-white">
{{ setting('company.name') }}
</p>
@endif @endif
@if (!$hideCompanyDetails)
@if (!$hideCompanyAddress) @if (! $hideCompanyDetails)
@if (! $hideCompanyAddress)
<p class="text-white"> <p class="text-white">
{!! nl2br(setting('company.address')) !!} {!! nl2br(setting('company.address')) !!}
{!! $document->company->location !!} {!! $document->company->location !!}
</p> </p>
@endif @endif
@if (!$hideCompanyTaxNumber) @if (! $hideCompanyTaxNumber)
<p class="text-white"> <p class="text-white">
@if (setting('company.tax_number')) @if (setting('company.tax_number'))
<span class="text-medium text-default"> <span class="text-medium text-default">
{{ trans('general.tax_number') }}: {{ trans('general.tax_number') }}:
</span> </span>
{{ setting('company.tax_number') }}
{{ setting('company.tax_number') }}
@endif @endif
</p> </p>
@endif @endif
@ -62,7 +67,9 @@
@endif @endif
@if (!$hideCompanyEmail) @if (!$hideCompanyEmail)
<p class="small-text text-white">{{ setting('company.email') }}</p> <p class="small-text text-white">
{{ setting('company.email') }}
</p>
@endif @endif
@endif @endif
@stack('company_details_end') @stack('company_details_end')
@ -74,31 +81,37 @@
<div class="col-50"> <div class="col-50">
<div class="text p-modern"> <div class="text p-modern">
@if (! $hideContactInfo) @if (! $hideContactInfo)
<p class="text-semibold mb-0">{{ trans($textContactInfo) }}</p> <p class="text-semibold mb-0">
{{ trans($textContactInfo) }}
</p>
@endif @endif
@stack('name_input_start') @stack('name_input_start')
@if (!$hideContactName) @if (! $hideContactName)
<p>{{ $document->contact_name }}</p> <p>
{{ $document->contact_name }}
</p>
@endif @endif
@stack('name_input_end') @stack('name_input_end')
@stack('address_input_start') @stack('address_input_start')
@if (!$hideContactAddress) @if (! $hideContactAddress)
<p> <p>
{!! nl2br($document->contact_address) !!} <br/> {!! nl2br($document->contact_address) !!}
<br/>
{!! $document->contact_location !!} {!! $document->contact_location !!}
</p> </p>
@endif @endif
@stack('address_input_end') @stack('address_input_end')
@stack('tax_number_input_start') @stack('tax_number_input_start')
@if (!$hideContactTaxNumber) @if (! $hideContactTaxNumber)
@if ($document->contact_tax_number) @if ($document->contact_tax_number)
<p> <p>
<span class="text-medium text-default"> <span class="text-medium text-default">
{{ trans('general.tax_number') }}: {{ trans('general.tax_number') }}:
</span> </span>
{{ $document->contact_tax_number }} {{ $document->contact_tax_number }}
</p> </p>
@endif @endif
@ -106,7 +119,7 @@
@stack('tax_number_input_end') @stack('tax_number_input_end')
@stack('phone_input_start') @stack('phone_input_start')
@if (!$hideContactPhone) @if (! $hideContactPhone)
@if ($document->contact_phone) @if ($document->contact_phone)
<p> <p>
{{ $document->contact_phone }} {{ $document->contact_phone }}
@ -116,9 +129,9 @@
@stack('phone_input_end') @stack('phone_input_end')
@stack('email_start') @stack('email_start')
@if (!$hideContactEmail) @if (! $hideContactEmail)
<p> <p>
{{ $document->contact_email }} {{ $document->contact_email }}
</p> </p>
@endif @endif
@stack('email_input_end') @stack('email_input_end')
@ -128,47 +141,67 @@
<div class="col-50"> <div class="col-50">
<div class="text p-modern"> <div class="text p-modern">
@stack('order_number_input_start') @stack('order_number_input_start')
@if (!$hideOrderNumber) @if (! $hideOrderNumber)
@if ($document->order_number) @if ($document->order_number)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textOrderNumber) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">{{ $document->order_number }}</span> {{ trans($textOrderNumber) }}:
</p> </span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p>
@endif @endif
@endif @endif
@stack('order_number_input_end') @stack('order_number_input_end')
@stack('invoice_number_input_start') @stack('invoice_number_input_start')
@if (!$hideDocumentNumber) @if (! $hideDocumentNumber)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDocumentNumber) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">{{ $document->document_number }}</span> {{ trans($textDocumentNumber) }}:
</p> </span>
<span class="float-right spacing">
{{ $document->document_number }}
</span>
</p>
@endif @endif
@stack('invoice_number_input_end') @stack('invoice_number_input_end')
@stack('issued_at_input_start') @stack('issued_at_input_start')
@if (!$hideIssuedAt) @if (! $hideIssuedAt)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textIssuedAt) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">@date($document->issued_at)</span> {{ trans($textIssuedAt) }}:
</p> </span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p>
@endif @endif
@stack('issued_at_input_end') @stack('issued_at_input_end')
@stack('due_at_input_start') @stack('due_at_input_start')
@if (!$hideDueAt) @if (! $hideDueAt)
<p class="mb-0"> <p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDueAt) }}:</span> <span class="text-semibold spacing">
<span class="float-right spacing">@date($document->due_at)</span> {{ trans($textDueAt) }}:
</p> </span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p>
@endif @endif
@stack('due_at_input_end') @stack('due_at_input_end')
</div> </div>
</div> </div>
</div> </div>
@if (!$hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -176,38 +209,49 @@
<thead class="bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;"> <thead class="bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<tr> <tr>
@stack('name_th_start') @stack('name_th_start')
@if (!$hideItems || (!$hideName && !$hideDescription)) @if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th> <th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif @endif
@stack('name_th_end') @stack('name_th_end')
@stack('quantity_th_start') @stack('quantity_th_start')
@if (!$hideQuantity) @if (! $hideQuantity)
<th class="quantity text text-semibold text-white text-alignment-right text-right">{{ trans($textQuantity) }}</th> <th class="quantity text text-semibold text-white text-alignment-right text-right">
{{ trans($textQuantity) }}
</th>
@endif @endif
@stack('quantity_th_end') @stack('quantity_th_end')
@stack('price_th_start') @stack('price_th_start')
@if (!$hidePrice) @if (! $hidePrice)
<th class="price text text-semibold text-white text-alignment-right text-right">{{ trans($textPrice) }}</th> <th class="price text text-semibold text-white text-alignment-right text-right">
{{ trans($textPrice) }}
</th>
@endif @endif
@stack('price_th_end') @stack('price_th_end')
@if (!$hideDiscount) @if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both'])) @if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start') @stack('discount_td_start')
<th class="discount text text-semibold text-white text-alignment-right text-right">{{ trans('invoices.discount') }}</th> <th class="discount text text-semibold text-white text-alignment-right text-right">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end') @stack('discount_td_end')
@endif @endif
@endif @endif
@stack('total_th_start') @stack('total_th_start')
@if (!$hideAmount) @if (! $hideAmount)
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">{{ trans($textAmount) }}</th> <th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">
{{ trans($textAmount) }}
</th>
@endif @endif
@stack('total_th_end') @stack('total_th_end')
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@if ($document->items->count()) @if ($document->items->count())
@foreach($document->items as $item) @foreach($document->items as $item)
@ -243,7 +287,10 @@
<div class="text p-index-right p-modern"> <div class="text p-index-right p-modern">
@stack('notes_input_start') @stack('notes_input_start')
@if ($document->notes) @if ($document->notes)
<p class="text-semibold">{{ trans_choice('general.notes', 2) }}</p> <p class="text-semibold">
{{ trans_choice('general.notes', 2) }}
</p>
{!! nl2br($document->notes) !!} {!! nl2br($document->notes) !!}
@endif @endif
@stack('notes_input_end') @stack('notes_input_end')
@ -255,23 +302,39 @@
@if ($total->code != 'total') @if ($total->code != 'total')
@stack($total->code . '_total_tr_start') @stack($total->code . '_total_tr_start')
<div class="text"> <div class="text">
<span class="float-left text-semibold">{{ trans($total->title) }}:</span> <span class="float-left text-semibold">
<span>@money($total->amount, $document->currency_code, true)</span> {{ trans($total->title) }}:
</span>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div> </div>
@stack($total->code . '_total_tr_end') @stack($total->code . '_total_tr_end')
@else @else
@if ($document->paid) @if ($document->paid)
@stack('paid_total_tr_start') @stack('paid_total_tr_start')
<div class="text"> <div class="text">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span> <span class="float-left text-semibold">
<span>- @money($document->paid, $document->currency_code, true)</span> {{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div> </div>
@stack('paid_total_tr_end') @stack('paid_total_tr_end')
@endif @endif
@stack('grand_total_tr_start') @stack('grand_total_tr_start')
<div class="text"> <div class="text">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span> <span class="float-left text-semibold">
<span>@money($document->amount_due, $document->currency_code, true)</span> {{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div> </div>
@stack('grand_total_tr_end') @stack('grand_total_tr_end')
@endif @endif
@ -279,12 +342,14 @@
</div> </div>
</div> </div>
@if (!$hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-7"> <div class="row mt-7">
<div class="col-100 py-top p-modern bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;"> <div class="col-100 py-top p-modern bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<div class="text pl-2"> <div class="text pl-2">
<strong class="text-white">{!! nl2br($document->footer) !!}</strong> <strong class="text-white">
{!! nl2br($document->footer) !!}
</strong>
</div> </div>
</div> </div>
</div> </div>