71 lines
4.5 KiB
PHP
71 lines
4.5 KiB
PHP
<x-form id="form-transaction" :method="$method" :route="$route" :model="!empty($transaction) ? $transaction : false">
|
|
<div class="rounded-xl px-5 py-3 mb-5 bg-red-100" v-if="typeof form.response !== 'undefined' && form.response.error">
|
|
<p class="text-sm mb-0 text-red-600" v-html="form.response.message"></p>
|
|
</div>
|
|
|
|
<div x-data="{ active: 'general' }">
|
|
<div>
|
|
<div>
|
|
<ul class="grid grid-cols-6">
|
|
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-3"
|
|
id="tab-general"
|
|
data-id="tab-general"
|
|
data-tabs="general"
|
|
x-on:click="active = 'general'"
|
|
x-bind:class="active != 'general' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
|
>
|
|
{{ trans('general.general') }}
|
|
|
|
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('paid_at')||form.errors.has('amount')||form.errors.has('payment_method')||form.errors.has('account_id')">
|
|
{{ trans('general.validation_error') }}
|
|
</span>
|
|
</li>
|
|
|
|
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-3"
|
|
id="tab-other"
|
|
data-id="tab-other"
|
|
data-tabs="other"
|
|
x-on:click="active = 'other'"
|
|
x-bind:class="active != 'other' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
|
>
|
|
{{ trans_choice('general.others', 1) }}
|
|
|
|
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('number')||form.errors.has('description')||form.errors.has('recurring')">
|
|
{{ trans('general.validation_error') }}
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'">
|
|
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
|
<x-form.group.date name="paid_at" label="{{ trans('general.date') }}" icon="calendar_today" value="{{ $document->paid_at }}" show-date-format="{{ company_date_format() }}" date-format="Y-m-d" autocomplete="off" form-group-class="col-span-6" />
|
|
|
|
<x-form.group.money name="amount" label="{{ trans('general.amount') }}" value="{{ $document->grand_total }}" autofocus="autofocus" :currency="$currency" dynamicCurrency="currency" form-group-class="col-span-6" />
|
|
|
|
<x-form.group.payment-method form-group-class="col-span-6"/>
|
|
|
|
<x-form.group.account change="onChangePaymentAccount" form-group-class="col-span-6" without-add-new />
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'">
|
|
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
|
<x-form.group.textarea name="description" label="{{ trans('general.description') }}" rows="2" not-required form-group-class="col-span-6" />
|
|
|
|
<x-form.group.text name="number" label="{{ trans_choice('general.numbers', 1) }}" value="{{ $number }}" form-group-class="col-span-6" />
|
|
|
|
<x-form.group.text name="reference" label="{{ trans('general.reference') }}" not-required form-group-class="col-span-6" />
|
|
|
|
<x-form.input.hidden name="document_id" :value="$document->id" />
|
|
<x-form.input.hidden name="category_id" :value="$document->category->id" />
|
|
<x-form.input.hidden name="amount" :value="$document->grand_total" />
|
|
<x-form.input.hidden name="currency_code" :value="$document->currency_code" />
|
|
<x-form.input.hidden name="currency_rate" :value="$document->currency_rate" />
|
|
<x-form.input.hidden name="type" :value="config('type.document.' . $document->type . '.transaction_type')" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-form>
|