akaunting 3.0 (the last dance)
This commit is contained in:
Burak Civan
@ -1,43 +1,38 @@
|
||||
<div class="accordion">
|
||||
<div class="card border-1 box-shadow-none">
|
||||
<div class="card-header background-none collapsed" id="accordion-recurring-and-more-header" data-toggle="collapse" data-target="#accordion-recurring-and-more-body" aria-expanded="false" aria-controls="accordion-recurring-and-more-body">
|
||||
<h4 class="mb-0">{{ trans($textAdvancedAccordion) }}</h4>
|
||||
</div>
|
||||
<x-form.accordion type="advanced">
|
||||
<x-slot name="head">
|
||||
<x-form.accordion.head
|
||||
title="{{ trans_choice($textSectionAdvancedTitle, 1) }}"
|
||||
description="{{ trans($textSectionAdvancedDescription, ['type' => $type]) }}"
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<div id="accordion-recurring-and-more-body" class="collapse hide" aria-labelledby="accordion-recurring-and-more-header">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
@stack('recurring_row_start')
|
||||
@if (!$hideRecurring)
|
||||
<div class="{{ $recurring_class }}">
|
||||
@if (!empty($document))
|
||||
{{ Form::recurring('edit', $document, 'col-md-12') }}
|
||||
@else
|
||||
{{ Form::recurring('create', null, 'col-md-12') }}
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
@stack('recurring_row_end')
|
||||
<x-slot name="body">
|
||||
@stack('footer_start')
|
||||
|
||||
@stack('more_row_start')
|
||||
@if (!$hideCategory)
|
||||
<div class="{{ $more_class }}">
|
||||
@if (!$hideCategory)
|
||||
{{ Form::selectRemoteAddNewGroup('category_id', trans_choice('general.categories', 1), 'folder', $categories, $document->category_id ?? setting('default.' . $categoryType . '_category'), ['required' => 'required', 'path' => route('modals.categories.create') . '?type=' . $categoryType, 'remote_action' => route('categories.index'). '?search=type:' . $categoryType . ' enabled:1'], $more_form_class) }}
|
||||
@endif
|
||||
</div>
|
||||
@else
|
||||
{{ Form::hidden('category_id', $document->category_id ?? setting('default.' . $categoryType . '_category')) }}
|
||||
@endif
|
||||
@stack('more_row_end')
|
||||
|
||||
@if (!$hideAttachment)
|
||||
<div class="col-md-12">
|
||||
{{ Form::fileGroup('attachment', trans('general.attachment'), '', ['dropzone-class' => 'w-100', 'multiple' => 'multiple', 'options' => ['acceptedFiles' => $file_types]], !empty($document) ? $document->attachment : null , 'col-md-12') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@if (! $hideFooter)
|
||||
<div class="{{ $classFooter }}">
|
||||
<x-form.group.textarea name="footer" label="{{ trans('general.footer') }}" :value="$footer" not-required rows="7" />
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="sm:col-span-4 grid gap-x-8 gap-y-1">
|
||||
@stack('category_start')
|
||||
|
||||
@if (! $hideCategory)
|
||||
<div class="{{ $classCategory }}">
|
||||
<x-form.group.category :type="$typeCategory" :selected="$categoryId" />
|
||||
</div>
|
||||
@else
|
||||
<x-form.input.hidden name="category_id" :value="$categoryId" />
|
||||
@endif
|
||||
|
||||
@stack('attachment_end')
|
||||
|
||||
@if (! $hideAttachment)
|
||||
<div class="{{ $classAttachment }}">
|
||||
<x-form.group.attachment />
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-form.accordion>
|
||||
|
||||
@ -1,7 +1,16 @@
|
||||
<div class="card">
|
||||
<div class="card-footer">
|
||||
<div class="row save-buttons">
|
||||
{{ Form::saveButtons($routeCancel) }}
|
||||
</div>
|
||||
<x-form.section>
|
||||
<x-slot name="foot">
|
||||
<div class="flex justify-end">
|
||||
<x-form.buttons cancel-route="{{ $cancelRoute }}" />
|
||||
|
||||
@if (! $hideSendTo)
|
||||
<x-button
|
||||
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 ltr:ml-2 rtl:mr-2 text-base rounded-lg disabled:bg-green-100"
|
||||
override="class"
|
||||
>
|
||||
{{ trans('general.send_to') }}
|
||||
</x-button>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-form.section>
|
||||
|
||||
@ -1,51 +1,53 @@
|
||||
<div class="accordion">
|
||||
<div class="card border-1 box-shadow-none">
|
||||
<div class="card-header background-none collapsed" id="accordion-company-header" data-toggle="collapse" data-target="#accordion-company-body" aria-expanded="false" aria-controls="accordion-company-body">
|
||||
<h4 class="mb-0">{{ trans_choice('general.companies', 1) }}</h4>
|
||||
<x-form.accordion type="company">
|
||||
<x-slot name="head">
|
||||
<x-form.accordion.head
|
||||
title="{{ trans_choice($textSectionCompaniesTitle, 1) }}"
|
||||
description="{{ trans($textSectionCompaniesDescription) }}"
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="body">
|
||||
<div class="sm:col-span-2 grid gap-x-8 gap-y-6">
|
||||
@if (! $hideDocumentTitle)
|
||||
<x-form.group.text name="title" label="{{ trans('settings.invoice.title') }}" value="{{ $titleSetting }}" not-required data-field="setting" />
|
||||
@endif
|
||||
|
||||
@if (! $hideDocumentSubheading)
|
||||
<x-form.group.text name="subheading" label="{{ trans('settings.invoice.subheading') }}" value="{{ $subheadingSetting }}" not-required data-field="setting" />
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div id="accordion-company-body" class="collapse hide" aria-labelledby="accordion-company-header">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
||||
@if (!$hideLogo)
|
||||
{{ Form::fileGroup('company_logo', trans('settings.company.logo'), 'file-image-o', ['data-field' => 'setting'], setting('company.logo')) }}
|
||||
@endif
|
||||
</div>
|
||||
<div class="sm:col-span-1"></div>
|
||||
|
||||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
||||
@if (!$hideDocumentTitle)
|
||||
{{ Form::textGroup('title', trans('settings.invoice.title'), 'font', ['data-field' => 'setting'], $titleSetting, 'col-md-12') }}
|
||||
@endif
|
||||
|
||||
@if (!$hideDocumentSubheading)
|
||||
{{ Form::textGroup('subheading', trans('settings.invoice.subheading'), 'font', ['data-field' => 'setting'], $subheadingSetting, 'col-md-12') }}
|
||||
@endif
|
||||
|
||||
@if (!$hideCompanyEdit)
|
||||
<akaunting-company-edit company-id="{{ company_id() }}"
|
||||
button-text="{{ trans('settings.company.edit_your_business_address') }}"
|
||||
tax-number-text="{{ trans('general.tax_number') }}"
|
||||
:company="{{ json_encode($company) }}"
|
||||
:company-form="{{ json_encode([
|
||||
'show' => true,
|
||||
'text' => trans('settings.company.edit_your_business_address'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary'
|
||||
],
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'btn-success'
|
||||
]
|
||||
]
|
||||
])}}"
|
||||
></akaunting-company-edit>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
@if (! $hideLogo)
|
||||
<x-form.group.file name="company_logo" label="{{ trans('settings.company.logo') }}" :value="setting('company.logo')" not-required data-field="setting" />
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-2 relative">
|
||||
@if (! $hideCompanyEdit)
|
||||
<akaunting-company-edit
|
||||
company-id="{{ company_id() }}"
|
||||
button-text="{{ trans('settings.company.edit_your_business_address') }}"
|
||||
tax-number-text="{{ trans('general.tax_number') }}"
|
||||
:company="{{ json_encode($company) }}"
|
||||
:company-form="{{ json_encode([
|
||||
'show' => true,
|
||||
'text' => trans('settings.company.edit_your_business_address'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary'
|
||||
],
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'disabled:bg-green-100'
|
||||
]
|
||||
]
|
||||
])}}"
|
||||
></akaunting-company-edit>
|
||||
@endif
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-form.accordion>
|
||||
|
||||
33
resources/views/components/documents/form/contact.blade.php
Normal file
33
resources/views/components/documents/form/contact.blade.php
Normal file
@ -0,0 +1,33 @@
|
||||
<akaunting-contact-card
|
||||
placeholder="{{ $placeholder }}"
|
||||
no-data-text="{{ trans('general.no_data') }}"
|
||||
no-matching-data-text="{{ trans('general.no_matching_data') }}"
|
||||
search-route="{{ $searchRoute }}"
|
||||
create-route="{{ $createRoute }}"
|
||||
:contacts="{{ json_encode($contacts) }}"
|
||||
:selected="{{ json_encode($contact) }}"
|
||||
add-contact-text="{{ is_array($textAddContact) ? trans($textAddContact[0], ['field' => trans_choice($textAddContact[1], 1)]) : trans($textAddContact) }}"
|
||||
create-new-contact-text="{{ is_array($textCreateNewContact) ? trans($textCreateNewContact[0], ['field' => trans_choice($textCreateNewContact[1], 1)]) : trans($textCreateNewContact) }}"
|
||||
edit-contact-text="{{ is_array($textEditContact) ? trans($textEditContact[0], ['field' => trans_choice($textEditContact[1], 1)]) : trans($textEditContact) }}"
|
||||
contact-info-text="{{ is_array($textContactInfo) ? trans($textContactInfo[0], ['field' => trans_choice($textContactInfo[1], 1)]) : trans($textContactInfo) }}"
|
||||
tax-number-text="{{ trans('general.tax_number') }}"
|
||||
choose-different-contact-text="{{ is_array($textChooseDifferentContact) ? trans($textChooseDifferentContact[0], ['field' => Str::lower(trans_choice($textChooseDifferentContact[1], 1))]) : trans($textChooseDifferentContact) }}"
|
||||
:add-new="{{ json_encode([
|
||||
'status' => true,
|
||||
'text' => trans('general.add_new'),
|
||||
'new_text' => trans('modules.new'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary'
|
||||
],
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'disabled:bg-green-100'
|
||||
]
|
||||
]
|
||||
])}}"
|
||||
:error="{{ $error }}"
|
||||
|
||||
@change="onChangeContactCard"
|
||||
></akaunting-contact-card>
|
||||
@ -1,105 +1,31 @@
|
||||
@if (empty($document))
|
||||
{!! Form::open([
|
||||
'route' => $routeStore,
|
||||
'id' => $formId,
|
||||
'@submit.prevent' => $formSubmit,
|
||||
'@keydown' => 'form.errors.clear($event.target.name)',
|
||||
'files' => true,
|
||||
'role' => 'form',
|
||||
'class' => 'form-loading-button',
|
||||
'novalidate' => true
|
||||
]) !!}
|
||||
@else
|
||||
{!! Form::model($document, [
|
||||
'route' => [$routeUpdate, $document->id],
|
||||
'id' => $formId,
|
||||
'method' => 'PATCH',
|
||||
'@submit.prevent' => $formSubmit,
|
||||
'@keydown' => 'form.errors.clear($event.target.name)',
|
||||
'files' => true,
|
||||
'role' => 'form',
|
||||
'class' => 'form-loading-button',
|
||||
'novalidate' => true
|
||||
]) !!}
|
||||
@endif
|
||||
@if (!$hideCompany)
|
||||
<x-documents.form.company
|
||||
type="{{ $type }}"
|
||||
hide-logo="{{ $hideLogo }}"
|
||||
hide-document-title="{{ $hideDocumentTitle }}"
|
||||
hide-document-subheading="{{ $hideDocumentSubheading }}"
|
||||
hide-company-edit="{{ $hideCompanyEdit }}"
|
||||
title-setting="{{ $titleSetting }}"
|
||||
/>
|
||||
<x-loading.content />
|
||||
<div class="relative mt-4">
|
||||
<x-form
|
||||
id="{{ $formId }}"
|
||||
:route="$formRoute"
|
||||
method="{{ $formMethod }}"
|
||||
:model="$contact"
|
||||
>
|
||||
@if (! $hideCompany)
|
||||
<x-documents.form.company :type="$type" />
|
||||
@endif
|
||||
|
||||
<x-documents.form.main
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
hide-contact="{{ $hideContact }}"
|
||||
contact-type="{{ $contactType }}"
|
||||
:contact="$contact"
|
||||
:contacts="$contacts"
|
||||
:search-route="$contactSearchRoute"
|
||||
:create-route="$contactCreateRoute"
|
||||
hide-issued-at="{{ $hideIssuedAt }}"
|
||||
text-issued-at="{{ $textIssuedAt }}"
|
||||
issued-at="{{ $issuedAt }}"
|
||||
hide-document-number="{{ $hideDocumentNumber }}"
|
||||
text-document-number="{{ $textDocumentNumber }}"
|
||||
document-number="{{ $documentNumber }}"
|
||||
hide-due-at="{{ $hideDueAt }}"
|
||||
text-due-at="{{ $textDueAt }}"
|
||||
due-at="{{ $dueAt }}"
|
||||
hide-order-number="{{ $hideOrderNumber }}"
|
||||
text-order-number="{{ $textOrderNumber }}"
|
||||
order-number="{{ $orderNumber }}"
|
||||
hide-edit-item-columns="{{ $hideEditItemColumns }}"
|
||||
hide-items="{{ $hideItems }}"
|
||||
hide-name="{{ $hideName }}"
|
||||
hide-description="{{ $hideDescription }}"
|
||||
text-items="{{ $textItems }}"
|
||||
hide-quantity="{{ $hideQuantity }}"
|
||||
text-quantity="{{ $textQuantity }}"
|
||||
hide-price="{{ $hidePrice }}"
|
||||
text-price="{{ $textPrice }}"
|
||||
hide-discount="{{ $hideDiscount }}"
|
||||
hide-amount="{{ $hideAmount }}"
|
||||
text-amount="{{ $textAmount }}"
|
||||
is-sale-price="{{ $isSalePrice }}"
|
||||
is-purchase-price="{{ $isPurchasePrice }}"
|
||||
search-char-limit="{{ $searchCharLimit }}"
|
||||
notes-setting="{{ $notesSetting }}"
|
||||
/>
|
||||
<x-documents.form.main type="{{ $type }}" />
|
||||
|
||||
@if (!$hideFooter)
|
||||
<x-documents.form.footer
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
footer-setting="{{ $footerSetting }}"
|
||||
/>
|
||||
@if ($showRecurring)
|
||||
<x-documents.form.recurring type="{{ $type }}" />
|
||||
@endif
|
||||
|
||||
@if (!$hideAdvanced)
|
||||
<x-documents.form.advanced
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
category-type="{{ $categoryType }}"
|
||||
hide-recurring="{{ $hideRecurring }}"
|
||||
hide-category="{{ $hideCategory }}"
|
||||
hide-attachment="{{ $hideAttachment }}"
|
||||
/>
|
||||
@if (! $hideAdvanced)
|
||||
<x-documents.form.advanced type="{{ $type }}" />
|
||||
@endif
|
||||
|
||||
@if (!$hideButtons)
|
||||
<x-documents.form.buttons
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
route-cancel="{{ $routeCancel }}"
|
||||
/>
|
||||
@endif
|
||||
<x-form.input.hidden name="type" :value="old('type', $type)" v-model="form.type" />
|
||||
<x-form.input.hidden name="status" :value="old('status', $status)" v-model="form.status" />
|
||||
<x-form.input.hidden name="amount" :value="old('amount', '0')" v-model="form.amount" />
|
||||
|
||||
{{ Form::hidden('type', old('type', $type), ['id' => 'type', 'v-model' => 'form.type']) }}
|
||||
{{ Form::hidden('status', old('status', $status), ['id' => 'status', 'v-model' => 'form.status']) }}
|
||||
{{ Form::hidden('amount', old('amount', '0'), ['id' => 'amount', 'v-model' => 'form.amount']) }}
|
||||
{!! Form::close() !!}
|
||||
@if (! $hideButtons)
|
||||
<x-documents.form.buttons :type="$type" />
|
||||
@endif
|
||||
</x-form>
|
||||
</div>
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
|
||||
<div class="accordion">
|
||||
<div class="card border-1 box-shadow-none">
|
||||
<div class="card-header background-none collapsed" id="accordion-footer-header" data-toggle="collapse" data-target="#accordion-footer-body" aria-expanded="false" aria-controls="accordion-footer-body">
|
||||
<h4 class="mb-0">{{ trans('general.footer') }}</h4>
|
||||
</div>
|
||||
|
||||
<div id="accordion-footer-body" class="collapse hide" aria-labelledby="accordion-footer-header">
|
||||
{{ Form::textareaGroup('footer', '', '', $footerSetting, ['rows' => '3'], 'embed-acoordion-textarea') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,13 @@
|
||||
<akaunting-item-button
|
||||
placeholder="{{ trans('general.placeholder.item_search') }}"
|
||||
no-data-text="{{ trans('general.no_data') }}"
|
||||
no-matching-data-text="{{ trans('general.no_matching_data') }}"
|
||||
type="{{ $type }}"
|
||||
price="{{ $price }}"
|
||||
:dynamic-currency="currency"
|
||||
:items="{{ json_encode($items) }}"
|
||||
:search-char-limit="{{ $searchCharLimit }}"
|
||||
@item="onSelectedItem($event)"
|
||||
add-item-text="{{ trans('general.form.add_an', ['field' => trans_choice('general.items', 1)]) }}"
|
||||
create-new-item-text="{{ trans('general.title.create', ['type' => trans_choice('general.items', 1)]) }}"
|
||||
></akaunting-item-button>
|
||||
@ -0,0 +1,18 @@
|
||||
<akaunting-edit-item-columns
|
||||
type="{{ $type }}"
|
||||
:edit-column="{{ json_encode([
|
||||
'status' => true,
|
||||
'text' => trans('documents.edit_columns'),
|
||||
'new_text' => trans('modules.new'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary',
|
||||
],
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'disabled:bg-green-100',
|
||||
]
|
||||
]
|
||||
]) }}"
|
||||
></akaunting-edit-item-columns>
|
||||
@ -1,86 +1,106 @@
|
||||
<div class="row document-item-body">
|
||||
<div class="col-sm-12 p-0" style="table-layout: fixed;">
|
||||
@if (!$hideEditItemColumns)
|
||||
<x-edit-item-columns :type="$type" />
|
||||
@endif
|
||||
|
||||
<div class="table-responsive overflow-x-scroll overflow-y-hidden">
|
||||
<table class="table" id="items" style="table-layout: fixed">
|
||||
<div class="relative sm:col-span-6">
|
||||
<div style="table-layout: fixed;">
|
||||
<div class="overflow-x-visible overflow-y-hidden">
|
||||
<table class="small-table-width" id="items">
|
||||
<colgroup>
|
||||
<col class="document-item-40-px">
|
||||
<col class="document-item-25">
|
||||
<col class="document-item-30 description">
|
||||
<col class="document-item-10">
|
||||
<col class="document-item-10">
|
||||
<col class="document-item-20">
|
||||
<col class="document-item-40-px">
|
||||
<col class="small-col" style="width: 24px;">
|
||||
<col class="small-col" style="width: 20%;">
|
||||
<col class="small-col" style="width: 30%;">
|
||||
<col class="small-col" style="width: 12%;">
|
||||
<col class="small-col" style="width: 15%;">
|
||||
<col class="small-col" style="width: 20%;">
|
||||
<col class="small-col" style="width: 24px;">
|
||||
</colgroup>
|
||||
<thead class="thead-light">
|
||||
|
||||
<thead class="border-b">
|
||||
<tr>
|
||||
@stack('move_th_start')
|
||||
<th class="border-top-0 border-right-0 border-bottom-0" style="max-width: 40px">
|
||||
<div></div>
|
||||
</th>
|
||||
<th class="text-left border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
|
||||
@if (! $hideEditItemColumns)
|
||||
<x-documents.form.item-columns :type="$type" />
|
||||
@endif
|
||||
</th>
|
||||
|
||||
@stack('move_th_end')
|
||||
|
||||
@if (!$hideItems)
|
||||
@if (! $hideItems)
|
||||
@stack('name_th_start')
|
||||
<th class="text-left border-top-0 border-right-0 border-bottom-0">
|
||||
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
|
||||
|
||||
@if (! $hideItemName)
|
||||
<th class="px-3 py-1 ltr:pl-2 rtl:pr-2 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
|
||||
{{ (trans_choice($textItemName, 2) != $textItemName) ? trans_choice($textItemName, 2) : trans($textItemName) }}
|
||||
</th>
|
||||
@endif
|
||||
|
||||
@stack('name_th_end')
|
||||
|
||||
@stack('move_th_start')
|
||||
<th class="text-left border-top-0 border-right-0 border-bottom-0"></th>
|
||||
|
||||
@if (! $hideItemDescription)
|
||||
<th class="px-3 py-1 text-left text-xs font-normal border-t-0 border-r-0 border-b-0" style=" vertical-align:bottom;">
|
||||
{{ trans($textItemDescription) }}
|
||||
</th>
|
||||
@endif
|
||||
|
||||
@stack('move_th_end')
|
||||
@endif
|
||||
|
||||
@stack('quantity_th_start')
|
||||
<th class="text-center pl-2 border-top-0 border-right-0 border-bottom-0">
|
||||
@if (!$hideQuantity)
|
||||
{{ trans($textQuantity) }}
|
||||
@endif
|
||||
|
||||
@if (! $hideItemQuantity)
|
||||
<th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
|
||||
{{ trans($textItemQuantity) }}
|
||||
</th>
|
||||
@endif
|
||||
|
||||
@stack('quantity_th_end')
|
||||
|
||||
@stack('price_th_start')
|
||||
<th class="text-right border-top-0 border-right-0 border-bottom-0 pr-1" style="padding-left: 5px;">
|
||||
@if (!$hidePrice)
|
||||
{{ trans($textPrice) }}
|
||||
@endif
|
||||
|
||||
@if (! $hideItemPrice)
|
||||
<th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0 pr-1" style="vertical-align:bottom;">
|
||||
{{ trans($textItemPrice) }}
|
||||
</th>
|
||||
@endif
|
||||
|
||||
@stack('price_th_end')
|
||||
|
||||
@stack('total_th_start')
|
||||
<th class="text-right border-top-0 border-bottom-0 item-total">
|
||||
@if (!$hideAmount)
|
||||
{{ trans($textAmount) }}
|
||||
@endif
|
||||
|
||||
@if (! $hideItemAmount)
|
||||
<th class="px-3 py-1 ltr:text-right rtl:text-left text-xs font-normal border-t-0 border-b-0 item-total" style="vertical-align:bottom;">
|
||||
{{ trans($textItemAmount) }}
|
||||
</th>
|
||||
@endif
|
||||
|
||||
@stack('total_th_end')
|
||||
|
||||
@stack('remove_th_start')
|
||||
<th class="border-top-0 border-right-0 border-bottom-0" style="max-width: 40px">
|
||||
<div></div>
|
||||
</th>
|
||||
|
||||
<th class="border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
|
||||
<div></div>
|
||||
</th>
|
||||
|
||||
@stack('remove_th_end')
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody id="{{ (!$hideDiscount && in_array(setting('localisation.discount_location', 'total'), ['item', 'both'])) ? 'invoice-item-discount-rows' : 'invoice-item-rows' }}" class="table-padding-05">
|
||||
@include('components.documents.form.line-item')
|
||||
<tbody id="{{ (! $hideDiscount && in_array(setting('localisation.discount_location', 'total'), ['item', 'both'])) ? 'invoice-item-discount-rows' : 'invoice-item-rows' }}" class="table-padding-05">
|
||||
<x-documents.form.line-item :type="$type" />
|
||||
|
||||
@stack('add_item_td_start')
|
||||
<tr id="addItem">
|
||||
<td class="text-right border-bottom-0 p-0" colspan="7">
|
||||
<x-select-item-button
|
||||
type="{{ $type }}"
|
||||
is-sale="{{ $isSalePrice }}"
|
||||
is-purchase="{{ $isPurchasePrice }}"
|
||||
search-char-limit="{{ $searchCharLimit }}"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="addItem">
|
||||
<td colspan="7">
|
||||
<x-documents.form.item-button
|
||||
type="{{ $type }}"
|
||||
is-sale="{{ $isSalePrice }}"
|
||||
is-purchase="{{ $isPurchasePrice }}"
|
||||
search-char-limit="{{ $searchCharLimit }}"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@stack('add_item_td_end')
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -1,320 +1,404 @@
|
||||
<tr v-for="(row, index) in items"
|
||||
:index="index">
|
||||
<tr v-for="(row, index) in items" :index="index">
|
||||
@stack('name_td_start')
|
||||
<td class="border-right-0 border-bottom-0 p-0"
|
||||
:class="[{'has-error': form.errors.has('items.' + index + '.name') }]"
|
||||
colspan="7">
|
||||
<table class="w-100">
|
||||
<colgroup>
|
||||
<col class="document-item-40-px">
|
||||
<col class="document-item-25">
|
||||
<col class="document-item-30 description">
|
||||
<col class="document-item-10">
|
||||
<col class="document-item-10">
|
||||
<col class="document-item-20">
|
||||
<col class="document-item-40-px">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
@stack('move_td_start')
|
||||
<td class="pl-3 pb-3 align-middle border-bottom-0 move" style="max-width: 40px;" style="color: #8898aa;">
|
||||
<div>
|
||||
<i class="fas fa-grip-vertical"></i>
|
||||
|
||||
<td class="border-r-0 border-b-0 p-0"
|
||||
:class="[{'has-error': form.errors.has('items.' + index + '.name') }]"
|
||||
colspan="7">
|
||||
<table class="w-full border-b pb-3">
|
||||
<colgroup>
|
||||
<col class="small-col" style="width: 24px;">
|
||||
<col class="small-col" style="width: 20%;">
|
||||
<col class="small-col" style="width: 30%;">
|
||||
<col class="small-col" style="width: 12%;">
|
||||
<col class="small-col" style="width: 15%;">
|
||||
<col class="small-col" style="width: 20%;">
|
||||
<col class="small-col" style="width: 24px;">
|
||||
</colgroup>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
@stack('move_td_start')
|
||||
<td class="align-middle border-b-0 move flex items-center justify-center" style="width:24px; height:100px; color: #8898aa;">
|
||||
<span class="w-6 material-icons">list</span>
|
||||
</td>
|
||||
@stack('move_td_end')
|
||||
|
||||
@stack('items_td_start')
|
||||
|
||||
@if (! $hideItems || (! $hideItemName && ! $hideItemDescription))
|
||||
@stack('name_td_start')
|
||||
|
||||
<td class="px-3 py-3 ltr:pl-2 rtl:pr-2 ltr:text-left rtl:text-right align-middle border-b-0 name">
|
||||
@if (! $hideItemName)
|
||||
<span class="flex items-center text-sm" tabindex="0" v-html="row.name" v-if="row.item_id"></span>
|
||||
|
||||
<div v-else>
|
||||
@stack('name_input_start')
|
||||
|
||||
<input
|
||||
type="text"
|
||||
:ref="'items-' + index + '-name'"
|
||||
class="form-element mt-0"
|
||||
:name="'items.' + index + '.name'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="name"
|
||||
v-model="row.name"
|
||||
@input="onBindingItemField(index, 'name')"
|
||||
@change="form.errors.clear('items.' + index + '.name')"
|
||||
/>
|
||||
|
||||
<div class="text-red text-sm mt-1 block"
|
||||
v-if="form.errors.has('items.' + index + '.name')"
|
||||
v-html="form.errors.get('items.' + index + '.name')"
|
||||
></div>
|
||||
|
||||
@stack('name_input_end')
|
||||
</div>
|
||||
</td>
|
||||
@stack('move_td_end')
|
||||
|
||||
@stack('items_td_start')
|
||||
@if (!$hideItems || (!$hideName && !$hideDescription))
|
||||
@stack('name_td_start')
|
||||
<td class="pb-3 align-middle border-bottom-0 name">
|
||||
@if (!$hideName)
|
||||
<span class="aka-text aka-text--body" tabindex="0" v-html="row.name" v-if="row.item_id"></span>
|
||||
<div v-else>
|
||||
@stack('name_input_start')
|
||||
<input
|
||||
type="text"
|
||||
:ref="'items-' + index + '-name'"
|
||||
class="form-control"
|
||||
:name="'items.' + index + '.name'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="name"
|
||||
v-model="row.name"
|
||||
@input="onBindingItemField(index, 'name')"
|
||||
@change="form.errors.clear('items.' + index + '.name')"/>
|
||||
<div class="invalid-feedback d-block"
|
||||
v-if="form.errors.has('items.' + index + '.name')"
|
||||
v-html="form.errors.get('items.' + index + '.name')">
|
||||
</div>
|
||||
@stack('name_input_end')
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
@stack('name_td_end')
|
||||
|
||||
@stack('description_td_start')
|
||||
<td class="pb-3 border-bottom-0 description">
|
||||
@if (!$hideDescription)
|
||||
<textarea
|
||||
class="form-control"
|
||||
:ref="'items-' + index + '-description'"
|
||||
placeholder="{{ trans('items.enter_item_description') }}"
|
||||
style="height: 46px; overflow: hidden;"
|
||||
:name="'items.' + index + '.description'"
|
||||
v-model="row.description"
|
||||
data-item="description"
|
||||
resize="none"
|
||||
@input="onBindingItemField(index, 'description')"
|
||||
></textarea>
|
||||
@endif
|
||||
</td>
|
||||
@stack('description_td_end')
|
||||
@endif
|
||||
@stack('items_td_end')
|
||||
</td>
|
||||
|
||||
@stack('quantity_td_start')
|
||||
<td class="pb-3 pl-0 pr-2 border-bottom-0 quantity">
|
||||
@if (!$hideQuantity)
|
||||
<div>
|
||||
@stack('quantity_input_start')
|
||||
<input
|
||||
type="number"
|
||||
min="0"
|
||||
:ref="'items-' + index + '-quantity'"
|
||||
class="form-control text-center p-0 input-number-disabled"
|
||||
:name="'items.' + index + '.quantity'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="quantity"
|
||||
v-model="row.quantity"
|
||||
@input="onCalculateTotal"
|
||||
@change="form.errors.clear('items.' + index + '.quantity')">
|
||||
<div class="invalid-feedback d-block"
|
||||
v-if="form.errors.has('items.' + index + '.quantity')"
|
||||
v-html="form.errors.get('items.' + index + '.quantity')">
|
||||
</div>
|
||||
@stack('quantity_input_end')
|
||||
@stack('name_td_end')
|
||||
|
||||
@stack('description_td_start')
|
||||
|
||||
<td class="px-3 py-3 border-b-0 description">
|
||||
@if (! $hideItemDescription)
|
||||
<textarea
|
||||
class="form-element mt-1.5 resize-none"
|
||||
style="height:42px;"
|
||||
:ref="'items-' + index + '-description'"
|
||||
placeholder="{{ trans('items.enter_item_description') }}"
|
||||
:name="'items.' + index + '.description'"
|
||||
v-model="row.description"
|
||||
data-item="description"
|
||||
resize="none"
|
||||
@input="onBindingItemField(index, 'description')"
|
||||
></textarea>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@stack('description_td_end')
|
||||
@endif
|
||||
|
||||
@stack('items_td_end')
|
||||
|
||||
@stack('quantity_td_start')
|
||||
|
||||
<td class="px-3 py-3 border-b-0 quantity">
|
||||
@if (! $hideItemQuantity)
|
||||
<div>
|
||||
@stack('quantity_input_start')
|
||||
|
||||
<input
|
||||
type="number"
|
||||
min="0"
|
||||
:ref="'items-' + index + '-quantity'"
|
||||
class="form-element mt-0 text-right input-number-disabled"
|
||||
:name="'items.' + index + '.quantity'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="quantity"
|
||||
v-model="row.quantity"
|
||||
@input="onCalculateTotal"
|
||||
@change="form.errors.clear('items.' + index + '.quantity')"
|
||||
/>
|
||||
|
||||
<div class="text-red text-sm mt-1 block"
|
||||
v-if="form.errors.has('items.' + index + '.quantity')"
|
||||
v-html="form.errors.get('items.' + index + '.quantity')">
|
||||
</div>
|
||||
|
||||
@stack('quantity_input_end')
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@stack('quantity_td_end')
|
||||
|
||||
@stack('price_td_start')
|
||||
|
||||
<td class="px-3 py-3 pr-1 border-b-0 price">
|
||||
@if (! $hideItemPrice)
|
||||
<div>
|
||||
@stack('price_input_start')
|
||||
|
||||
<x-form.input.money
|
||||
name="price"
|
||||
value="0"
|
||||
row-input
|
||||
data-item="price"
|
||||
v-model="row.price"
|
||||
v-error="form.errors.get('items.' + index + '.price')"
|
||||
v-error-message="form.errors.get('items.' + index + '.price')"
|
||||
change="row.price = $event; form.errors.clear('items.' + index + '.price'); onCalculateTotal"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right mt-0"
|
||||
form-group-class="text-right"
|
||||
/>
|
||||
|
||||
@stack('price_input_end')
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@stack('price_td_end')
|
||||
|
||||
@stack('total_td_start')
|
||||
|
||||
<td class="px-3 py-3 text-right border-b-0 total">
|
||||
@if (! $hideItemAmount)
|
||||
<div>
|
||||
<x-form.input.money
|
||||
name="total"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
data-item="total"
|
||||
v-model="row.total"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right mt-0 disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@stack('total_td_end')
|
||||
|
||||
@stack('delete_td_start')
|
||||
|
||||
<td class="text-right group">
|
||||
<button type="button" @click="onDeleteItem(index)" class="btn btn-link btn-delete w-6 h-7 flex items-center rounded-lg p-0 group-hover:bg-gray-100">
|
||||
<span class="w-full material-icons-outlined text-lg text-gray-300 group-hover:text-gray-500">delete</span>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
@stack('delete_td_end')
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
@stack('item_custom_fields')
|
||||
</td>
|
||||
|
||||
<td colspan="4" class="px-0 pb-3">
|
||||
<div class="relative">
|
||||
<div class="absolute -top-6 left-3 flex items-center">
|
||||
@if (! $hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<div class="text-left border-0 p-0 mr-16" v-if="!row.add_discount">
|
||||
<button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
@stack('quantity_td_end')
|
||||
|
||||
@stack('price_td_start')
|
||||
<td class="pb-3 pl-0 pr-0 border-bottom-0 price" style="padding-right: 5px; padding-left: 5px;">
|
||||
@if (!$hidePrice)
|
||||
<div>
|
||||
@stack('price_input_start')
|
||||
{{ Form::moneyGroup('price', '', '', ['required' => 'required', 'row-input' => 'true', 'v-model' => 'row.price', 'v-error' => 'form.errors.get(\'items.\' + index + \'.price\')', 'v-error-message' => 'form.errors.get(\'items.\' + index + \'.price\')' , 'data-item' => 'price', 'currency' => $currency, 'dynamic-currency' => 'currency', 'change' => 'row.price = $event; form.errors.clear(\'items.\' + index + \'.price\'); onCalculateTotal'], 0.00, 'text-right input-price p-0') }}
|
||||
@stack('price_input_end')
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
@stack('price_td_end')
|
||||
|
||||
@stack('total_td_start')
|
||||
<td class="text-right long-texts pb-3 border-bottom-0 total">
|
||||
@if (!$hideAmount)
|
||||
<div>
|
||||
{{ Form::moneyGroup('total', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row.total', 'data-item' => 'total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
@stack('total_td_end')
|
||||
|
||||
@stack('delete_td_start')
|
||||
<td class="pb-3 pl-2 align-middle border-bottom-0 delete" style="max-width: 40px;" >
|
||||
<div>
|
||||
<button type="button" @click="onDeleteItem(index)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
<div class="text-right border-0 p-0 pr-4">
|
||||
<button type="button" class="text-xs text-purple" @click="onAddTax(index)">
|
||||
<span class="border-b border-transparent transition-all hover:border-purple">
|
||||
{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
@stack('delete_td_end')
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border-top-0" colspan="3">
|
||||
@stack('item_custom_fields')
|
||||
</td>
|
||||
<td class="border-top-0 p-0" colspan="4">
|
||||
@if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<div v-if="!row.add_tax || !row.add_discount" class="line-item-link-container position-relative">
|
||||
<div v-if="!row.add_tax || !row.add_discount" class="line-item-link position-absolute">
|
||||
<div class="text-left border-0 p-0 mr-5">
|
||||
<div>
|
||||
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddLineDiscount(index)" v-if="!row.add_discount">
|
||||
{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="row.add_discount" class="flex items-center justify-between pb-3 ml-2">
|
||||
@stack('discount_input_start')
|
||||
|
||||
<div class="form-group mb-0 w-100" style="display: inline-block; position: relative;">
|
||||
<div class="flex items-center">
|
||||
<div class="w-16 flex items-center bg-gray-200 p-1 ltr:mr-2 rtl:ml-2 rounded-lg">
|
||||
<button type="button"
|
||||
class="w-7 flex justify-center px-2"
|
||||
:class="[{'btn-outline-primary' : row.discount_type !== 'percentage'}, {'bg-white rounded-lg' : row.discount_type === 'percentage'}]"
|
||||
@click="onChangeLineDiscountType(index, 'percentage')"
|
||||
>
|
||||
<span class="material-icons text-lg">percent</span>
|
||||
</button>
|
||||
|
||||
<button type="button"
|
||||
class="w-7 px-2"
|
||||
:class="[{'btn-outline-primary' : row.discount_type !== 'fixed'}, {'bg-white rounded-lg' : row.discount_type === 'fixed'}]"
|
||||
@click="onChangeLineDiscountType(index, 'fixed')"
|
||||
>
|
||||
<span class="text-base">{{ $currency->symbol }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right border-0 p-0 pr-4">
|
||||
<div style="float:left;">
|
||||
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddTax(index)" v-if="!row.add_tax">
|
||||
{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
|
||||
</button>
|
||||
|
||||
<input type="number"
|
||||
min="0"
|
||||
placeholder="Discount"
|
||||
class="form-element text-center mt-0"
|
||||
:name="'items.' + index + '.discount'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="discount"
|
||||
v-model="row.discount"
|
||||
@input="onCalculateTotal"
|
||||
@change="form.errors.clear('items.' + index + '.discount')"
|
||||
/>
|
||||
|
||||
<div class="text-red text-sm mt-1 block"
|
||||
v-if="form.errors.has('items.' + index + '.discount')"
|
||||
v-html="form.errors.get('items.' + index + '.discount')">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="row.add_discount" class="line-item-area pb-3">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; position: absolute; left: -65px;">
|
||||
{{ trans('invoices.discount') }}
|
||||
</div>
|
||||
@stack('discount_input_start')
|
||||
<div class="form-group mb-0 w-100" style="display: inline-block; position: relative;">
|
||||
<div class="input-group mb-0 select-tax">
|
||||
<div class="input-group-prepend">
|
||||
<button class="btn btn-sm" :class="[{'btn-outline-primary' : row.discount_type !== 'percentage'}, {'btn-primary' : row.discount_type === 'percentage'}]"
|
||||
@click="onChangeLineDiscountType(index, 'percentage')" type="button">
|
||||
<i class="fa fa-percent fa-sm"></i>
|
||||
</button>
|
||||
<button class="btn btn-sm" :class="[{'btn-outline-primary' : row.discount_type !== 'fixed'}, {'btn-primary' : row.discount_type === 'fixed'}]"
|
||||
@click="onChangeLineDiscountType(index, 'fixed')" type="button">{{ $currency->symbol }}
|
||||
</button>
|
||||
</div>
|
||||
<input type="number"
|
||||
max="100"
|
||||
min="0"
|
||||
class="form-control text-center"
|
||||
:name="'items.' + index + '.discount'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="discount"
|
||||
v-model="row.discount"
|
||||
@input="onCalculateTotal"
|
||||
@change="form.errors.clear('items.' + index + '.discount')">
|
||||
|
||||
<div class="invalid-feedback d-block"
|
||||
v-if="form.errors.has('items.' + index + '.discount')"
|
||||
v-html="form.errors.get('items.' + index + '.discount')">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@stack('discount_input_end')
|
||||
</div>
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
{{ Form::moneyGroup('discount_amount', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row.discount_amount', 'data-item' => 'discount_amount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
|
||||
</div>
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
<button type="button" @click="onDeleteDiscount(index)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="line-item-area pb-3" v-for="(row_tax, row_tax_index) in row.tax_ids"
|
||||
:index="row_tax_index">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -63px;">
|
||||
{{ trans_choice('general.taxes', 1) }}
|
||||
</div>
|
||||
@stack('discount_input_end')
|
||||
|
||||
@stack('taxes_input_start')
|
||||
<akaunting-select
|
||||
class="mb-0 select-tax"
|
||||
:form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]"
|
||||
:icon="''"
|
||||
:title="''"
|
||||
:placeholder="'{{ trans('general.form.select.field', ['field' => trans_choice('general.taxes', 1)]) }}'"
|
||||
:name="'items.' + index + '.taxes.' + row_tax_index"
|
||||
:options="{{ json_encode($taxes->pluck('title', 'id')) }}"
|
||||
:dynamic-options="dynamic_taxes"
|
||||
:disabled-options="form.items[index].tax_ids"
|
||||
:value="row_tax.id"
|
||||
@interface="row_tax.id = $event"
|
||||
@change="onCalculateTotal()"
|
||||
@new="dynamic_taxes.push($event)"
|
||||
:form-error="form.errors.get('items.' + index + '.taxes')"
|
||||
:no-data-text="'{{ trans('general.no_data') }}'"
|
||||
:no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
|
||||
></akaunting-select>
|
||||
@stack('taxes_input_end')
|
||||
<div class="flex items-center lg:absolute right-0">
|
||||
<div class="text-right">
|
||||
<x-form.input.money
|
||||
name="discount_amount"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
data-item="discount_amount"
|
||||
v-model="row.discount_amount"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
{{ Form::moneyGroup('tax', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row_tax.price', 'data-item' => 'total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
|
||||
</div>
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
<button type="button" @click="onDeleteTax(index, row_tax_index)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="pl-2 group">
|
||||
<button type="button" @click="onDeleteDiscount(index)" class="w-6 h-7 flex items-center rounded-lg p-0 group-hover:bg-gray-100">
|
||||
<span class="w-full material-icons-outlined text-lg text-gray-300 group-hover:text-gray-500">delete</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="row.add_tax" class="line-item-area pb-3" :class="{'pt-2' : row.add_discount}">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -63px;">
|
||||
{{ trans_choice('general.taxes', 1) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@stack('taxes_input_start')
|
||||
<akaunting-select
|
||||
class="mb-0 select-tax"
|
||||
style="margin-left: 1px; margin-right: -2px;"
|
||||
:form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]"
|
||||
:icon="''"
|
||||
:title="''"
|
||||
:placeholder="'{{ trans('general.form.select.field', ['field' => trans_choice('general.taxes', 1)]) }}'"
|
||||
:name="'items.' + index + '.taxes.999'"
|
||||
:options="{{ json_encode($taxes->pluck('title', 'id')) }}"
|
||||
:dynamic-options="dynamic_taxes"
|
||||
:disabled-options="form.items[index].tax_ids"
|
||||
:value="tax_id"
|
||||
:add-new="{{ json_encode([
|
||||
'status' => true,
|
||||
'text' => trans('general.add_new'),
|
||||
'path' => route('modals.taxes.create'),
|
||||
'type' => 'modal',
|
||||
'field' => [
|
||||
'key' => 'id',
|
||||
'value' => 'title'
|
||||
<div class="flex items-center justify-between h-10 ml-3 my-3" v-for="(row_tax, row_tax_index) in row.tax_ids"
|
||||
:index="row_tax_index"
|
||||
>
|
||||
<span class="absolute text-sm ltr:-ml-7 rtl:-mr-7">{{ trans_choice('general.taxes', 1) }}</span>
|
||||
|
||||
<div class="lg:w-1/4 lg:absolute">
|
||||
@stack('taxes_input_start')
|
||||
|
||||
<akaunting-select
|
||||
class="mb-0 select-tax"
|
||||
:form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]"
|
||||
:icon="''"
|
||||
:title="''"
|
||||
:placeholder="'{{ trans('general.form.select.field', ['field' => trans_choice('general.taxes', 1)]) }}'"
|
||||
:name="'items.' + index + '.taxes.' + row_tax_index"
|
||||
:options="{{ json_encode($taxes->pluck('title', 'id')) }}"
|
||||
:dynamic-options="dynamic_taxes"
|
||||
:disabled-options="form.items[index].tax_ids"
|
||||
:value="row_tax.id"
|
||||
@interface="row_tax.id = $event"
|
||||
@change="onCalculateTotal()"
|
||||
@new="dynamic_taxes.push($event)"
|
||||
:form-error="form.errors.get('items.' + index + '.taxes')"
|
||||
:no-data-text="'{{ trans('general.no_data') }}'"
|
||||
:no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
|
||||
></akaunting-select>
|
||||
|
||||
@stack('taxes_input_end')
|
||||
</div>
|
||||
|
||||
<div class="flex items-center lg:absolute right-0">
|
||||
<div class="text-right">
|
||||
<x-form.input.money
|
||||
name="tax"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
data-item="total"
|
||||
v-model="row_tax.price"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="pl-2 group">
|
||||
<button type="button" @click="onDeleteTax(index, row_tax_index)" class="btn btn-link btn-delete w-6 h-7 flex items-center rounded-lg p-0 group-hover:bg-gray-100">
|
||||
<span class="w-full material-icons-outlined text-lg text-gray-300 group-hover:text-gray-500">delete</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="row.add_tax" class="flex items-center justify-between h-10 ml-3 my-3" :class="{'pt-2' : row.add_discount}">
|
||||
<span class="absolute text-sm ltr:-ml-7 rtl:-mr-7">{{ trans_choice('general.taxes', 1) }}</span>
|
||||
|
||||
<div class="lg:w-1/4 lg:absolute">
|
||||
@stack('taxes_input_start')
|
||||
|
||||
<akaunting-select
|
||||
class="mb-0 select-tax"
|
||||
style="margin-left: 1px; margin-right: -2px;"
|
||||
:form-classes="[{'has-error': form.errors.has('items.' + index + '.taxes') }]"
|
||||
:icon="''"
|
||||
:title="''"
|
||||
:placeholder="'{{ trans('general.form.select.field', ['field' => trans_choice('general.taxes', 1)]) }}'"
|
||||
:name="'items.' + index + '.taxes.999'"
|
||||
:options="{{ json_encode($taxes->pluck('title', 'id')) }}"
|
||||
:dynamic-options="dynamic_taxes"
|
||||
:disabled-options="form.items[index].tax_ids"
|
||||
:value="tax_id"
|
||||
:add-new="{{ json_encode([
|
||||
'status' => true,
|
||||
'text' => trans('general.add_new'),
|
||||
'path' => route('modals.taxes.create'),
|
||||
'type' => 'modal',
|
||||
'field' => [
|
||||
'key' => 'id',
|
||||
'value' => 'title'
|
||||
],
|
||||
'new_text' => trans('modules.new'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary'
|
||||
],
|
||||
'new_text' => trans('modules.new'),
|
||||
'buttons' => [
|
||||
'cancel' => [
|
||||
'text' => trans('general.cancel'),
|
||||
'class' => 'btn-outline-secondary'
|
||||
],
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'btn-success'
|
||||
]
|
||||
'confirm' => [
|
||||
'text' => trans('general.save'),
|
||||
'class' => 'disabled:bg-green-100'
|
||||
]
|
||||
])}}"
|
||||
@interface="tax_id = $event"
|
||||
@visible-change="onSelectedTax(index)"
|
||||
@new="dynamic_taxes.push($event)"
|
||||
:form-error="form.errors.get('items.' + index + '.taxes')"
|
||||
:no-data-text="'{{ trans('general.no_data') }}'"
|
||||
:no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
|
||||
></akaunting-select>
|
||||
@stack('taxes_input_end')
|
||||
]
|
||||
])}}"
|
||||
@interface="tax_id = $event"
|
||||
@visible-change="onSelectedTax(index)"
|
||||
@new="dynamic_taxes.push($event)"
|
||||
:form-error="form.errors.get('items.' + index + '.taxes')"
|
||||
:no-data-text="'{{ trans('general.no_data') }}'"
|
||||
:no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
|
||||
></akaunting-select>
|
||||
|
||||
@stack('taxes_input_end')
|
||||
</div>
|
||||
|
||||
<div class="flex items-center lg:absolute right-0">
|
||||
<div class="text-right">
|
||||
<div class="required disabled text-right input-price disabled-money">
|
||||
<input type="tel" class="v-money form-control text-right" name="discount_amount" disabled="disabled" value="__">
|
||||
</div>
|
||||
</div>
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
<div>
|
||||
<div class="required disabled text-right input-price disabled-money">
|
||||
<input type="tel" class="v-money form-control text-right" name="discount_amount" disabled="disabled" value="__">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
@if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<button type="button" @click="onDeleteTax(index, 999)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="pl-2 group">
|
||||
<button type="button" @click="onDeleteTax(index, 999)" class="btn btn-link btn-delete w-6 h-7 flex items-center rounded-lg p-0 group-hover:bg-gray-100">
|
||||
<span class="w-full material-icons-outlined text-lg text-gray-300 group-hover:text-gray-500">delete</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
@stack('name_td_end')
|
||||
</tr>
|
||||
|
||||
@ -1,61 +1,15 @@
|
||||
<div class="card">
|
||||
<div class="document-loading" v-if="!page_loaded">
|
||||
<div><i class="fas fa-spinner fa-pulse fa-7x"></i></div>
|
||||
</div>
|
||||
<x-form.section>
|
||||
<x-slot name="head">
|
||||
<x-form.section.head title="{{ trans($textSectionMainTitle) }}" description="{{ trans($textSectionMainDescription) }}" />
|
||||
</x-slot>
|
||||
|
||||
<div class="card-body">
|
||||
<x-documents.form.metadata
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
hide-contact="{{ $hideContact }}"
|
||||
contact-type="{{ $contactType }}"
|
||||
:contact="$contact"
|
||||
:contacts="$contacts"
|
||||
:search-route="$contactSearchRoute"
|
||||
:create-route="$contactCreateRoute"
|
||||
hide-issued-at="{{ $hideIssuedAt }}"
|
||||
text-issued-at="{{ $textIssuedAt }}"
|
||||
issued-at="{{ $issuedAt }}"
|
||||
hide-document-number="{{ $hideDocumentNumber }}"
|
||||
text-document-number="{{ $textDocumentNumber }}"
|
||||
document-number="{{ $documentNumber }}"
|
||||
hide-due-at="{{ $hideDueAt }}"
|
||||
text-due-at="{{ $textDueAt }}"
|
||||
due-at="{{ $dueAt }}"
|
||||
hide-order-number="{{ $hideOrderNumber }}"
|
||||
text-order-number="{{ $textOrderNumber }}"
|
||||
order-number="{{ $orderNumber }}"
|
||||
/>
|
||||
<x-slot name="body">
|
||||
<x-documents.form.metadata type="{{ $type }}" />
|
||||
|
||||
<x-documents.form.items
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
hide-edit-item-columns="{{ $hideEditItemColumns }}"
|
||||
hide-items="{{ $hideItems }}"
|
||||
hide-name="{{ $hideName }}"
|
||||
hide-description="{{ $hideDescription }}"
|
||||
text-items="{{ $textItems }}"
|
||||
hide-quantity="{{ $hideQuantity }}"
|
||||
text-quantity="{{ $textQuantity }}"
|
||||
hide-price="{{ $hidePrice }}"
|
||||
text-price="{{ $textPrice }}"
|
||||
hide-discount="{{ $hideDiscount }}"
|
||||
hide-amount="{{ $hideAmount }}"
|
||||
text-amount="{{ $textAmount }}"
|
||||
is-sale-price="{{ $isSalePrice }}"
|
||||
is-purchase-price="{{ $isPurchasePrice }}"
|
||||
search-char-limit="{{ $searchCharLimit }}"
|
||||
/>
|
||||
<x-documents.form.items type="{{ $type }}" />
|
||||
|
||||
<x-documents.form.totals
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
/>
|
||||
<x-documents.form.totals type="{{ $type }}" />
|
||||
|
||||
<x-documents.form.note
|
||||
type="{{ $type }}"
|
||||
:document="$document"
|
||||
notes-setting="{{ $notesSetting }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<x-documents.form.note type="{{ $type }}" />
|
||||
</x-slot>
|
||||
</x-form.section>
|
||||
@ -1,47 +1,90 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
||||
@if (!$hideContact)
|
||||
<div class="row">
|
||||
<x-select-contact-card
|
||||
type="{{ $contactType }}"
|
||||
:contact="$contact"
|
||||
:contacts="$contacts"
|
||||
:search-route="$contactSearchRoute"
|
||||
:create-route="$contactCreateRoute"
|
||||
error="form.errors.get('contact_name')"
|
||||
:text-add-contact="$textAddContact"
|
||||
:text-create-new-contact="$textCreateNewContact"
|
||||
:text-edit-contact="$textEditContact"
|
||||
:text-contact-info="$textContactInfo"
|
||||
:text-choose-different-contact="$textChooseDifferentContact"
|
||||
<div class="grid sm:grid-cols-7 sm:col-span-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<div class="sm:col-span-2 required">
|
||||
<label for="contact" class="form-control-label">
|
||||
{{ trans_choice($textContact, 1) }}
|
||||
</label>
|
||||
|
||||
<x-documents.form.contact
|
||||
type="{{ $typeContact }}"
|
||||
:contact="$contact"
|
||||
:contacts="$contacts"
|
||||
:search-route="$searchContactRoute"
|
||||
:create-route="$createContactRoute"
|
||||
error="form.errors.get('contact_name')"
|
||||
:text-add-contact="$textAddContact"
|
||||
:text-create-new-contact="$textCreateNewContact"
|
||||
:text-edit-contact="$textEditContact"
|
||||
:text-contact-info="$textContactInfo"
|
||||
:text-choose-different-contact="$textChooseDifferentContact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-1"></div>
|
||||
|
||||
<div class="sm:col-span-4 grid sm:grid-cols-4 gap-x-8 gap-y-6">
|
||||
@stack('issue_start')
|
||||
|
||||
@if (! $hideIssuedAt)
|
||||
<x-form.group.date
|
||||
name="issued_at"
|
||||
label="{{ trans($textIssuedAt) }}"
|
||||
icon="calendar_today"
|
||||
value="{{ $issuedAt }}"
|
||||
show-date-format="{{ company_date_format() }}"
|
||||
date-format="Y-m-d"
|
||||
autocomplete="off"
|
||||
change="setDueMinDate"
|
||||
form-group-class="sm:col-span-2"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@stack('document_number_start')
|
||||
|
||||
@if (! $hideDocumentNumber)
|
||||
<x-form.group.text
|
||||
name="document_number"
|
||||
label="{{ trans($textDocumentNumber) }}"
|
||||
value="{{ $documentNumber }}"
|
||||
form-group-class="sm:col-span-2"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@stack('due_start')
|
||||
|
||||
@if (! $hideDueAt)
|
||||
<x-form.group.date
|
||||
name="due_at"
|
||||
label="{{ trans($textDueAt) }}"
|
||||
icon="calendar_today"
|
||||
value="{{ $dueAt }}"
|
||||
show-date-format="{{ company_date_format() }}"
|
||||
date-format="Y-m-d"
|
||||
autocomplete="off"
|
||||
period="{{ $periodDueAt }}"
|
||||
min-date="form.issued_at"
|
||||
min-date-dynamic="min_due_date"
|
||||
data-value-min
|
||||
form-group-class="sm:col-span-2"
|
||||
/>
|
||||
@else
|
||||
<x-form.input.hidden
|
||||
name="due_at"
|
||||
:value="old('issued_at', $issuedAt)"
|
||||
v-model="form.issued_at"
|
||||
form-group-class="sm:col-span-2"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@stack('order_number_start')
|
||||
|
||||
@if (! $hideOrderNumber)
|
||||
<x-form.group.text
|
||||
name="order_number"
|
||||
label="{{ trans($textOrderNumber) }}"
|
||||
value="{{ $orderNumber }}"
|
||||
form-group-class="sm:col-span-2"
|
||||
not-required
|
||||
/>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
||||
<div class="row">
|
||||
@if (!$hideIssuedAt)
|
||||
{{ Form::dateGroup('issued_at', trans($textIssuedAt), 'calendar', ['id' => 'issued_at', 'class' => 'form-control datepicker', 'required' => 'required', 'show-date-format' => company_date_format(), 'date-format' => 'Y-m-d', 'autocomplete' => 'off', 'change' => 'setDueMinDate'], $issuedAt) }}
|
||||
@endif
|
||||
|
||||
@if (!$hideDocumentNumber)
|
||||
{{ Form::textGroup('document_number', trans($textDocumentNumber), 'file', ['required' => 'required'], $documentNumber) }}
|
||||
@endif
|
||||
|
||||
@if (!$hideDueAt)
|
||||
@if ($type == 'invoice')
|
||||
{{ Form::dateGroup('due_at', trans($textDueAt), 'calendar', ['id' => 'due_at', 'class' => 'form-control datepicker', 'required' => 'required', 'show-date-format' => company_date_format(), 'period' => setting('invoice.payment_terms'), 'date-format' => 'Y-m-d', 'autocomplete' => 'off', 'min-date' => 'form.issued_at', 'min-date-dynamic' => 'min_due_date', 'data-value-min' => true], $dueAt) }}
|
||||
@else
|
||||
{{ Form::dateGroup('due_at', trans($textDueAt), 'calendar', ['id' => 'due_at', 'class' => 'form-control datepicker', 'required' => 'required', 'show-date-format' => company_date_format(), 'date-format' => 'Y-m-d', 'autocomplete' => 'off', 'min-date' => 'form.issued_at', 'min-date-dynamic' => 'min_due_date', 'data-value-min' => true], $dueAt) }}
|
||||
@endif
|
||||
@else
|
||||
{{ Form::hidden('due_at', old('issued_at', $issuedAt), ['id' => 'due_at', 'v-model' => 'form.issued_at']) }}
|
||||
@endif
|
||||
|
||||
@if (!$hideOrderNumber)
|
||||
{{ Form::textGroup('order_number', trans($textOrderNumber), 'shopping-cart', [], $orderNumber) }}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,12 @@
|
||||
<div class="row embed-card-body-footer">
|
||||
{{ Form::textareaGroup('notes', trans_choice('general.notes', 2), '', $notesSetting, ['rows' => '3', 'class' => 'form-control embed-card-body-footer-textarea'], 'col-md-12 embed-acoordion-textarea') }}
|
||||
<div class="sm:col-span-6 mb-8">
|
||||
<x-form.group.textarea
|
||||
name="notes"
|
||||
label="{{ trans_choice('general.notes', 2) }}"
|
||||
:value="$note"
|
||||
not-required
|
||||
class="form-element border-0 bg-transparent px-0 rounded-none resize-none"
|
||||
form-label-class="lg:text-lg"
|
||||
form-group-class="border-b pb-2 mb-3.5"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,18 @@
|
||||
<x-form.section class="-mt-10 mb-14" override="class">
|
||||
<x-slot name="head">
|
||||
<x-form.section.head title="{{ trans_choice('general.schedules', 1) }}" description="{{ trans('recurring.form_description.schedule', ['type' => Str::lower(trans_choice('general.invoices', 1))]) }}" />
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="body">
|
||||
<x-form.group.recurring
|
||||
:type="$type"
|
||||
@started="onChangeRecurringDate"
|
||||
:frequency="$document ? $document->recurring->frequency : null"
|
||||
:custom-frequency="$document ? $document->recurring->custom_frequency : null"
|
||||
:limit="$document ? $document->recurring->limit_by : null"
|
||||
:started-value="$document ? $document->recurring->started_at : null"
|
||||
:limit-count="$document ? $document->recurring->limit_count : null"
|
||||
:limit-date-value="$document ? $document->recurring->limit_date : null"
|
||||
/>
|
||||
</x-slot>
|
||||
</x-form.section>
|
||||
@ -0,0 +1,85 @@
|
||||
<div class="grid sm:grid-cols-7 sm:col-span-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<div class="sm:col-span-2 required">
|
||||
<label for="contact" class="form-control-label">
|
||||
{{ trans_choice($textContact, 1) }}
|
||||
</label>
|
||||
|
||||
<x-documents.form.contact
|
||||
type="{{ $typeContact }}"
|
||||
:contact="$contact"
|
||||
:contacts="$contacts"
|
||||
:search-route="$searchContactRoute"
|
||||
:create-route="$createContactRoute"
|
||||
error="form.errors.get('contact_name')"
|
||||
:text-add-contact="$textAddContact"
|
||||
:text-create-new-contact="$textCreateNewContact"
|
||||
:text-edit-contact="$textEditContact"
|
||||
:text-contact-info="$textContactInfo"
|
||||
:text-choose-different-contact="$textChooseDifferentContact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-1"></div>
|
||||
|
||||
<div class="sm:col-span-2 grid gap-x-8 gap-y-6">
|
||||
@stack('issue_start')
|
||||
|
||||
@if (! $hideIssuedAt)
|
||||
<div class="form-group form-group relative sm:col-span-3">
|
||||
<label class="form-control-label">
|
||||
{{ trans($textIssuedAt) }}
|
||||
</label>
|
||||
|
||||
<x-tooltip id="tooltip-issued" placement="bottom" message="{{ trans('documents.recurring.tooltip.document_date', ['type' => config('type.document.' . $type . '.setting.prefix', 'invoice')]) }}">
|
||||
<div class="relative focused has-label">
|
||||
<x-form.input.text name="disabled_document_date" value="{{ trans('documents.recurring.auto_generated') }}" class="form-element" disabled />
|
||||
</div>
|
||||
</x-tooltip>
|
||||
|
||||
<x-form.input.hidden name="issued_at" value="{{ $issuedAt }}" />
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@stack('due_start')
|
||||
|
||||
@if (! $hideDueAt)
|
||||
<x-form.group.select
|
||||
name="payment_terms"
|
||||
label="{{ trans('invoices.payment_due') }}"
|
||||
:options="$payment_terms"
|
||||
:selected="($document) ? (string) \Date::parse($document->due_at)->diffInDays(\Date::parse($document->issued_at)) : setting($type . '.payment_terms', 0)"
|
||||
visible-change="onChangeRecurringDate"
|
||||
/>
|
||||
|
||||
<x-form.input.hidden name="due_at" :value="old('due_at', $dueAt)" v-model="form.due_at" />
|
||||
@else
|
||||
<x-form.input.hidden name="due_at" :value="old('due_at', $dueAt)" v-model="form.due_at" />
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-2 grid gap-x-8 gap-y-6">
|
||||
@stack('document_number_start')
|
||||
|
||||
@if (! $hideDocumentNumber)
|
||||
<div class="form-group form-group relative sm:col-span-3">
|
||||
<label class="form-control-label">
|
||||
{{ trans($textDocumentNumber) }}
|
||||
</label>
|
||||
|
||||
<x-tooltip id="tooltip-number" placement="bottom" message="{{ trans('documents.recurring.tooltip.document_number', ['type' => config('type.document.' . $type . '.setting.prefix', 'invoice')]) }}">
|
||||
<div class="relative focused has-label">
|
||||
<x-form.input.text name="disabled_document_number" value="{{ trans('documents.recurring.auto_generated') }}" class="form-element" disabled />
|
||||
</div>
|
||||
</x-tooltip>
|
||||
|
||||
<x-form.input.hidden name="document_number" value="{{ $documentNumber }}" />
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@stack('order_number_start')
|
||||
|
||||
@if (! $hideOrderNumber)
|
||||
<x-form.group.text name="order_number" label="{{ trans($textOrderNumber) }}" value="{{ $orderNumber }}" not-required />
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@ -1,156 +1,237 @@
|
||||
<div class="row document-item-body">
|
||||
<div class="col-sm-12 mb-4 p-0">
|
||||
<div class="table-responsive overflow-x-scroll overflow-y-hidden">
|
||||
<table class="table" id="totals">
|
||||
<div class="sm:col-span-6">
|
||||
<div class="mb-4 p-0">
|
||||
<div class="overflow-y-hidden py-6">
|
||||
<table id="totals" class="float-right">
|
||||
<colgroup>
|
||||
<col class="document-total-50">
|
||||
<col class="document-total-30">
|
||||
<col class="document-total-25">
|
||||
<col class="document-total-50-px">
|
||||
<col style="width: 47.5%;">
|
||||
<col style="width: 30%;">
|
||||
<col style="width: 18%;">
|
||||
<col style="width: 50px;">
|
||||
</colgroup>
|
||||
<tbody id="invoice-total-rows" class="table-padding-05">
|
||||
|
||||
<tbody id="invoice-total-rows">
|
||||
@stack('sub_total_td_start')
|
||||
|
||||
<tr id="tr-subtotal">
|
||||
<td class="border-bottom-0 pb-0"></td>
|
||||
<td class="text-right border-right-0 border-bottom-0 align-middle pb-0 pr-0">
|
||||
<strong>{{ trans('invoices.sub_total') }}</strong>
|
||||
<td class="border-b-0 py-0"></td>
|
||||
|
||||
<td class="font-medium text-right border-r-0 border-b-0 align-middle pb-0 pr-0">
|
||||
{{ trans('invoices.sub_total') }}
|
||||
</td>
|
||||
<td class="text-right border-bottom-0 long-texts pb-0 pr-3">
|
||||
|
||||
<td class="text-right border-b-0 long-texts py-0">
|
||||
<div>
|
||||
{{ Form::moneyGroup('sub_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.sub', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
|
||||
<x-form.input.money
|
||||
name="sub_total"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
v-model="totals.sub"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-bottom-0 pb-0" style="max-width: 50px"></td>
|
||||
|
||||
<td class="border-b-0 pb-0" style="width: 40px"></td>
|
||||
</tr>
|
||||
|
||||
@stack('sub_total_td_end')
|
||||
|
||||
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
|
||||
@stack('item_discount_td_start')
|
||||
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
|
||||
@stack('item_discount_td_start')
|
||||
|
||||
<tr id="tr-line-discount" v-if="totals.item_discount">
|
||||
<td class="border-top-0 pt-0 pb-0"></td>
|
||||
<td class="text-right border-top-0 border-right-0 border-bottom-0 align-middle pt-0 pb-0 pr-0">
|
||||
<strong>{{ trans('invoices.item_discount') }}</strong>
|
||||
<td class="border-t-0 py-0"></td>
|
||||
|
||||
<td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
<span class="font-medium">{{ trans('invoices.item_discount') }}</span>
|
||||
</td>
|
||||
<td class="text-right border-top-0 border-bottom-0 long-texts pt-0 pb-0 pr-3">
|
||||
|
||||
<td class="text-right border-t-0 border-b-0 long-texts py-0 pr-0">
|
||||
<div>
|
||||
{{ Form::moneyGroup('item_discount', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.item_discount', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
|
||||
<x-form.input.money
|
||||
name="item_discount"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
v-model="totals.item_discount"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-top-0 pt-0 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
@stack('item_discount_td_end')
|
||||
@endif
|
||||
|
||||
@if (in_array(setting('localisation.discount_location', 'total'), ['total', 'both']))
|
||||
@stack('add_discount_td_start')
|
||||
<td class="border-t-0 py-0" style="max-width: 24px"></td>
|
||||
</tr>
|
||||
|
||||
@stack('item_discount_td_end')
|
||||
@endif
|
||||
|
||||
@if (in_array(setting('localisation.discount_location', 'total'), ['total', 'both']))
|
||||
@stack('add_discount_td_start')
|
||||
|
||||
<tr id="tr-discount">
|
||||
<td class="border-top-0 pt-0 pb-0"></td>
|
||||
<td class="text-right border-top-0 border-right-0 border-bottom-0 align-middle pt-0 pb-0 pr-0">
|
||||
<el-popover
|
||||
popper-class="p-0 h-0"
|
||||
placement="bottom"
|
||||
width="350"
|
||||
v-model="discount">
|
||||
<div class="card d-none" :class="[{'show' : discount}]">
|
||||
<div class="discount card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<button class="btn btn-sm" :class="[{'btn-outline-primary' : form.discount_type !== 'percentage'}, {'btn-primary' : form.discount_type === 'percentage'}]"
|
||||
@click="onChangeDiscountType('percentage')" type="button">
|
||||
<i class="fa fa-percent fa-sm"></i>
|
||||
</button>
|
||||
<button class="btn btn-sm" :class="[{'btn-outline-primary' : form.discount_type !== 'fixed'}, {'btn-primary' : form.discount_type === 'fixed'}]"
|
||||
@click="onChangeDiscountType('fixed')" type="button">{{ $currency->symbol }}
|
||||
</button>
|
||||
</div>
|
||||
{!! Form::number('pre_discount', null, ['id' => 'pre-discount', 'class' => 'form-control', 'v-model' => 'form.discount']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="discount-description">
|
||||
<strong>{{ trans('invoices.discount_desc') }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="discount card-footer py-3">
|
||||
<div class="row float-right">
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<a href="javascript:void(0)" @click="discount = false" class="btn btn-outline-secondary" @click="closePayment">
|
||||
{{ trans('general.cancel') }}
|
||||
</a>
|
||||
{!! Form::button(trans('general.save'), ['type' => 'button', 'id' => 'save-discount', '@click' => 'onAddTotalDiscount', 'class' => 'btn btn-success']) !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-link class="cursor-pointer text-info" slot="reference" type="primary" v-if="!totals.discount_text">{{ trans('invoices.add_discount') }}</el-link>
|
||||
<el-link slot="reference" type="primary" v-if="totals.discount_text" v-html="totals.discount_text"></el-link>
|
||||
</el-popover>
|
||||
</td>
|
||||
<td class="text-right border-top-0 border-bottom-0 pt-0 pb-0 pr-3">
|
||||
<div>
|
||||
{{ Form::moneyGroup('discount_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.discount', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
|
||||
<td class="border-t-0 py-0"></td>
|
||||
|
||||
<td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
<div v-if="show_discount_text">
|
||||
<span class="border-b border-transparent transition-all text-sm text-purple cursor-pointer hover:border-purple" v-if="!totals.discount_text" @click="onAddDiscount()">
|
||||
{{ trans('invoices.add_discount') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<span v-if="totals.discount_text" v-html="totals.discount_text"></span>
|
||||
|
||||
<div class="flex items-center justify-end" v-if="show_discount">
|
||||
<div class="w-16 flex items-center bg-gray-200 p-1 ltr:mr-2 rtl:ml-2 rounded-lg">
|
||||
<button type="button"
|
||||
class="w-7 flex justify-center px-2"
|
||||
:class="[{'btn-outline-primary' : form.discount_type !== 'percentage'}, {'bg-white rounded-lg' : form.discount_type === 'percentage'}]"
|
||||
@click="onChangeDiscountType('percentage')"
|
||||
>
|
||||
<span class="material-icons text-lg">percent</span>
|
||||
</button>
|
||||
|
||||
<button type="button"
|
||||
class="w-7 flex text-lg justify-center px-2"
|
||||
:class="[{'btn-outline-primary' : form.discount_type !== 'fixed'}, {'bg-white rounded-lg' : form.discount_type === 'fixed'}]"
|
||||
@click="onChangeDiscountType('fixed')"
|
||||
>
|
||||
{{ $currency->symbol }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<x-form.group.number name="pre_discount" id="pre-discount" form-group-class="-mt-1" v-model="form.discount" @input="onAddTotalDiscount" />
|
||||
</div>
|
||||
{!! Form::hidden('discount', null, ['id' => 'discount', 'class' => 'form-control text-right', 'v-model' => 'form.discount']) !!}
|
||||
</td>
|
||||
<td class="border-top-0 pt-0 pb-0" style="max-width: 50px"></td>
|
||||
|
||||
<td class="relative text-right border-t-0 border-b-0 py-0 pr-0">
|
||||
<div>
|
||||
<x-form.input.money
|
||||
name="discount_total"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
v-model="totals.discount"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<x-form.input.hidden name="discount" v-model="form.discount" />
|
||||
|
||||
<span v-if="delete_discount" @click="onRemoveDiscountArea()" class="material-icons-outlined absolute w-6 h-7 flex justify-center -right-10 top-2 text-lg text-gray-300 rounded-lg cursor-pointer hover:bg-gray-100 hover:text-gray-500">delete</span>
|
||||
</td>
|
||||
|
||||
<td class="border-t-0 py-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
@stack('add_discount_td_end')
|
||||
@endif
|
||||
|
||||
@stack('tax_total_td_start')
|
||||
<tr v-for="(tax, tax_index) in totals.taxes"
|
||||
:index="tax_index">
|
||||
<td class="border-top-0 pt-0 pb-0"></td>
|
||||
<td class="text-right border-top-0 border-right-0 border-bottom-0 align-middle pt-0 pb-0 pr-0">
|
||||
<strong v-html="tax.name"></strong>
|
||||
@stack('add_discount_td_end')
|
||||
@endif
|
||||
|
||||
@stack('tax_total_td_start')
|
||||
|
||||
<tr v-for="(tax, tax_index) in totals.taxes" :index="tax_index">
|
||||
<td class="border-t-0 pt-5 pb-0"></td>
|
||||
|
||||
<td class="text-right border-t-0 border-r-0 border-b-0 align-middle pt-5 pb-0 pr-0">
|
||||
<span class="font-medium" v-html="tax.name"></span>
|
||||
</td>
|
||||
<td class="text-right border-top-0 border-bottom-0 long-texts pb-0 pr-3">
|
||||
|
||||
<td class="text-right border-t-0 border-b-0 long-texts pt-5 pb-0 pl-3">
|
||||
<div>
|
||||
{{ Form::moneyGroup('tax_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'tax.total', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
|
||||
<x-form.input.money
|
||||
name="tax_total"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
v-model="tax.total"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-top-0 pt-0 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
@stack('tax_total_td_end')
|
||||
|
||||
@stack('grand_total_td_start')
|
||||
<td class="border-t-0 pt-5 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
|
||||
@stack('tax_total_td_end')
|
||||
|
||||
@stack('grand_total_td_start')
|
||||
|
||||
<tr id="tr-total">
|
||||
<td class="border-top-0 pt-0 pb-0"></td>
|
||||
<td class="text-right border-top-0 border-right-0 align-middle pt-0 pb-0 pr-0">
|
||||
<strong class="document-total-span">{{ trans('invoices.total') }}</strong>
|
||||
{{ Form::selectGroup('currency_code', '', 'exchange-alt', $currencies, $currency->code, ['required' => 'required', 'model' => 'form.currency_code', 'change' => 'onChangeCurrency'], 'document-total-currency') }}
|
||||
{!! Form::hidden('currency_rate', (!empty($document)) ? $document->currency_rate : $currency->rate, ['id' => 'currency_rate', 'class' => 'form-control', 'required' => 'required']) !!}
|
||||
<td class="border-t-0 pt-5 pb-0"></td>
|
||||
|
||||
<td class="flex items-center justify-end pt-5 pb-0">
|
||||
<span class="w-16 text-right font-medium mt-2 ltr:mr-2 rtl:ml-2">
|
||||
{{ trans('invoices.total') }}
|
||||
</span>
|
||||
|
||||
<x-form.group.select
|
||||
name="currency_code"
|
||||
:options="$currencies"
|
||||
selected="{{ $currency->code }}"
|
||||
change="onChangeCurrency"
|
||||
model="form.currency_code"
|
||||
form-group-class="h-8 -mt-2"
|
||||
/>
|
||||
|
||||
<x-form.input.hidden name="currency_rate" :value="(!empty($document)) ? $document->currency_rate : $currency->rate" />
|
||||
</td>
|
||||
<td class="text-right border-top-0 long-texts pt-0 pb-0 pr-3">
|
||||
|
||||
<td class="text-right border-t-0 long-texts pt-5 pb-0 pr-0">
|
||||
<div>
|
||||
{{ Form::moneyGroup('grand_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.total', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
|
||||
<x-form.input.money
|
||||
name="grand_total"
|
||||
value="0"
|
||||
disabled
|
||||
row-input
|
||||
v-model="totals.total"
|
||||
:currency="$currency"
|
||||
dynamicCurrency="currency"
|
||||
money-class="text-right disabled-money px-0"
|
||||
form-group-class="text-right disabled-money"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-top-0 pt-0 pb-0" style="max-width: 50px"></td>
|
||||
|
||||
<td class="border-t-0 pt-5 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
|
||||
@stack('grand_total_td_end')
|
||||
|
||||
@stack('currency_conversion_td_start')
|
||||
<tr id="tr-currency-conversion" class="d-none" :class="[{'d-table-row': (('{{ $currency->code }}' != form.currency_code) && totals.total || dropdown_visible)}]">
|
||||
<td class="border-top-0 pb-0"></td>
|
||||
<td class="text-right border-top-0 border-right-0 align-middle pb-0 pr-3 pr-0" colspan="2">
|
||||
<akaunting-currency-conversion
|
||||
currency-conversion-text="{{ trans('currencies.conversion') }}"
|
||||
:price="(totals.total / form.currency_rate).toFixed(2)"
|
||||
:currecy-code="form.currency_code"
|
||||
:currency-rate="form.currency_rate"
|
||||
:currency-symbol="currency_symbol"
|
||||
@change="form.currency_rate = $event"
|
||||
></akaunting-currency-conversion>
|
||||
</td>
|
||||
<td class="border-top-0 pt-0 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
@stack('currency_conversion_td_end')
|
||||
|
||||
<tr id="tr-currency-conversion" :class="[
|
||||
{'hidden': ! (('{{ $currency->code }}' != form.currency_code) && totals.total || dropdown_visible)},
|
||||
{'contents': (('{{ $currency->code }}' != form.currency_code) && totals.total || dropdown_visible)}
|
||||
]">
|
||||
<td class="border-t-0 pt-5 pb-0"></td>
|
||||
|
||||
<td colspan="2" class="text-right border-t-0 border-r-0 align-middle pt-5 pb-0 pr-0">
|
||||
<akaunting-currency-conversion
|
||||
currency-conversion-text="{{ trans('currencies.conversion') }}"
|
||||
:price="(totals.total / form.currency_rate).toFixed(2)"
|
||||
:currecy-code="form.currency_code"
|
||||
:currency-rate="form.currency_rate"
|
||||
:currency-symbol="currency_symbol"
|
||||
@change="form.currency_rate = $event"
|
||||
></akaunting-currency-conversion>
|
||||
</td>
|
||||
|
||||
<td class="border-t-0 pt-5 pb-0" style="max-width: 50px"></td>
|
||||
</tr>
|
||||
|
||||
@stack('currency_conversion_td_end')
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user