Merge pull request #2619 from brkcvn/code-clean
HTML structures development
This commit is contained in:
		| @@ -28,6 +28,7 @@ return [ | ||||
|         'create'            => ':user created this transfer on :date', | ||||
|         'transactions'      => 'List of transactions related to this transfer', | ||||
|         'transactions_desc' => ':number transaction for :account', | ||||
|         'attachments'       => 'Download the files attached to this transfer', | ||||
|     ], | ||||
|  | ||||
| ]; | ||||
|   | ||||
| @@ -57,9 +57,9 @@ | ||||
|                     @stack('remember_input_end') | ||||
|  | ||||
|                     @stack('forgotten-password-start') | ||||
|                     <a href="{{ route('forgot') }}" class="text-black-400 hover:text-black-700 text-sm"> | ||||
|                     <x-link href="{{ route('forgot') }}" class="text-black-400 hover:text-black-700 text-sm" override="class"> | ||||
|                         {{ trans('auth.forgot_password') }} | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @stack('forgotten-password-end') | ||||
|                 </div> | ||||
|  | ||||
|   | ||||
| @@ -25,8 +25,8 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.all /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -34,7 +34,7 @@ | ||||
|                                 <x-sortablelink column="name" title="{{ trans('general.name') }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-4/12"> | ||||
|                             <x-table.th class="w-4/12" hidden-mobile> | ||||
|                                 <x-sortablelink column="email" title="{{ trans('general.email') }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -47,7 +47,7 @@ | ||||
|                     <x-table.tbody> | ||||
|                         @foreach($users as $item) | ||||
|                             <x-table.tr href="{{ route('users.edit', $item->id) }}"> | ||||
|                                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                 <x-table.td kind="bulkaction"> | ||||
|                                     <x-index.bulkaction.single | ||||
|                                         id="{{ $item->id }}" | ||||
|                                         name="{{ $item->name }}" | ||||
| @@ -77,20 +77,18 @@ | ||||
|                                     </div> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-4/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-4/12" hidden-mobile> | ||||
|                                     {{ $item->email }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td | ||||
|                                     class="w-4/12 sm:w-3/12 ltr:pl-0 rtl:pr-0 ltr:text-right rtl:text-left py-4 whitespace-nowrap text-sm font-normal text-black space-x-2 truncate" | ||||
|                                     override="class" | ||||
|                                     kind="right" | ||||
|                                 > | ||||
|                                     @foreach($item->roles as $role) | ||||
|                                         <span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black"> | ||||
|                                             {{ $role->display_name }} | ||||
|                                         </span> | ||||
|                                     @endforeach | ||||
|                                 <x-table.td kind="right"> | ||||
|                                     <div class="space-x-2"> | ||||
|                                         @foreach($item->roles as $role) | ||||
|                                             <span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black"> | ||||
|                                                 {{ $role->display_name }} | ||||
|                                             </span> | ||||
|                                         @endforeach | ||||
|                                     </div> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td kind="action"> | ||||
|   | ||||
| @@ -26,8 +26,8 @@ | ||||
|  | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th kind="bulkaction"> | ||||
|                             <x-index.bulkaction.all /> | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -40,7 +40,7 @@ | ||||
|                             </x-slot> | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-4/12 hidden sm:table-cell"> | ||||
|                         <x-table.th class="w-4/12" hidden-mobile> | ||||
|                             <x-slot name="first"> | ||||
|                                 <x-sortablelink column="bank_name" title="{{ trans('accounts.bank_name') }}" /> | ||||
|                             </x-slot> | ||||
| @@ -58,15 +58,13 @@ | ||||
|                 <x-table.tbody> | ||||
|                     @foreach($accounts as $item) | ||||
|                         <x-table.tr href="{{ route('accounts.show', $item->id) }}"> | ||||
|                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                             <x-table.td kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-6/12 sm:w-5/12 truncate"> | ||||
|                             <x-table.td class="w-6/12 sm:w-5/12"> | ||||
|                                 <x-slot name="first" class="flex"> | ||||
|                                     <div class="font-bold truncate"> | ||||
|                                         {{ $item->name }} | ||||
|                                     </div> | ||||
|                                     {{ $item->name }} | ||||
|  | ||||
|                                     @if (! $item->enabled) | ||||
|                                         <x-index.disable text="{{ trans_choice('general.accounts', 1) }}" /> | ||||
| @@ -81,7 +79,7 @@ | ||||
|                                 </x-slot> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-4/12 truncate hidden sm:table-cell"> | ||||
|                             <x-table.td class="w-4/12" hidden-mobile> | ||||
|                                 <x-slot name="first"> | ||||
|                                     @if (! empty($item->bank_name)) | ||||
|                                         {{ $item->bank_name }} | ||||
|   | ||||
| @@ -215,7 +215,6 @@ | ||||
|                                 id="transactions" | ||||
|                                 name="{{ trans_choice('general.transactions', 2) }}" | ||||
|                                 active | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|  | ||||
|                             @stack('transfers_nav_start') | ||||
| @@ -223,7 +222,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="transfers" | ||||
|                                 name="{{ trans_choice('general.transfers', 2) }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|  | ||||
|                             @stack('transfers_nav_end') | ||||
| @@ -236,7 +234,7 @@ | ||||
|                                 @if ($transactions->count()) | ||||
|                                     <x-table> | ||||
|                                         <x-table.thead> | ||||
|                                             <x-table.tr class="flex items-center px-1"> | ||||
|                                             <x-table.tr> | ||||
|                                                 <x-table.th class="w-6/12 lg:w-3/12"> | ||||
|                                                     <x-slot name="first"> | ||||
|                                                         <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" /> | ||||
| @@ -246,7 +244,7 @@ | ||||
|                                                     </x-slot> | ||||
|                                                 </x-table.th> | ||||
|  | ||||
|                                                 <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                                                 <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                                     <x-slot name="first"> | ||||
|                                                         <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> | ||||
|                                                     </x-slot> | ||||
| @@ -255,7 +253,7 @@ | ||||
|                                                     </x-slot> | ||||
|                                                 </x-table.th> | ||||
|  | ||||
|                                                 <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                                                 <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                                     <x-slot name="first"> | ||||
|                                                         <x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" /> | ||||
|                                                     </x-slot> | ||||
| @@ -282,7 +280,7 @@ | ||||
|                                                         </x-slot> | ||||
|                                                     </x-table.td> | ||||
|  | ||||
|                                                     <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                                     <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                                         <x-slot name="first"> | ||||
|                                                             {{ $item->type_title }} | ||||
|                                                         </x-slot> | ||||
| @@ -291,16 +289,16 @@ | ||||
|                                                         </x-slot> | ||||
|                                                     </x-table.td> | ||||
|  | ||||
|                                                     <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                                     <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                                         <x-slot name="first"> | ||||
|                                                             {{ $item->contact->name }} | ||||
|                                                         </x-slot> | ||||
|                                                         <x-slot name="second" class="w-20 font-normal group"> | ||||
|                                                             @if ($item->document) | ||||
|                                                             <div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class"> | ||||
|                                                                 <a href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed"> | ||||
|                                                                 <x-link href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed" override="class"> | ||||
|                                                                     {{ $item->document->document_number }} | ||||
|                                                                 </a> | ||||
|                                                                 </x-link> | ||||
|  | ||||
|                                                                 <div class="w-28 absolute h-10 -ml-12 -mt-6"></div> | ||||
|  | ||||
| @@ -336,8 +334,8 @@ | ||||
|                                 @if ($transfers->count()) | ||||
|                                     <x-table> | ||||
|                                         <x-table.thead> | ||||
|                                             <x-table.tr class="flex items-center px-1"> | ||||
|                                                 <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                                             <x-table.tr> | ||||
|                                                 <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                                     <x-slot name="first"> | ||||
|                                                         <x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" /> | ||||
|                                                     </x-slot> | ||||
| @@ -386,7 +384,7 @@ | ||||
|                                                 @endphp | ||||
|  | ||||
|                                                 <x-table.tr href="{{ route('transfers.show', $item->id) }}"> | ||||
|                                                     <x-table.td class="w-3/12 truncate hidden sm:table-cell"> | ||||
|                                                     <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                                         <x-slot name="first" class="flex items-center font-bold" override="class"> | ||||
|                                                             <x-date date="{{ $item->expense_transaction->paid_at }}" /> | ||||
|                                                         </x-slot> | ||||
|   | ||||
| @@ -12,8 +12,8 @@ | ||||
|     <x-slot name="content"> | ||||
|         <div class="relative mt-4"> | ||||
|             <x-form id="form-create-reconciliation" method="get" route="reconciliations.create"> | ||||
|                 <div class=" mb-14"> | ||||
|                     <div class="grid sm:grid-cols-10 gap-x-8 gap-y-6 my-3.5 mt-3.5 lg:mt-8"> | ||||
|                 <x-form.section column-number="sm:grid-cols-10"> | ||||
|                     <x-slot name="body"> | ||||
|                         <x-form.group.date | ||||
|                             name="started_at" | ||||
|                             label="{{ trans('reconciliations.start_date') }}" | ||||
| @@ -66,8 +66,8 @@ | ||||
|                                 {{ trans('reconciliations.transactions') }} | ||||
|                             </x-button> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </div> | ||||
|                     </x-slot> | ||||
|                 </x-form.section> | ||||
|             </x-form> | ||||
|  | ||||
|             <div id="reconciliations-table"> | ||||
| @@ -84,171 +84,167 @@ | ||||
|                     <x-form.input.hidden name="ended_at" :value="request('ended_at')" /> | ||||
|                     <x-form.input.hidden name="reconcile" value="0" id="hidden-reconcile" /> | ||||
|  | ||||
|                     <div class="overflow-x-visible"> | ||||
|                         <div class="py-2 align-middle inline-block min-w-full"> | ||||
|                             <table class="min-w-full divide-y divide-gray-200"> | ||||
|                                 <thead> | ||||
|                                     <tr class="flex items-center px-1"> | ||||
|                                         <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             {{ trans('general.date') }} | ||||
|                                         </th> | ||||
|                     <x-table> | ||||
|                         <x-table.thead> | ||||
|                             <x-table.tr> | ||||
|                                 <x-table.th class="w-6/12 lg:w-2/12"> | ||||
|                                     {{ trans('general.date') }} | ||||
|                                 </x-table.th> | ||||
|  | ||||
|                                         <th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             {{ trans('general.description') }} | ||||
|                                         </th> | ||||
|                                 <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                     {{ trans('general.description') }} | ||||
|                                 </x-table.th> | ||||
|  | ||||
|                                         <th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             {{ trans_choice('general.contacts', 1) }} | ||||
|                                         </th> | ||||
|                                 <x-table.th class="w-6/12 lg:w-3/12"> | ||||
|                                     {{ trans_choice('general.contacts', 1) }} | ||||
|                                 </x-table.th> | ||||
|  | ||||
|                                         <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             {{ trans('reconciliations.deposit') }} | ||||
|                                         </th> | ||||
|                                 <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                     {{ trans('reconciliations.deposit') }} | ||||
|                                 </x-table.th> | ||||
|  | ||||
|                                         <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             {{ trans('reconciliations.withdrawal') }} | ||||
|                                         </th> | ||||
|                                 <x-table.th class="w-6/12 lg:w-2/12" hidden-mobile> | ||||
|                                     {{ trans('reconciliations.withdrawal') }} | ||||
|                                 </x-table.th> | ||||
|  | ||||
|                                         <th scope="col" class="ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left py-4 text-center text-sm font-medium"> | ||||
|                                             {{ trans('general.clear') }} | ||||
|                                         </th> | ||||
|                                     </tr> | ||||
|                                 </thead> | ||||
|                                 <x-table.th kind="amount" class="none-truncate"> | ||||
|                                     {{ trans('general.clear') }} | ||||
|                                 </x-table.th> | ||||
|                             </x-table.tr> | ||||
|                         </x-table.thead> | ||||
|  | ||||
|                                 <tbody> | ||||
|                                     @foreach($transactions as $item) | ||||
|                                     <tr class="relative flex items-center border-b hover:bg-gray-100 px-1 group"> | ||||
|                                         <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             <x-date date="{{ $item->paid_at }}" /> | ||||
|                                         </td> | ||||
|                         <x-table.tbody> | ||||
|                         @foreach($transactions as $item) | ||||
|                             <x-table.tr> | ||||
|                                 <x-table.td class="w-6/12 lg:w-2/12" kind="cursor-none"> | ||||
|                                     <x-date date="{{ $item->paid_at }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                         <td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> | ||||
|                                             {{ $item->description }} | ||||
|                                         </td> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile kind="cursor-none"> | ||||
|                                     {{ $item->description }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                         <td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> | ||||
|                                             {{ $item->contact->name }} | ||||
|                                         </td> | ||||
|                                 <x-table.td class="w-6/12 lg:w-3/12" kind="cursor-none"> | ||||
|                                     {{ $item->contact->name }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                         @if ($item->isIncome()) | ||||
|                                             <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                                 <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                             </td> | ||||
|                                 @if ($item->isIncome()) | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                     </x-table.td> | ||||
|  | ||||
|                                             <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                                 <x-empty-data /> | ||||
|                                             </td> | ||||
|                                         @else | ||||
|                                             <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                                 <x-empty-data /> | ||||
|                                             </td> | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-empty-data /> | ||||
|                                     </x-table.td> | ||||
|                                 @else | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-empty-data /> | ||||
|                                     </x-table.td> | ||||
|  | ||||
|                                             <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                                 <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                             </td> | ||||
|                                         @endif | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                     </x-table.td> | ||||
|                                 @endif | ||||
|  | ||||
|                                         <td class="ltr:pl-6 rtl:pr-6 py-4 text-center text-sm font-medium"> | ||||
|                                             @php $type = $item->isIncome() ? 'income' : 'expense'; @endphp | ||||
|                                 <x-table.td kind="amount" class="none-truncate"> | ||||
|                                     @php $type = $item->isIncome() ? 'income' : 'expense'; @endphp | ||||
|  | ||||
|                                             <x-form.input.checkbox name="{{ $type . '_' . $item->id }}" | ||||
|                                                 label="" | ||||
|                                                 id="transaction-{{ $item->id . '-'. $type }}" | ||||
|                                                 :value="$item->amount_for_account" | ||||
|                                                 :checked="$item->reconciled" | ||||
|                                                 data-field="transactions" | ||||
|                                                 v-model="form.transactions.{{ $type . '_' . $item->id }}" | ||||
|                                                 @change="onCalculate" | ||||
|                                     <x-form.input.checkbox name="{{ $type . '_' . $item->id }}" | ||||
|                                         label="" | ||||
|                                         id="transaction-{{ $item->id . '-'. $type }}" | ||||
|                                         :value="$item->amount_for_account" | ||||
|                                         :checked="$item->reconciled" | ||||
|                                         data-field="transactions" | ||||
|                                         v-model="form.transactions.{{ $type . '_' . $item->id }}" | ||||
|                                         @change="onCalculate" | ||||
|                                     /> | ||||
|                                 </x-table.td> | ||||
|                             </x-table.tr> | ||||
|                         @endforeach | ||||
|                         </x-table.tbody> | ||||
|                     </x-table> | ||||
|  | ||||
|                     @if ($transactions->count()) | ||||
|                         <table class="min-w-full divide-y divide-gray-200"> | ||||
|                             <tbody class="float-right"> | ||||
|                                 <tr class="border-b"> | ||||
|                                     <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                         {{ trans('reconciliations.opening_balance') }}: | ||||
|                                     </th> | ||||
|  | ||||
|                                     <td id="closing-balance" class="w-3/12 ltr:text-right rtl:text-left"> | ||||
|                                         <span class="w-auto pl-6 text-sm"> | ||||
|                                             <x-money :amount="$opening_balance" :currency="$account->currency_code" convert /> | ||||
|                                         </span> | ||||
|                                     </td> | ||||
|                                 </tr> | ||||
|  | ||||
|                                 <tr class="border-b"> | ||||
|                                     <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                         {{ trans('reconciliations.closing_balance') }}: | ||||
|                                     </th> | ||||
|  | ||||
|                                     <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                         <x-form.input.money | ||||
|                                             name="closing_balance_total" | ||||
|                                             value="0" | ||||
|                                             disabled | ||||
|                                             row-input | ||||
|                                             v-model="totals.closing_balance" | ||||
|                                             :currency="$currency" | ||||
|                                             dynamicCurrency="currency" | ||||
|                                             money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                             form-group-class="text-right disabled-money" | ||||
|                                         /> | ||||
|                                     </td> | ||||
|                                 </tr> | ||||
|  | ||||
|                                 <tr class="border-b"> | ||||
|                                     <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                         {{ trans('reconciliations.cleared_amount') }}: | ||||
|                                     </th> | ||||
|  | ||||
|                                     <td id="cleared-amount" class="w-3/12 text-right"> | ||||
|                                         <x-form.input.money | ||||
|                                             name="cleared_amount_total" | ||||
|                                             value="0" | ||||
|                                             disabled | ||||
|                                             row-input | ||||
|                                             v-model="totals.cleared_amount" | ||||
|                                             :currency="$currency" | ||||
|                                             dynamicCurrency="currency" | ||||
|                                             money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                             form-group-class="text-right disabled-money" | ||||
|                                         /> | ||||
|                                     </td> | ||||
|                                 </tr> | ||||
|  | ||||
|                                 <tr class="border-b"> | ||||
|                                     <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black cursor-pointer"> | ||||
|                                         <span class="px-2 py-1 rounded-xl" :class="difference"> | ||||
|                                             {{ trans('general.difference') }} | ||||
|                                         </span> | ||||
|                                     </th> | ||||
|  | ||||
|                                     <td id="difference" class="w-3/12 ltr:pl-6 rtl:pr-0 text-right"> | ||||
|                                         <div class="difference-money"> | ||||
|                                             <x-form.input.money | ||||
|                                                 name="difference_total" | ||||
|                                                 value="0" | ||||
|                                                 disabled | ||||
|                                                 row-input | ||||
|                                                 v-model="totals.difference" | ||||
|                                                 :currency="$currency" | ||||
|                                                 dynamicCurrency="currency" | ||||
|                                                 money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                 form-group-class="text-right disabled-money" | ||||
|                                             /> | ||||
|                                         </td> | ||||
|                                     </tr> | ||||
|                                     @endforeach | ||||
|                                 </tbody> | ||||
|                             </table> | ||||
|  | ||||
|                             @if ($transactions->count()) | ||||
|                                 <table class="min-w-full divide-y divide-gray-200"> | ||||
|                                     <tbody class="float-right"> | ||||
|                                         <tr class="border-b"> | ||||
|                                             <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                                 {{ trans('reconciliations.opening_balance') }}: | ||||
|                                             </th> | ||||
|  | ||||
|                                             <td id="closing-balance" class="w-3/12 ltr:text-right rtl:text-left"> | ||||
|                                                 <span class="w-auto pl-6 text-sm"> | ||||
|                                                     <x-money :amount="$opening_balance" :currency="$account->currency_code" convert /> | ||||
|                                                 </span> | ||||
|                                             </td> | ||||
|                                         </tr> | ||||
|  | ||||
|                                         <tr class="border-b"> | ||||
|                                             <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                                 {{ trans('reconciliations.closing_balance') }}: | ||||
|                                             </th> | ||||
|  | ||||
|                                             <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                                 <x-form.input.money | ||||
|                                                     name="closing_balance_total" | ||||
|                                                     value="0" | ||||
|                                                     disabled | ||||
|                                                     row-input | ||||
|                                                     v-model="totals.closing_balance" | ||||
|                                                     :currency="$currency" | ||||
|                                                     dynamicCurrency="currency" | ||||
|                                                     money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                     form-group-class="text-right disabled-money" | ||||
|                                                 /> | ||||
|                                             </td> | ||||
|                                         </tr> | ||||
|  | ||||
|                                         <tr class="border-b"> | ||||
|                                             <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                                 {{ trans('reconciliations.cleared_amount') }}: | ||||
|                                             </th> | ||||
|  | ||||
|                                             <td id="cleared-amount" class="w-3/12 text-right"> | ||||
|                                                 <x-form.input.money | ||||
|                                                     name="cleared_amount_total" | ||||
|                                                     value="0" | ||||
|                                                     disabled | ||||
|                                                     row-input | ||||
|                                                     v-model="totals.cleared_amount" | ||||
|                                                     :currency="$currency" | ||||
|                                                     dynamicCurrency="currency" | ||||
|                                                     money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                     form-group-class="text-right disabled-money" | ||||
|                                                 /> | ||||
|                                             </td> | ||||
|                                         </tr> | ||||
|  | ||||
|                                         <tr class="border-b"> | ||||
|                                             <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black cursor-pointer"> | ||||
|                                                 <span class="px-2 py-1 rounded-xl" :class="difference"> | ||||
|                                                     {{ trans('general.difference') }} | ||||
|                                                 </span> | ||||
|                                             </th> | ||||
|  | ||||
|                                             <td id="difference" class="w-3/12 ltr:pl-6 rtl:pr-0 text-right"> | ||||
|                                                 <div class="difference-money"> | ||||
|                                                     <x-form.input.money | ||||
|                                                         name="difference_total" | ||||
|                                                         value="0" | ||||
|                                                         disabled | ||||
|                                                         row-input | ||||
|                                                         v-model="totals.difference" | ||||
|                                                         :currency="$currency" | ||||
|                                                         dynamicCurrency="currency" | ||||
|                                                         money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                         form-group-class="text-right disabled-money" | ||||
|                                                     /> | ||||
|                                                 </div> | ||||
|                                             </td> | ||||
|                                         </tr> | ||||
|                                     </tbody> | ||||
|                                 </table> | ||||
|                             @endif | ||||
|                         </div> | ||||
|                     </div> | ||||
|                                         </div> | ||||
|                                     </td> | ||||
|                                 </tr> | ||||
|                             </tbody> | ||||
|                         </table> | ||||
|                     @endif | ||||
|  | ||||
|                     <div class="mt-6"> | ||||
|                         @if ($transactions->count()) | ||||
|   | ||||
| @@ -18,181 +18,177 @@ | ||||
|                 <x-form.input.hidden name="ended_at" :value="$reconciliation->ended_at" /> | ||||
|                 <x-form.input.hidden name="reconcile" :value="$reconciliation->reconcile" id="hidden-reconcile" /> | ||||
|  | ||||
|                 <div class="overflow-x-visible"> | ||||
|                     <div class="py-2 align-middle inline-block min-w-full"> | ||||
|                         <table class="min-w-full divide-y divide-gray-200"> | ||||
|                             <thead> | ||||
|                                 <tr class="flex items-center px-1"> | ||||
|                                     <th scope="col" class="w-2/12  ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         {{ trans('general.date') }} | ||||
|                                     </th> | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th class="w-6/12 lg:w-2/12"> | ||||
|                                 {{ trans('general.date') }} | ||||
|                             </x-table.th> | ||||
|  | ||||
|                                     <th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         {{ trans('general.description') }} | ||||
|                                     </th> | ||||
|                             <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                 {{ trans('general.description') }} | ||||
|                             </x-table.th> | ||||
|  | ||||
|                                     <th scope="col" class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         {{ trans_choice('general.contacts', 1) }} | ||||
|                                     </th> | ||||
|                             <x-table.th class="w-6/12 lg:w-3/12"> | ||||
|                                 {{ trans_choice('general.contacts', 1) }} | ||||
|                             </x-table.th> | ||||
|  | ||||
|                                     <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         {{ trans('reconciliations.deposit') }} | ||||
|                                     </th> | ||||
|                             <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                 {{ trans('reconciliations.deposit') }} | ||||
|                             </x-table.th> | ||||
|  | ||||
|                                     <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         {{ trans('reconciliations.withdrawal') }} | ||||
|                                     </th> | ||||
|                             <x-table.th class="w-6/12 lg:w-2/12" hidden-mobile> | ||||
|                                 {{ trans('reconciliations.withdrawal') }} | ||||
|                             </x-table.th> | ||||
|  | ||||
|                                     <th scope="col" class="ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left py-4 text-center text-sm font-medium"> | ||||
|                                         {{ trans('general.clear') }} | ||||
|                                     </th> | ||||
|                                 </tr> | ||||
|                             </thead> | ||||
|                             <x-table.th kind="amount" class="none-truncate"> | ||||
|                                 {{ trans('general.clear') }} | ||||
|                             </x-table.th> | ||||
|                         </x-table.tr> | ||||
|                     </x-table.thead> | ||||
|  | ||||
|                             <tbody> | ||||
|                                 @foreach($transactions as $item) | ||||
|                                 <tr class="relative flex items-center border-b hover:bg-gray-100 px-1 group"> | ||||
|                                     <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                         <x-date date="{{ $item->paid_at }}" /> | ||||
|                                     </td> | ||||
|                     <x-table.tbody> | ||||
|                         @foreach($transactions as $item) | ||||
|                             <x-table.tr> | ||||
|                                 <x-table.td class="w-6/12 lg:w-2/12" kind="cursor-none"> | ||||
|                                     <x-date date="{{ $item->paid_at }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                     <td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> | ||||
|                                         {{ $item->description }} | ||||
|                                     </td> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile kind="cursor-none"> | ||||
|                                     {{ $item->description }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                     <td class="w-3/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider truncate"> | ||||
|                                         {{ $item->contact->name }} | ||||
|                                     </td> | ||||
|                                 <x-table.td class="w-6/12 lg:w-3/12" kind="cursor-none"> | ||||
|                                     {{ $item->contact->name }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                     @if ($item->isIncome()) | ||||
|                                         <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                         </td> | ||||
|                                 @if ($item->isIncome()) | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-money :amount="$item->amount" hidden-mobile :currency="$item->currency_code" convert /> | ||||
|                                     </x-table.td> | ||||
|  | ||||
|                                         <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             <x-empty-data /> | ||||
|                                         </td> | ||||
|                                     @else | ||||
|                                         <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             <x-empty-data /> | ||||
|                                         </td> | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-empty-data /> | ||||
|                                     </x-table.td> | ||||
|                                 @else | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-empty-data /> | ||||
|                                     </x-table.td> | ||||
|  | ||||
|                                         <td class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider"> | ||||
|                                             <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                         </td> | ||||
|                                     @endif | ||||
|                                     <x-table.td class="w-6/12 lg:w-2/12" hidden-mobile kind="cursor-none"> | ||||
|                                         <x-money :amount="$item->amount" :currency="$item->currency_code" convert /> | ||||
|                                     </x-table.td> | ||||
|                                 @endif | ||||
|  | ||||
|                                     <td class="ltr:pl-6 rtl:pr-6 py-4 text-center text-sm font-medium"> | ||||
|                                         @php | ||||
|                                             $type = $item->isIncome() ? 'income' : 'expense'; | ||||
|                                             $name = $type . '_' . $item->id; | ||||
|                                 <x-table.td kind="amount" class="none-truncate"> | ||||
|                                     @php | ||||
|                                         $type = $item->isIncome() ? 'income' : 'expense'; | ||||
|                                         $name = $type . '_' . $item->id; | ||||
|  | ||||
|                                             $checked = $item->reconciled; | ||||
|                                         $checked = $item->reconciled; | ||||
|  | ||||
|                                             if (! $reconciliation->reconciled && array_key_exists($name, $reconciliation->transactions)) { | ||||
|                                                 $checked = (empty($reconciliation->transactions[$name]) || $reconciliation->transactions[$name] === 'false') ? 0 : 1; | ||||
|                                             } | ||||
|                                         @endphp | ||||
|                                         if (! $reconciliation->reconciled && array_key_exists($name, $reconciliation->transactions)) { | ||||
|                                             $checked = (empty($reconciliation->transactions[$name]) || $reconciliation->transactions[$name] === 'false') ? 0 : 1; | ||||
|                                         } | ||||
|                                     @endphp | ||||
|  | ||||
|                                         <x-form.input.checkbox name="{{ $type . '_' . $item->id }}" | ||||
|                                             label="" | ||||
|                                             id="transaction-{{ $item->id . '-'. $type }}" | ||||
|                                             :value="$item->amount_for_account" | ||||
|                                             :checked="$checked" | ||||
|                                             data-field="transactions" | ||||
|                                             v-model="form.transactions.{{ $type . '_' . $item->id }}" | ||||
|                                             class="text-purple focus:outline-none focus:ring-purple focus:border-purple" | ||||
|                                             @change="onCalculate" | ||||
|                                     <x-form.input.checkbox name="{{ $type . '_' . $item->id }}" | ||||
|                                         label="" | ||||
|                                         id="transaction-{{ $item->id . '-'. $type }}" | ||||
|                                         :value="$item->amount_for_account" | ||||
|                                         :checked="$checked" | ||||
|                                         data-field="transactions" | ||||
|                                         v-model="form.transactions.{{ $type . '_' . $item->id }}" | ||||
|                                         class="text-purple focus:outline-none focus:ring-purple focus:border-purple" | ||||
|                                         @change="onCalculate" | ||||
|                                     /> | ||||
|                                 </x-table.td> | ||||
|                             </x-table.tr> | ||||
|                         @endforeach | ||||
|                     </x-table.tbody> | ||||
|                 </x-table> | ||||
|  | ||||
|                 @if ($transactions->count()) | ||||
|                     <table class="min-w-full divide-y divide-gray-200"> | ||||
|                         <tbody class="float-right"> | ||||
|                             <tr class="border-b"> | ||||
|                                 <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                     {{ trans('reconciliations.opening_balance') }}: | ||||
|                                 </th> | ||||
|  | ||||
|                                 <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                     <span class="w-auto pl-6 text-sm"> | ||||
|                                         <x-money :amount="$opening_balance" :currency="$account->currency_code" convert /> | ||||
|                                     </span> | ||||
|                                 </td> | ||||
|                             </tr> | ||||
|  | ||||
|                             <tr class="border-b"> | ||||
|                                 <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                     {{ trans('reconciliations.closing_balance') }}: | ||||
|                                 </th> | ||||
|  | ||||
|                                 <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                     <x-form.input.money | ||||
|                                         name="closing_balance_total" | ||||
|                                         value="0" | ||||
|                                         disabled | ||||
|                                         row-input | ||||
|                                         v-model="totals.closing_balance" | ||||
|                                         :currency="$currency" | ||||
|                                         dynamicCurrency="currency" | ||||
|                                         money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                         form-group-class="text-right disabled-money" | ||||
|                                     /> | ||||
|                                 </td> | ||||
|                             </tr> | ||||
|  | ||||
|                             <tr class="border-b"> | ||||
|                                 <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                     {{ trans('reconciliations.cleared_amount') }}: | ||||
|                                 </th> | ||||
|  | ||||
|                                 <td id="cleared-amount" class="w-3/12 text-right"> | ||||
|                                     <x-form.input.money | ||||
|                                         name="cleared_amount_total" | ||||
|                                         value="0" | ||||
|                                         disabled | ||||
|                                         row-input | ||||
|                                         v-model="totals.cleared_amount" | ||||
|                                         :currency="$currency" | ||||
|                                         dynamicCurrency="currency" | ||||
|                                         money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                         form-group-class="text-right disabled-money" | ||||
|                                     /> | ||||
|                                 </td> | ||||
|                             </tr> | ||||
|  | ||||
|                             <tr> | ||||
|                                 <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black cursor-pointer"> | ||||
|                                     <span class="px-2 py-1 rounded-xl" :class="difference"> | ||||
|                                         {{ trans('general.difference') }} | ||||
|                                     </span> | ||||
|                                 </th> | ||||
|  | ||||
|                                 <td id="difference" class="w-3/12 ltr:pl-6 rtl:pr-0 text-right"> | ||||
|                                     <div class="difference-money"> | ||||
|                                         <x-form.input.money | ||||
|                                             name="difference_total" | ||||
|                                             value="0" | ||||
|                                             disabled | ||||
|                                             row-input | ||||
|                                             v-model="totals.difference" | ||||
|                                             :currency="$currency" | ||||
|                                             dynamicCurrency="currency" | ||||
|                                             money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                             form-group-class="text-right disabled-money" | ||||
|                                         /> | ||||
|                                     </td> | ||||
|                                 </tr> | ||||
|                                 @endforeach | ||||
|                             </tbody> | ||||
|                         </table> | ||||
|  | ||||
|                         @if ($transactions->count()) | ||||
|                             <table class="min-w-full divide-y divide-gray-200"> | ||||
|                                 <tbody class="float-right"> | ||||
|                                     <tr class="border-b"> | ||||
|                                         <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                             {{ trans('reconciliations.opening_balance') }}: | ||||
|                                         </th> | ||||
|  | ||||
|                                         <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                             <span class="w-auto pl-6 text-sm"> | ||||
|                                                 <x-money :amount="$opening_balance" :currency="$account->currency_code" convert /> | ||||
|                                             </span> | ||||
|                                         </td> | ||||
|                                     </tr> | ||||
|  | ||||
|                                     <tr class="border-b"> | ||||
|                                         <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                             {{ trans('reconciliations.closing_balance') }}: | ||||
|                                         </th> | ||||
|  | ||||
|                                         <td id="closing-balance" class="w-3/12 text-right"> | ||||
|                                             <x-form.input.money | ||||
|                                                 name="closing_balance_total" | ||||
|                                                 value="0" | ||||
|                                                 disabled | ||||
|                                                 row-input | ||||
|                                                 v-model="totals.closing_balance" | ||||
|                                                 :currency="$currency" | ||||
|                                                 dynamicCurrency="currency" | ||||
|                                                 money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                 form-group-class="text-right disabled-money" | ||||
|                                             /> | ||||
|                                         </td> | ||||
|                                     </tr> | ||||
|  | ||||
|                                     <tr class="border-b"> | ||||
|                                         <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> | ||||
|                                             {{ trans('reconciliations.cleared_amount') }}: | ||||
|                                         </th> | ||||
|  | ||||
|                                         <td id="cleared-amount" class="w-3/12 text-right"> | ||||
|                                             <x-form.input.money | ||||
|                                                 name="cleared_amount_total" | ||||
|                                                 value="0" | ||||
|                                                 disabled | ||||
|                                                 row-input | ||||
|                                                 v-model="totals.cleared_amount" | ||||
|                                                 :currency="$currency" | ||||
|                                                 dynamicCurrency="currency" | ||||
|                                                 money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                 form-group-class="text-right disabled-money" | ||||
|                                             /> | ||||
|                                         </td> | ||||
|                                     </tr> | ||||
|  | ||||
|                                     <tr> | ||||
|                                         <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black cursor-pointer"> | ||||
|                                             <span class="px-2 py-1 rounded-xl" :class="difference"> | ||||
|                                                 {{ trans('general.difference') }} | ||||
|                                             </span> | ||||
|                                         </th> | ||||
|  | ||||
|                                         <td id="difference" class="w-3/12 ltr:pl-6 rtl:pr-0 text-right"> | ||||
|                                             <div class="difference-money"> | ||||
|                                                 <x-form.input.money | ||||
|                                                     name="difference_total" | ||||
|                                                     value="0" | ||||
|                                                     disabled | ||||
|                                                     row-input | ||||
|                                                     v-model="totals.difference" | ||||
|                                                     :currency="$currency" | ||||
|                                                     dynamicCurrency="currency" | ||||
|                                                     money-class="text-right disabled-money banking-price-text w-auto position-absolute right-4 ltr:pr-0 rtl:pl-0 text-sm" | ||||
|                                                     form-group-class="text-right disabled-money" | ||||
|                                                 /> | ||||
|                                             </div> | ||||
|                                         </td> | ||||
|                                     </tr> | ||||
|                                 </tbody> | ||||
|                             </table> | ||||
|                         @endif | ||||
|                     </div> | ||||
|                 </div> | ||||
|                                     </div> | ||||
|                                 </td> | ||||
|                             </tr> | ||||
|                         </tbody> | ||||
|                     </table> | ||||
|                 @endif | ||||
|  | ||||
|                 @can('update-banking-reconciliations') | ||||
|                 <div class="mt-6"> | ||||
| @@ -261,4 +257,4 @@ | ||||
|     </x-slot> | ||||
|  | ||||
|     <x-script folder="banking" file="reconciliations" /> | ||||
| </x-layouts.admin> | ||||
| </x-layouts.admin> | ||||
| @@ -41,12 +41,12 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.all /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                 <x-sortablelink column="created_at" title="{{ trans('general.created_date') }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -54,7 +54,7 @@ | ||||
|                                 <x-sortablelink column="account_id" title="{{ trans_choice('general.accounts', 1) }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                 {{ trans('general.period') }} | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -72,11 +72,11 @@ | ||||
|                     <x-table.tbody> | ||||
|                         @foreach($reconciliations as $item) | ||||
|                             <x-table.tr href="{{ route('reconciliations.edit', $item->id) }}"> | ||||
|                                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                 <x-table.td kind="bulkaction"> | ||||
|                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->account->name }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     <x-slot name="first" class="flex" override="class"> | ||||
|                                         <div class="font-bold truncate"> | ||||
|                                             <x-date date="{{ $item->created_at }}" /> | ||||
| @@ -88,11 +88,11 @@ | ||||
|                                     </x-slot> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-6/12 sm:w-3/12 truncate"> | ||||
|                                 <x-table.td class="w-6/12 sm:w-3/12"> | ||||
|                                     {{ $item->account->name }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     <x-slot name="first"> | ||||
|                                         <x-date date="{{ $item->started_at }}" /> | ||||
|                                     </x-slot> | ||||
|   | ||||
| @@ -38,8 +38,8 @@ | ||||
|                         <x-tabs.tab id="recurring-templates"> | ||||
|                             <x-table> | ||||
|                                 <x-table.thead> | ||||
|                                     <x-table.tr class="flex items-center px-1"> | ||||
|                                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                     <x-table.tr> | ||||
|                                         <x-table.th kind="bulkaction"> | ||||
|                                             <x-index.bulkaction.all /> | ||||
|                                         </x-table.th> | ||||
|  | ||||
| @@ -52,7 +52,7 @@ | ||||
|                                             </x-slot> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> | ||||
|                                             </x-slot> | ||||
| @@ -65,7 +65,7 @@ | ||||
|                                             <x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" /> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 {{ trans('recurring.frequency') }} | ||||
|                                             </x-slot> | ||||
| @@ -83,7 +83,7 @@ | ||||
|                                 <x-table.tbody> | ||||
|                                     @foreach($transactions as $item) | ||||
|                                         <x-table.tr href="{{ route('recurring-transactions.show', $item->id) }}"> | ||||
|                                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                             <x-table.td kind="bulkaction"> | ||||
|                                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" /> | ||||
|                                             </x-table.td> | ||||
|  | ||||
| @@ -98,7 +98,7 @@ | ||||
|                                                 </x-slot> | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-2/12" hidden-mobile> | ||||
|                                                 <x-slot name="first"> | ||||
|                                                     {{ $item->type_title }} | ||||
|                                                 </x-slot> | ||||
| @@ -111,7 +111,7 @@ | ||||
|                                                 <x-index.status status="{{ $item->recurring->status }}" background-color="bg-{{ $item->recurring_status_label }}" text-color="text-text-{{ $item->recurring_status_label }}" /> | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-2/12" hidden-mobile> | ||||
|                                                 <x-slot name="first"> | ||||
|                                                     {{ trans('recurring.' . $item->recurring->frequency) }} | ||||
|                                                 </x-slot> | ||||
|   | ||||
| @@ -91,8 +91,8 @@ | ||||
|                         <x-tabs.tab id="transactions"> | ||||
|                             <x-table> | ||||
|                                 <x-table.thead> | ||||
|                                     <x-table.tr class="flex items-center px-1"> | ||||
|                                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                     <x-table.tr> | ||||
|                                         <x-table.th kind="bulkaction"> | ||||
|                                             <x-index.bulkaction.all /> | ||||
|                                         </x-table.th> | ||||
|  | ||||
| @@ -105,7 +105,7 @@ | ||||
|                                             </x-slot> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> | ||||
|                                             </x-slot> | ||||
| @@ -118,7 +118,7 @@ | ||||
|                                             <x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" /> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" /> | ||||
|                                             </x-slot> | ||||
| @@ -136,7 +136,7 @@ | ||||
|                                 <x-table.tbody> | ||||
|                                     @foreach($transactions as $item) | ||||
|                                         <x-table.tr href="{{ route('transactions.show', $item->id) }}"> | ||||
|                                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                             <x-table.td kind="bulkaction"> | ||||
|                                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" /> | ||||
|                                             </x-table.td> | ||||
|  | ||||
| @@ -149,7 +149,7 @@ | ||||
|                                                 </x-slot> | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-2/12" hidden-mobile> | ||||
|                                                 <x-slot name="first"> | ||||
|                                                     {{ $item->type_title }} | ||||
|                                                 </x-slot> | ||||
| @@ -162,16 +162,16 @@ | ||||
|                                                 {{ $item->account->name }} | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-2/12" hidden-mobile> | ||||
|                                                 <x-slot name="first"> | ||||
|                                                     {{ $item->contact->name }} | ||||
|                                                 </x-slot> | ||||
|                                                 <x-slot name="second" class="w-20 font-normal group"> | ||||
|                                                     @if ($item->document) | ||||
|                                                         <div data-tooltip-target="tooltip-information-{{ $item->document_id }}" data-tooltip-placement="left" override="class"> | ||||
|                                                             <a href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed"> | ||||
|                                                             <x-link href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed" override="class"> | ||||
|                                                                 {{ $item->document->document_number }} | ||||
|                                                             </a> | ||||
|                                                             </x-link> | ||||
|  | ||||
|                                                             <div class="w-28 absolute h-10 -ml-12 -mt-6"> | ||||
|                                                             </div> | ||||
|   | ||||
| @@ -45,12 +45,12 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.all /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                 <x-slot name="first"> | ||||
|                                     <x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" /> | ||||
|                                 </x-slot> | ||||
| @@ -99,11 +99,11 @@ | ||||
|                             @endphp | ||||
|  | ||||
|                             <x-table.tr href="{{ route('transfers.show', $item->id) }}"> | ||||
|                                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                 <x-table.td kind="bulkaction"> | ||||
|                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->expense_transaction->account->name }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 truncate hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     <x-slot name="first" class="flex items-center font-bold" override="class"> | ||||
|                                         <x-date date="{{ $item->expense_transaction->paid_at }}" /> | ||||
|                                     </x-slot> | ||||
| @@ -116,7 +116,7 @@ | ||||
|                                     </x-slot> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-4/12 sm:w-3/12 truncate"> | ||||
|                                 <x-table.td class="w-4/12 sm:w-3/12"> | ||||
|                                     <x-slot name="first"> | ||||
|                                         {{ $item->expense_transaction->account->name }} | ||||
|                                     </x-slot> | ||||
| @@ -125,7 +125,7 @@ | ||||
|                                     </x-slot> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-4/12 sm:w-3/12 truncate"> | ||||
|                                 <x-table.td class="w-4/12 sm:w-3/12"> | ||||
|                                     <x-slot name="first"> | ||||
|                                         {{ $item->expense_transaction->currency_rate }} | ||||
|                                     </x-slot> | ||||
|   | ||||
| @@ -26,8 +26,8 @@ | ||||
|  | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th kind="bulkaction"> | ||||
|                             <x-index.bulkaction.all /> | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -44,7 +44,7 @@ | ||||
|                             </x-slot> | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-4/12 hidden sm:table-cell"> | ||||
|                         <x-table.th class="w-4/12" hidden-mobile> | ||||
|                             <x-slot name="first"> | ||||
|                                 <x-sortablelink column="email" title="{{ trans('general.email') }}" /> | ||||
|                             </x-slot> | ||||
| @@ -67,7 +67,7 @@ | ||||
|                 <x-table.tbody> | ||||
|                     @foreach($companies as $item) | ||||
|                         <x-table.tr href="{{ route('companies.edit', $item->id) }}"> | ||||
|                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                             <x-table.td kind="bulkaction"> | ||||
|                                 @if ((company_id() != $item->id)) | ||||
|                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                                 @else | ||||
| @@ -75,11 +75,11 @@ | ||||
|                                 @endif | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-2/12 sm:w-1/12 font-bold truncate"> | ||||
|                             <x-table.td class="w-2/12 sm:w-1/12"> | ||||
|                                 {{ $item->id }} | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-8/12 sm:w-4/12 truncate"> | ||||
|                             <x-table.td class="w-8/12 sm:w-4/12"> | ||||
|                                 <x-slot name="first" class="flex" override="class"> | ||||
|                                     <div class="font-medium truncate"> | ||||
|                                         {{ $item->name }} | ||||
| @@ -98,7 +98,7 @@ | ||||
|                                 </x-slot> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-4/12 hidden sm:table-cell truncate"> | ||||
|                             <x-table.td class="w-4/12" hidden-mobile> | ||||
|                                 <x-slot name="first"> | ||||
|                                     @if ($item->email) | ||||
|                                         {{ $item->email }} | ||||
|   | ||||
| @@ -18,8 +18,8 @@ | ||||
|  | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell"  override="class"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th kind="bulkaction"> | ||||
|                             <x-index.bulkaction.all /> | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -27,7 +27,7 @@ | ||||
|                             <x-sortablelink column="name" title="{{ trans('general.name') }}" /> | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-7/12 hidden sm:table-cell" kind="right"> | ||||
|                         <x-table.th class="w-7/12" hidden-mobile kind="right"> | ||||
|                             {{ trans_choice('general.users', 1) }} | ||||
|                         </x-table.th> | ||||
|                     </x-table.tr> | ||||
| @@ -36,11 +36,11 @@ | ||||
|                 <x-table.tbody> | ||||
|                     @foreach($dashboards as $item) | ||||
|                         <x-table.tr href="{{ route('dashboards.edit', $item->id) }}"> | ||||
|                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                             <x-table.td kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-5/12 p-0 whitespace-nowrap text-sm font-medium text-black"> | ||||
|                             <x-table.td class="w-5/12"> | ||||
|                                 {{ $item->name }} | ||||
|  | ||||
|                                 @if (! $item->enabled) | ||||
| @@ -48,7 +48,7 @@ | ||||
|                                 @endif | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-7/12" kind="right"> | ||||
|                             <x-table.td class="w-7/12" hidden-mobile kind="right"> | ||||
|                                 @if ($item->users) | ||||
|                                     @foreach($item->users as $user) | ||||
|                                         <span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:ml-3 rtl:mr-3"> | ||||
|   | ||||
| @@ -32,13 +32,13 @@ | ||||
|                 <div class="mt-8"> | ||||
|                     <div class="sm:col-span-6 flex items-center justify-end"> | ||||
|                         @if (! empty($route)) | ||||
|                             <a href="{{ route(\Str::replaceFirst('.import', '.index', $route)) }}" class="px-6 py-1.5 mr-2 hover:bg-gray-200 rounded-lg"> | ||||
|                             <x-link href="{{ route(\Str::replaceFirst('.import', '.index', $route)) }}" class="px-6 py-1.5 mr-2 hover:bg-gray-200 rounded-lg" override="class"> | ||||
|                                 {{ trans('general.cancel') }} | ||||
|                             </a> | ||||
|                             </x-link> | ||||
|                         @else | ||||
|                             <a href="{{ url($path) }}" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg ltr:ml-2 rtl:mr-2"> | ||||
|                             <x-link href="{{ url($path) }}" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg ltr:ml-2 rtl:mr-2" override="class"> | ||||
|                                 {{ trans('general.cancel') }} | ||||
|                             </a> | ||||
|                             </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                         <x-button | ||||
|   | ||||
| @@ -43,8 +43,8 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.all /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -57,11 +57,11 @@ | ||||
|                                 </x-slot> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                 <x-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-2/12" hidden-mobile> | ||||
|                                 {{ trans_choice('general.taxes', 2) }} | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -79,11 +79,11 @@ | ||||
|                     <x-table.tbody> | ||||
|                         @foreach($items as $item) | ||||
|                             <x-table.tr href="{{ route('items.edit', $item->id) }}"> | ||||
|                                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                 <x-table.td kind="bulkaction"> | ||||
|                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-6/12 sm:w-4/12 truncate"> | ||||
|                                 <x-table.td class="w-6/12 sm:w-4/12"> | ||||
|                                     <x-slot name="first" class="flex items-center font-bold" override="class"> | ||||
|                                         <div class="truncate"> | ||||
|                                             {{ $item->name }} | ||||
| @@ -98,13 +98,13 @@ | ||||
|                                     </x-slot> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 truncate hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     <div class="flex items-center"> | ||||
|                                         <x-index.category :model="$item->category" /> | ||||
|                                     </div> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-2/12" hidden-mobile> | ||||
|                                     @if ($item->taxes->count()) | ||||
|                                         @foreach($item->taxes as $tax) | ||||
|                                             <span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:mr-3 rtl:ml-3"> | ||||
| @@ -116,7 +116,7 @@ | ||||
|                                     @endif | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="relative w-6/12 sm:w-3/12" kind="amount"> | ||||
|                                 <x-table.td class="w-6/12 sm:w-3/12" kind="amount"> | ||||
|                                     <x-slot name="first"> | ||||
|                                         @if ($item->sale_price) | ||||
|                                             <x-money :amount="$item->sale_price" :currency="setting('default.currency')" convert /> | ||||
|   | ||||
| @@ -24,7 +24,7 @@ | ||||
|  | ||||
|         <x-table> | ||||
|             <x-table.thead> | ||||
|                 <x-table.tr class="flex items-center px-1"> | ||||
|                 <x-table.tr> | ||||
|                     @if (! $hideBulkAction) | ||||
|                     <x-table.th class="{{ $classBulkAction }}" override="class"> | ||||
|                         <x-index.bulkaction.all /> | ||||
| @@ -135,7 +135,7 @@ | ||||
|                         <x-table.td class="{{ $classNameAndTaxNumber }}"> | ||||
|                             @stack('name_td_start') | ||||
|                             @if (! $hideName) | ||||
|                             <x-slot name="first" class="flex items-center font-medium"> | ||||
|                             <x-slot name="first" class="flex items-center"> | ||||
|                                 @if ($showLogo) | ||||
|                                     @if (is_object($item->logo)) | ||||
|                                         <img src="{{ Storage::url($item->logo->id) }}" class="absolute w-6 h-6 bottom-6 rounded-full mr-2 hidden lg:block" alt="{{ $item->name }}" title="{{ $item->name }}"> | ||||
| @@ -144,7 +144,7 @@ | ||||
|                                     @endif | ||||
|                                 @endif | ||||
|  | ||||
|                                 <div class="truncate {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}"> | ||||
|                                 <div class="truncate {{ $showLogo ? 'ltr:lg:pl-8 rtl:lg:pr-8' : '' }}"> | ||||
|                                     {{ $item->name }} | ||||
|                                 </div> | ||||
|  | ||||
| @@ -157,7 +157,7 @@ | ||||
|  | ||||
|                             @stack('tax_number_td_start') | ||||
|                             @if (! $hideTaxNumber) | ||||
|                             <x-slot name="second" class="w-32 font-normal truncate {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}"> | ||||
|                             <x-slot name="second" class="w-32 {{ $showLogo ? ' ltr:pl-8 rtl:pr-8' : '' }}"> | ||||
|                                 {{ $item->tax_number }} | ||||
|                             </x-slot> | ||||
|                             @endif | ||||
|   | ||||
| @@ -111,29 +111,19 @@ | ||||
|                     <div class="flex flex-col text-sm mb-5"> | ||||
|                         <div class="flex items-center font-medium"> | ||||
|                             <div class="flex items-center cursor-default"> | ||||
|                                 <div data-tooltip-target="tooltip-client-describe" data-tooltip-placement="bottom"> | ||||
|                                 <x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}"> | ||||
|                                     {{ trans('general.client_portal') }} | ||||
|                                 </div> | ||||
|                                 </x-tooltip> | ||||
|  | ||||
|                                 @if ($contact->user) | ||||
|                                     <span data-tooltip-target="tooltip-client-permission" data-tooltip-placement="bottom" class="material-icons text-green text-base ltr:ml-1 rtl:mr-1">check</span> | ||||
|                                     <x-tooltip id="tooltip-client-permission" placement="bottom" message="{{ trans('customers.client_portal_text.can') }}"> | ||||
|                                         <span class="material-icons text-green text-base ltr:ml-1 rtl:mr-1">check</span> | ||||
|                                     </x-tooltip> | ||||
|                                 @else | ||||
|                                     <span data-tooltip-target="tooltip-client-permission" data-tooltip-placement="bottom" class="material-icons-round text-red text-sm ltr:ml-1 rtl:mr-1">hide_source</span> | ||||
|                                     <x-tooltip id="tooltip-client-permission" placement="bottom" message="{{ trans('customers.client_portal_text.cant') }}"> | ||||
|                                         <span class="material-icons-round text-red text-sm ltr:ml-1 rtl:mr-1">hide_source</span> | ||||
|                                     </x-tooltip> | ||||
|                                 @endif | ||||
|  | ||||
|                                 <div id="tooltip-client-describe" role="tooltip" class="w-2/12 inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm opacity-0 whitespace-normal tooltip-content"> | ||||
|                                     {{ trans('customers.client_portal_description') }} | ||||
|                                     <div class="absolute w-2 h-2 -top-1 -left-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-b-0 before:border-r-0" data-popper-arrow></div> | ||||
|                                 </div> | ||||
|  | ||||
|                                 <div id="tooltip-client-permission" role="tooltip" class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm opacity-0 whitespace-nowrap tooltip-content"> | ||||
|                                     @if ($contact->user) | ||||
|                                         {{ trans('customers.client_portal_text.can') }} | ||||
|                                     @else | ||||
|                                         {{ trans('customers.client_portal_text.cant') }} | ||||
|                                     @endif | ||||
|                                     <div class="absolute w-2 h-2 -top-1 -left-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-b-0 before:border-r-0" data-popper-arrow></div> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </div> | ||||
|                     </div> | ||||
| @@ -152,7 +142,6 @@ | ||||
|                         id="documents" | ||||
|                         name="{{ trans_choice($textDocument, 2) }}" | ||||
|                         active | ||||
|                         class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                     /> | ||||
|  | ||||
|                     @stack('transactions_nav_start') | ||||
| @@ -160,7 +149,6 @@ | ||||
|                     <x-tabs.nav | ||||
|                         id="transactions" | ||||
|                         name="{{ trans_choice('general.transactions', 2) }}" | ||||
|                         class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                     /> | ||||
|  | ||||
|                     @stack('transactions_nav_end') | ||||
| @@ -173,7 +161,7 @@ | ||||
|                         @if ($documents->count()) | ||||
|                             <x-table> | ||||
|                                 <x-table.thead> | ||||
|                                     <x-table.tr class="flex items-center px-1"> | ||||
|                                     <x-table.tr> | ||||
|                                         <x-table.th class="w-4/12 lg:w-3/12"> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" /> | ||||
| @@ -184,7 +172,7 @@ | ||||
|                                             </x-slot> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                             <x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" /> | ||||
|                                         </x-table.th> | ||||
|  | ||||
| @@ -218,7 +206,7 @@ | ||||
|                                                 </x-slot> | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                                 <x-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" /> | ||||
|                                             </x-table.td> | ||||
|  | ||||
| @@ -262,7 +250,7 @@ | ||||
|                         @if ($transactions->count()) | ||||
|                             <x-table> | ||||
|                                 <x-table.thead> | ||||
|                                     <x-table.tr class="flex items-center px-1"> | ||||
|                                     <x-table.tr> | ||||
|                                         <x-table.th class="w-4/12 lg:w-3/12"> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" /> | ||||
| @@ -272,7 +260,7 @@ | ||||
|                                             </x-slot> | ||||
|                                         </x-table.th> | ||||
|  | ||||
|                                         <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                                         <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                             <x-slot name="first"> | ||||
|                                                 <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" /> | ||||
|                                             </x-slot> | ||||
| @@ -308,7 +296,7 @@ | ||||
|                                                 </x-slot> | ||||
|                                             </x-table.td> | ||||
|  | ||||
|                                             <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                             <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                                 <x-slot name="first"> | ||||
|                                                     {{ $item->type_title }} | ||||
|                                                 </x-slot> | ||||
| @@ -323,9 +311,9 @@ | ||||
|                                                 </x-slot> | ||||
|                                                 <x-slot name="second"> | ||||
|                                                     @if ($item->document) | ||||
|                                                         <a href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed"> | ||||
|                                                         <x-link href="{{ route($item->route_name, $item->route_id) }}" class="font-normal truncate border-b border-black border-dashed" override="class"> | ||||
|                                                             {{ $item->document->document_number }} | ||||
|                                                         </a> | ||||
|                                                         </x-link> | ||||
|                                                     @else | ||||
|                                                         <x-empty-data /> | ||||
|                                                     @endif | ||||
|   | ||||
| @@ -1,6 +1,6 @@ | ||||
| <x-table> | ||||
|     <x-table.thead> | ||||
|         <x-table.tr class="flex items-center px-1"> | ||||
|         <x-table.tr> | ||||
|             @if (! $hideBulkAction) | ||||
|             <x-table.th class="{{ $classBulkAction }}" override="class"> | ||||
|                 <x-index.bulkaction.all /> | ||||
| @@ -96,7 +96,7 @@ | ||||
|                 <x-table.td class="{{ $classDueAtAndIssueAt }}"> | ||||
|                     @stack('due_at_td_start') | ||||
|                     @if (! $hideDueAt) | ||||
|                     <x-slot name="first" class="font-bold truncate" override="class"> | ||||
|                     <x-slot name="first" class="font-bold" override="class"> | ||||
|                         @stack('due_at_td_inside_start') | ||||
|                         <x-date :date="$item->due_at" function="diffForHumans" /> | ||||
|                         @stack('due_at_td_inside_end') | ||||
| @@ -142,7 +142,7 @@ | ||||
|  | ||||
|                     @stack('document_number_td_start') | ||||
|                     @if (! $hideDocumentNumber) | ||||
|                     <x-slot name="second" class="w-20 font-normal group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class"> | ||||
|                     <x-slot name="second" class="w-20 group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class"> | ||||
|                         @stack('document_number_td_inside_start') | ||||
|                         <span class="border-black border-b border-dashed"> | ||||
|                             {{ $item->document_number }} | ||||
|   | ||||
| @@ -17,9 +17,9 @@ | ||||
|                 </div> | ||||
|  | ||||
|                 @if (! $hideShow) | ||||
|                     <a href="{{ route($showRoute, $document->contact_id) }}" class="font-medium border-b border-black"> | ||||
|                     <x-link href="{{ route($showRoute, $document->contact_id) }}" class="font-medium border-b border-black" override="class"> | ||||
|                         {{ $document->contact_name }} | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                 @else | ||||
|                     <div class="font-medium border-b border-black"> | ||||
|                         {{ $document->contact_name }} | ||||
| @@ -76,9 +76,9 @@ | ||||
|         @if ($document->items->count() > 2) | ||||
|             <li class="ml-10 mb-10"> | ||||
|             @if (! $hideShow) | ||||
|                 <a href="{{ route($showDocumentRoute, $document->id) }}" class="border-b"> | ||||
|                 <x-link href="{{ route($showDocumentRoute, $document->id) }}" class="border-b" override="class"> | ||||
|                     {{ trans('documents.invoice_detail.more_item', ['count' => $document->items->count() - 2]) }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             @else | ||||
|                 <div class="border-b"> | ||||
|                     {{ trans('documents.invoice_detail.more_item', ['count' => $document->items->count() - 2]) }} | ||||
|   | ||||
| @@ -1,8 +1,8 @@ | ||||
| <x-table> | ||||
|     <x-table.thead> | ||||
|         <x-table.tr class="flex items-center px-1"> | ||||
|         <x-table.tr> | ||||
|             @if (! $hideBulkAction) | ||||
|             <x-table.th class="{{ $classBulkAction }}" override="class"> | ||||
|             <x-table.th class="{{ $classBulkAction }}" hidden-mobile override="class"> | ||||
|                 <x-index.bulkaction.all /> | ||||
|             </x-table.th> | ||||
|             @endif | ||||
| @@ -16,7 +16,7 @@ | ||||
|                 </x-slot> | ||||
|             </x-table.th> | ||||
|  | ||||
|             <x-table.th class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider hidden sm:table-cell"> | ||||
|             <x-table.th class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider" hidden-mobile> | ||||
|                 <x-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" /> | ||||
|             </x-table.th> | ||||
|  | ||||
| @@ -24,7 +24,7 @@ | ||||
|                 <x-sortablelink column="recurring.status" title="{{ trans_choice('general.statuses', 1) }}" /> | ||||
|             </x-table.th> | ||||
|  | ||||
|             <x-table.th class="w-2/12 hidden sm:table-cell"> | ||||
|             <x-table.th class="w-2/12" hidden-mobile> | ||||
|                 <x-slot name="first"> | ||||
|                     {{ trans('recurring.frequency') }} | ||||
|                 </x-slot> | ||||
| @@ -43,7 +43,7 @@ | ||||
|         @foreach($documents as $item) | ||||
|             <x-table.tr href="{{ route($showRoute, $item->id) }}"> | ||||
|             @if (! $hideBulkAction) | ||||
|                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class"> | ||||
|                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->contact->name }}" /> | ||||
|                 </x-table.td> | ||||
|             @endif | ||||
| @@ -59,7 +59,7 @@ | ||||
|                     </x-slot> | ||||
|                 </x-table.td> | ||||
|  | ||||
|                 <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                 <x-table.td class="w-2/12" hidden-mobile> | ||||
|                     <div class="flex items-center"> | ||||
|                         <x-index.category :model="$item->category" /> | ||||
|                     </div> | ||||
| @@ -69,7 +69,7 @@ | ||||
|                     <x-index.status status="{{ $item->recurring->status }}" background-color="bg-{{ $item->recurring_status_label }}" text-color="text-text-{{ $item->recurring_status_label }}" /> | ||||
|                 </x-table.td> | ||||
|  | ||||
|                 <x-table.td class="w-2/12 hidden sm:table-cell"> | ||||
|                 <x-table.td class="w-2/12" hidden-mobile> | ||||
|                     <x-slot name="first"> | ||||
|                         {{ trans('recurring.' . $item->recurring->frequency) }} | ||||
|                     </x-slot> | ||||
|   | ||||
| @@ -18,7 +18,7 @@ | ||||
|                 @can ($button['permission']) | ||||
|                 @endif | ||||
|                     <li class="border-b p-2 hover:bg-gray-100"> | ||||
|                         <a href="{{ $button['url']}}" class="flex items-center justify-between text-xs"> | ||||
|                         <x-link href="{{ $button['url']}}" class="flex items-center justify-between text-xs" override="class"> | ||||
|                             <div class="truncate"> | ||||
|                                 <div class="flex items-center"> | ||||
|                                     <h2 class="relative"> | ||||
| @@ -37,7 +37,7 @@ | ||||
|                             </div> | ||||
|  | ||||
|                             <span class="material-icons text-gray-500 transform rtl:rotate-180">chevron_right</span> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     </li> | ||||
|                 @if ($checkPermissionCreate) | ||||
|                 @endcan | ||||
| @@ -46,7 +46,7 @@ | ||||
|  | ||||
|             @if (! empty($suggestion)) | ||||
|                 <li class="border-b p-2  hover:bg-gray-100"> | ||||
|                     <a href="{{ url($suggestion->action_url) . '?' . http_build_query((array) $suggestion->action_parameters) }}" class="flex items-center justify-between text-xs"> | ||||
|                     <x-link href="{{ url($suggestion->action_url) . '?' . http_build_query((array) $suggestion->action_parameters) }}" class="flex items-center justify-between text-xs" override="class"> | ||||
|                         <div class="truncate"> | ||||
|                             <h2> | ||||
|                                 {{ $suggestion->name }} | ||||
| @@ -58,7 +58,7 @@ | ||||
|                         </div> | ||||
|  | ||||
|                         <span class="material-icons text-gray-500">chevron_right</span> | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                 </li> | ||||
|             @endif | ||||
|         </ul> | ||||
|   | ||||
| @@ -4,9 +4,16 @@ | ||||
|     @endif | ||||
|  | ||||
|     @if (! empty($body) && $body->isNotEmpty()) | ||||
|     <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|         {!! $body !!} | ||||
|     </div> | ||||
|         <div | ||||
|             @class([ | ||||
|                 'grid my-3.5', | ||||
|                 $spacingVertical, | ||||
|                 $spacingHorizontal, | ||||
|                 $columnNumber, | ||||
|             ]) | ||||
|         > | ||||
|             {!! $body !!} | ||||
|         </div> | ||||
|     @endif | ||||
|  | ||||
|     @if (! empty($foot) && $foot->isNotEmpty()) | ||||
|   | ||||
| @@ -7,7 +7,7 @@ | ||||
|                 @if (! empty($item['tooltip'])) | ||||
|                     <x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}"> | ||||
|                         @if (! empty($item['href'])) | ||||
|                         <a href="{{ $item['href'] }}" class="group"> | ||||
|                         <x-link href="{{ $item['href'] }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -19,12 +19,12 @@ | ||||
|                                 {!! $item['title'] !!} | ||||
|                             </span> | ||||
|                         @if (! empty($item['href'])) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if (! empty($item['href'])) | ||||
|                     <a href="{{ $item['href'] }}" class="group"> | ||||
|                     <x-link href="{{ $item['href'] }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -36,7 +36,7 @@ | ||||
|                             {!! $item['title'] !!} | ||||
|                         </span> | ||||
|                     @if (! empty($item['href'])) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
| @@ -50,7 +50,7 @@ | ||||
|                     <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}"> | ||||
|                      | ||||
|                         @if ($first->attributes->has('href')) | ||||
|                         <a href="{{ $first->attributes->get('href') }}" class="group"> | ||||
|                         <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])> | ||||
| @@ -62,13 +62,13 @@ | ||||
|                                 {!! $first->attributes->get('title') !!} | ||||
|                             </span> | ||||
|                         @if ($first->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($first->attributes->has('href')) | ||||
|                     <a href="{{ $first->attributes->get('href') }}" class="group"> | ||||
|                     <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])> | ||||
| @@ -80,7 +80,7 @@ | ||||
|                             {!! $first->attributes->get('title') !!} | ||||
|                         </span> | ||||
|                     @if ($first->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
| @@ -100,7 +100,7 @@ | ||||
|                     <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}"> | ||||
|  | ||||
|                         @if ($second->attributes->has('href')) | ||||
|                         <a href="{{ $second->attributes->get('href') }}" class="group"> | ||||
|                         <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])> | ||||
| @@ -113,13 +113,13 @@ | ||||
|                             </span> | ||||
|  | ||||
|                         @if ($second->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($second->attributes->has('href')) | ||||
|                     <a href="{{ $second->attributes->get('href') }}" class="group"> | ||||
|                     <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])> | ||||
| @@ -132,7 +132,7 @@ | ||||
|                         </span> | ||||
|  | ||||
|                     @if ($second->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
| @@ -152,7 +152,7 @@ | ||||
|                     <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}"> | ||||
|  | ||||
|                         @if ($third->attributes->has('href')) | ||||
|                         <a href="{{ $third->attributes->get('href') }}" class="group"> | ||||
|                         <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])> | ||||
| @@ -164,13 +164,13 @@ | ||||
|                                 {!! $third->attributes->get('title') !!} | ||||
|                             </span> | ||||
|                         @if ($third->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($third->attributes->has('href')) | ||||
|                     <a href="{{ $third->attributes->get('href') }}" class="group"> | ||||
|                     <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])> | ||||
| @@ -182,10 +182,10 @@ | ||||
|                             {!! $third->attributes->get('title') !!} | ||||
|                         </span> | ||||
|                     @if ($third->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
|         @endif | ||||
|     @endif | ||||
| </div> | ||||
| </div> | ||||
| @@ -3,7 +3,7 @@ | ||||
|         <div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> | ||||
|             <div> | ||||
|                 {{ trans('footer.powered') }}: | ||||
|                 <a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> | ||||
|                 <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> | ||||
|                  <span class="material-icons align-middle text-black-300">code</span>  | ||||
|                 {{ trans('footer.version') }} {{ version('short') }} | ||||
|             </div> | ||||
|   | ||||
| @@ -95,9 +95,9 @@ | ||||
|             </x-tooltip> | ||||
|  | ||||
|             <x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}"> | ||||
|                 <a href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles"> | ||||
|                 <x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class"> | ||||
|                     <span id="menu-support-icon" class="material-icons-outlined text-purple text-2xl">support</span> | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </x-tooltip> | ||||
|         </div> | ||||
|  | ||||
| @@ -131,23 +131,23 @@ | ||||
|             @can('read-common-companies') | ||||
|                 <div id="dropdown-menu-company" class="absolute right-0 mt-3 pt-2 bg-white rounded-md shadow-xl z-20 hidden" style="left: auto; min-width: 10rem;"> | ||||
|                     @foreach($companies as $com) | ||||
|                         <a href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" role="menuitem" tabindex="-1"> | ||||
|                         <x-link href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" override="class" role="menuitem" tabindex="-1"> | ||||
|                             <div class="w-full h-full flex items-center rounded-md px-2 hover:bg-lilac-100"> | ||||
|                                 <span class="material-icons-outlined text-purple text-xl">business</span> | ||||
|                                 <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span> | ||||
|                             </div> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     @endforeach | ||||
|  | ||||
|                     @can('update-common-companies') | ||||
|                         <a href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 mt-2 border-t rounded-bl rounded-br group hover:bg-purple"> | ||||
|                         <x-link href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 mt-2 border-t rounded-bl rounded-br group hover:bg-purple" override="class"> | ||||
|                             <div class="w-full h-full flex items-center rounded-md px-2"> | ||||
|                                 <span class="material-icons-outlined text-purple text-xl group-hover:text-white">settings</span> | ||||
|                                 <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate group-hover:text-white"> | ||||
|                                     {{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }} | ||||
|                                 </span> | ||||
|                             </div> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     @endcan | ||||
|                 </div> | ||||
|             @endcan | ||||
|   | ||||
| @@ -1,7 +1,7 @@ | ||||
| @stack('footer_start') | ||||
| <footer class="footer"> | ||||
|     <div class="lg:absolute bottom-10 right-6 lg:right-24 flex flex-col sm:flex-row items-center justify-end text-sm font-light"> | ||||
|         {{ trans('footer.powered') }}: <a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> | ||||
|         {{ trans('footer.powered') }}: <x-link href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</x-link> | ||||
|     </div> | ||||
| </footer> | ||||
| @stack('footer_end') | ||||
|   | ||||
| @@ -18,9 +18,9 @@ | ||||
|         <div class="card-footer"> | ||||
|             <div class="float-right"> | ||||
|                 @if (Request::is('install/requirements')) | ||||
|                     <a href="{{ route('install.requirements') }}" class="btn btn-success"> | ||||
|                     <x-link href="{{ route('install.requirements') }}" class="btn btn-success" override="class"> | ||||
|                         {{ trans('install.refresh') }} | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                 @else | ||||
|                     <x-button | ||||
|                         type="submit" | ||||
|   | ||||
| @@ -31,7 +31,7 @@ | ||||
|                         <div class="flex flex-col gap-4"> | ||||
|                             @foreach ($popular->data as $item) | ||||
|                                 <div class="hover:shadow-2xl rounded-lg"> | ||||
|                                     <a href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2"> | ||||
|                                     <x-link href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2" override="class"> | ||||
|                                         @foreach ($item->files as $file) | ||||
|                                             @if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail')) | ||||
|                                                 <img src="{{ $file->path_string }}" alt="{{ $item->name }}" class="w-28 h-20 rounded-md object-cover ltr:mr-3 rtl:ml-3" /> | ||||
| @@ -49,7 +49,7 @@ | ||||
|                                                 </p> | ||||
|                                             </div> | ||||
|                                         </div> | ||||
|                                     </a> | ||||
|                                     </x-link> | ||||
|                                 </div> | ||||
|                             @endforeach | ||||
|                         </div> | ||||
|   | ||||
| @@ -1,20 +1,20 @@ | ||||
| <div> | ||||
|     <div> | ||||
|         @foreach ($module->files as $file) | ||||
|             <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|             <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                 @if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail')) | ||||
|                     <img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md" /> | ||||
|                 @endif | ||||
|             </a> | ||||
|             </x-link> | ||||
|         @endforeach | ||||
|     </div> | ||||
|  | ||||
|     <div class="flex flex-col py-2 justify-between align-bottom"> | ||||
|         <div class="flex items-baseline justify-between"> | ||||
|             <h4 class="w-32 truncate"> | ||||
|                 <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|                 <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                     {{ $module->name }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </h4> | ||||
|  | ||||
|             <div class="text-xs"> | ||||
|   | ||||
| @@ -21,20 +21,20 @@ | ||||
|  | ||||
|     <div> | ||||
|         @foreach ($module->files as $file) | ||||
|             <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|             <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                 @if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail')) | ||||
|                     <img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md" /> | ||||
|                 @endif | ||||
|             </a> | ||||
|             </x-link> | ||||
|         @endforeach | ||||
|     </div> | ||||
|  | ||||
|     <div class="flex py-2 justify-between items-center"> | ||||
|         <div class="py-2"> | ||||
|             <h4 class="truncate font-bold text-sm"> | ||||
|                 <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|                 <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                     {{ $module->name }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </h4> | ||||
|         </div> | ||||
|  | ||||
|   | ||||
| @@ -13,7 +13,7 @@ | ||||
|  | ||||
|     <div x-show="price_type == false" class="text-center text-sm mt-3 mb--2"> | ||||
|         <span style="font-size: 12px;"> | ||||
|             <span class="text-red">*</span> <a href="https://akaunting.com/features/why-akaunting-cloud?utm_source=software&utm_medium=app_show&utm_campaign={{ str_replace('-', '_', $module->slug) }}" target="_blank">{!! trans('modules.information_monthly') !!}</a> | ||||
|             <span class="text-red">*</span> <x-link href="https://akaunting.com/features/why-akaunting-cloud?utm_source=software&utm_medium=app_show&utm_campaign={{ str_replace('-', '_', $module->slug) }}" target="_blank" override="class">{!! trans('modules.information_monthly') !!}</x-link> | ||||
|         </span> | ||||
|     </div> | ||||
| @else | ||||
|   | ||||
| @@ -7,9 +7,9 @@ | ||||
|         </div> | ||||
|  | ||||
|         <div class="my-10"> | ||||
|             <a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_payment&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700"> | ||||
|             <x-link href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_payment&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700" override="class"> | ||||
|                 {{ trans('portal.get_started') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|  | ||||
|         <div class="my-10"> | ||||
|   | ||||
| @@ -66,9 +66,9 @@ | ||||
|             </x-tooltip> | ||||
|              | ||||
|             <x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}"> | ||||
|                 <a href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles"> | ||||
|                 <x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class"> | ||||
|                     <span class="material-icons-outlined text-purple text-2xl">support</span> | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </x-tooltip> | ||||
|         </div> | ||||
|  | ||||
| @@ -102,23 +102,23 @@ | ||||
|             @can('read-common-companies') | ||||
|                 <div id="dropdown-menu-company" class="absolute right-0 mt-3 py-2 bg-white rounded-md shadow-xl z-20 hidden" style="left: auto; min-width: 10rem;"> | ||||
|                     @foreach($companies as $com) | ||||
|                         <a href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" role="menuitem" tabindex="-1"> | ||||
|                         <x-link href="{{ route('companies.switch', $com->id) }}" id="$com->id" class="h-9 leading-9 flex items-center text-sm px-2" override="class" role="menuitem" tabindex="-1"> | ||||
|                             <div class="w-full h-full flex items-center rounded-md px-2 hover:bg-lilac-100"> | ||||
|                                 <span class="material-icons-outlined text-purple text-xl">business</span> | ||||
|                                 <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span> | ||||
|                             </div> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     @endforeach | ||||
|  | ||||
|                     @can('update-common-companies') | ||||
|                         <a href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 border-t rounded-bl rounded-br group hover:bg-purple"> | ||||
|                         <x-link href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 border-t rounded-bl rounded-br group hover:bg-purple" override="class"> | ||||
|                             <div class="w-full h-full flex items-center rounded-md px-2 "> | ||||
|                                 <span class="material-icons-outlined text-purple text-xl group-hover:text-white">settings</span> | ||||
|                                 <span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate group-hover:text-white"> | ||||
|                                     {{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }} | ||||
|                                 </span> | ||||
|                             </div> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     @endcan | ||||
|                 </div> | ||||
|             @endcan | ||||
|   | ||||
| @@ -22,9 +22,9 @@ | ||||
|                         </span> | ||||
|                     </div> | ||||
|  | ||||
|                     <a href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100"> | ||||
|                     <x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class"> | ||||
|                         {{ trans('general.go_back', ['type' => company()->name]) }} | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                 </div> | ||||
|             </header> | ||||
|  | ||||
|   | ||||
| @@ -4,7 +4,7 @@ | ||||
|         <div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> | ||||
|             <div> | ||||
|                 {{ trans('footer.powered') }}: | ||||
|                 <a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> | ||||
|                 <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> | ||||
|                  <span class="material-icons align-middle text-black-300">code</span>  | ||||
|                 {{ trans('footer.version') }} {{ version('short') }} | ||||
|             </div> | ||||
|   | ||||
| @@ -4,7 +4,7 @@ | ||||
|         <div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> | ||||
|             <div> | ||||
|                 {{ trans('footer.powered') }}: | ||||
|                 <a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> | ||||
|                 <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> | ||||
|                  <span class="material-icons align-middle text-black-300">code</span>  | ||||
|                 {{ trans('footer.version') }} {{ version('short') }} | ||||
|             </div> | ||||
|   | ||||
| @@ -19,9 +19,9 @@ | ||||
|  | ||||
|     <div class="flex flex-row lg:flex-col gap-x-1"> | ||||
|         @can('delete-common-uploads') | ||||
|             <a href="javascript:void();" id="remove-{{ $column_name }}" @click="onDeleteFile('{{ $file->id }}', '{{ route('uploads.destroy', $file->id) }}', '{{ trans('general.title.delete', ['type' => $column_name]) }}', '{{ trans('general.delete_confirm', ['name' => $file->basename, 'type' => $column_name]) }} ', '{{ trans('general.cancel') }}', '{{ trans('general.delete') }}')" type="button" class="group"> | ||||
|             <x-link href="javascript:void();" id="remove-{{ $column_name }}" @click="onDeleteFile('{{ $file->id }}', '{{ route('uploads.destroy', $file->id) }}', '{{ trans('general.title.delete', ['type' => $column_name]) }}', '{{ trans('general.delete_confirm', ['name' => $file->basename, 'type' => $column_name]) }} ', '{{ trans('general.cancel') }}', '{{ trans('general.delete') }}')" type="button" class="group" override="class"> | ||||
|                 <span class="material-icons text-base text-red px-1.5 py-1 rounded-lg group-hover:bg-gray-100">delete</span> | ||||
|             </a> | ||||
|             </x-link> | ||||
|  | ||||
|             @if ($options) | ||||
|                 <input type="hidden" name="page_{{ $file->id}}" id="file-page-{{ $file->id}}" value="{{ $options['page'] }}" /> | ||||
| @@ -30,8 +30,8 @@ | ||||
|             @endif   | ||||
|         @endcan | ||||
|  | ||||
|         <a href="{{ route('uploads.download', $file->id) }}" type="button" class="group"> | ||||
|         <x-link href="{{ route('uploads.download', $file->id) }}" type="button" class="group" override="class"> | ||||
|             <span class="material-icons text-base text-purple px-1.5 py-1 rounded-lg group-hover:bg-gray-100">download</span> | ||||
|         </a> | ||||
|         </x-link> | ||||
|     </div> | ||||
| </div> | ||||
|   | ||||
| @@ -23,9 +23,9 @@ | ||||
|                 <h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1> | ||||
|             </div> | ||||
|  | ||||
|             <a href="https://akaunting.com/plans" class="text-white transition-all hover:underline"> | ||||
|             <x-link href="https://akaunting.com/plans" class="text-white transition-all hover:underline" override="class"> | ||||
|                 {{ trans('modules.learn_more') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|  | ||||
|         <div class="hidden lg:block"> | ||||
|   | ||||
| @@ -1,20 +1,20 @@ | ||||
| <div> | ||||
|     <div class="overflow-hidden rounded-md"> | ||||
|         @foreach ($module->files as $file) | ||||
|             <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|             <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                 @if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail')) | ||||
|                     <img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md transform transition-all hover:scale-125" /> | ||||
|                 @endif | ||||
|             </a> | ||||
|             </x-link> | ||||
|         @endforeach | ||||
|     </div> | ||||
|  | ||||
|     <div class="flex flex-col py-2 justify-between align-bottom"> | ||||
|         <div class="flex items-baseline justify-between"> | ||||
|             <h4 class="w-32 truncate"> | ||||
|                 <a href="{{ route('apps.app.show', $module->slug) }}"> | ||||
|                 <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class"> | ||||
|                     {!! $module->name !!} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </h4> | ||||
|  | ||||
|             @if (! empty($module->subscription_type)) | ||||
|   | ||||
| @@ -11,9 +11,9 @@ | ||||
|                 {{ trans('modules.no_apps') }} | ||||
|             </p> | ||||
|  | ||||
|             <a href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white"> | ||||
|             <x-link href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white" override="class"> | ||||
|                 {{ trans('modules.see_all') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
|   | ||||
| @@ -11,13 +11,14 @@ | ||||
|                         </x-slot> | ||||
|  | ||||
|                         @foreach($limits as $item) | ||||
|                             <a href="javascript:;" @click="onChangePaginationLimit($event)" value="{{ $item }}" | ||||
|                             <x-link href="javascript:;" @click="onChangePaginationLimit($event)" value="{{ $item }}" | ||||
|                                 class="w-full flex items-center text-purple px-2 h-9 leading-9 whitespace-nowrap" | ||||
|                                 override="class" | ||||
|                             > | ||||
|                                 <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100" value="{{ $item }}"> | ||||
|                                     {{ $item }} | ||||
|                                 </span> | ||||
|                             </a> | ||||
|                             </x-link> | ||||
|                         @endforeach | ||||
|                     </x-dropdown> | ||||
|  | ||||
|   | ||||
| @@ -6,7 +6,7 @@ | ||||
|             <div @class(['w-1/2 sm:w-1/3 text-center'])> | ||||
|                 @if (! empty($item['tooltip'])) | ||||
|                     <x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}"> | ||||
|                         <a href="{{ $item['href'] }}" class="group"> | ||||
|                         <x-link href="{{ $item['href'] }}" class="group" override="class"> | ||||
|                             @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
|                                 {!! $item['amount'] !!} | ||||
| @@ -16,10 +16,10 @@ | ||||
|                             <span class="font-light mt-3"> | ||||
|                                 {!! $item['title'] !!} | ||||
|                             </span> | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     <a href="{{ $item['href'] }}" class="group"> | ||||
|                     <x-link href="{{ $item['href'] }}" class="group" override="class"> | ||||
|                         @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
|                             {!! $item['amount'] !!} | ||||
| @@ -29,7 +29,7 @@ | ||||
|                         <span class="font-light mt-3"> | ||||
|                             {!! $item['title'] !!} | ||||
|                         </span> | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                 @endif | ||||
|             </div> | ||||
|         @endforeach | ||||
| @@ -42,7 +42,7 @@ | ||||
|                     <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}"> | ||||
|  | ||||
|                         @if ($first->attributes->has('href')) | ||||
|                         <a href="{{ $first->attributes->get('hef') }}" class="group"> | ||||
|                         <x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -54,13 +54,13 @@ | ||||
|                                 {!! $first->attributes->get('title') !!} | ||||
|                             </span> | ||||
|                         @if ($first->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($first->attributes->has('href')) | ||||
|                     <a href="{{ $first->attributes->get('hef') }}" class="group"> | ||||
|                     <x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -72,7 +72,7 @@ | ||||
|                             {!! $first->attributes->get('title') !!} | ||||
|                         </span> | ||||
|                     @if ($first->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
| @@ -92,7 +92,7 @@ | ||||
|                     <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}"> | ||||
|  | ||||
|                         @if ($second->attributes->has('href')) | ||||
|                         <a href="{{ $second->attributes->get('hef') }}" class="group"> | ||||
|                         <x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -104,13 +104,13 @@ | ||||
|                                 {!! $second->attributes->get('title') !!} | ||||
|                             </span> | ||||
|                         @if ($second->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|  | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($second->attributes->has('href')) | ||||
|                     <a href="{{ $second->attributes->get('hef') }}" class="group"> | ||||
|                     <x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -122,7 +122,7 @@ | ||||
|                             {!! $second->attributes->get('title') !!} | ||||
|                         </span> | ||||
|                     @if ($second->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
| @@ -141,7 +141,7 @@ | ||||
|                 @if ($third->attributes->has('tooltip')) | ||||
|                     <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}"> | ||||
|                         @if ($third->attributes->has('href')) | ||||
|                         <a href="{{ $third->attributes->get('hef') }}" class="group"> | ||||
|                         <x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class"> | ||||
|                         @endif | ||||
|                             @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -153,12 +153,12 @@ | ||||
|                                 {!! $third->attributes->get('title') !!} | ||||
|                             </span> | ||||
|                         @if ($third->attributes->has('href')) | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                         @endif | ||||
|                     </x-tooltip> | ||||
|                 @else | ||||
|                     @if ($third->attributes->has('href')) | ||||
|                     <a href="{{ $third->attributes->get('hef') }}" class="group"> | ||||
|                     <x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class"> | ||||
|                     @endif | ||||
|                         @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp | ||||
|                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])> | ||||
| @@ -170,7 +170,7 @@ | ||||
|                             {!! $third->attributes->get('title') !!} | ||||
|                         </span> | ||||
|                     @if ($third->attributes->has('href')) | ||||
|                     </a> | ||||
|                     </x-link> | ||||
|                     @endif | ||||
|                 @endif | ||||
|             </div> | ||||
|   | ||||
| @@ -1,12 +1,10 @@ | ||||
| @props(['active']) | ||||
|  | ||||
| <div x-data="{ active: '{{ $active }}' }"> | ||||
|     <div {{ $attributes }}> | ||||
|         <div> | ||||
|             <ul class="flex items-center"> | ||||
|                 {!! $navs !!} | ||||
|             </ul> | ||||
|         </div> | ||||
|     <div> | ||||
|         <ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center']) : $attributes }}> | ||||
|             {!! $navs !!} | ||||
|         </ul> | ||||
|     </div> | ||||
|  | ||||
|     {!! $content !!} | ||||
|   | ||||
| @@ -1,13 +1,11 @@ | ||||
| @props(['id', 'name', 'href', 'active']) | ||||
|  | ||||
| <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|     @class([ | ||||
|         'text-purple border-purple transition-al 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' => !empty($active), | ||||
|     ]) | ||||
| <li  | ||||
|     class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|     id="tab-{{ $id }}" | ||||
|     data-id="tab-{{ $id }}" | ||||
|     data-tabs="{{ $id }}" | ||||
|     x-bind:class="active != '{{ $id }}' ? '' : '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'" | ||||
|     x-bind:class="active != '{{ $id }}' ? 'text-black' : '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'" | ||||
|     {{ $attributes }} | ||||
| > | ||||
|     @if ($slot->isNotEmpty()) | ||||
|   | ||||
| @@ -1,14 +1,12 @@ | ||||
| @props(['id', 'name', 'active']) | ||||
|  | ||||
| <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|     @class([ | ||||
|         'text-purple border-purple transition-al 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' => !empty($active), | ||||
|     ]) | ||||
| <li  | ||||
|     class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|     id="tab-{{ $id }}" | ||||
|     data-id="tab-{{ $id }}" | ||||
|     data-tabs="{{ $id }}" | ||||
|     x-on:click="active = '{{ $id }}'" | ||||
|     x-bind:class="active != '{{ $id }}' ? '' : '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'" | ||||
|     x-bind:class="active != '{{ $id }}' ? 'text-black' : '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'" | ||||
|     {{ $attributes }} | ||||
| > | ||||
|     @if ($slot->isNotEmpty()) | ||||
|   | ||||
| @@ -1,30 +1,16 @@ | ||||
| @if ($attachment) | ||||
|     <div class="border-b border-gray-200 pb-4" | ||||
|         x-data="{ attachment : null }" | ||||
|     > | ||||
|         <div class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" | ||||
|             x-on:click="attachment !== 1 ? attachment = 1 : attachment = null" | ||||
|         > | ||||
|             <span class="font-medium"> | ||||
|                 <x-button.hover group-hover> | ||||
|                     {{ trans_choice('general.attachments', 2) }} | ||||
|                 </x-button.hover> | ||||
|             </span> | ||||
|     <x-show.accordion type="attachment"> | ||||
|         <x-slot name="head"> | ||||
|             <x-show.accordion.head | ||||
|                 title="{{ trans_choice('general.attachments', 2) }}" | ||||
|                 description="{{ trans('transactions.slider.attachments') }}" | ||||
|             /> | ||||
|         </x-slot> | ||||
|  | ||||
|             <div class="text-black-400 text-sm flex gap-x-1 mt-1"> | ||||
|                 {{ trans('transactions.slider.attachments') }} | ||||
|             </div> | ||||
|  | ||||
|             <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|         </div> | ||||
|  | ||||
|         <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|             x-ref="container1" | ||||
|             x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'" | ||||
|         > | ||||
|         <x-slot name="body"> | ||||
|             @foreach ($attachment as $file) | ||||
|                 <x-media.file :file="$file" /> | ||||
|             @endforeach | ||||
|         </div> | ||||
|     </div> | ||||
|         </x-slot> | ||||
|     </x-show.accordion> | ||||
| @endif | ||||
|   | ||||
| @@ -1,29 +1,15 @@ | ||||
| <div class="border-b pb-4" x-data="{ children : null }"> | ||||
|     <button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" | ||||
|         x-on:click="children !== 1 ? children = 1 : children = null" | ||||
|     > | ||||
|         <span class="font-medium"> | ||||
|             <x-button.hover group-hover> | ||||
|                 {{ trans_choice('general.transactions', 2) }} | ||||
|             </x-button.hover> | ||||
|         </span> | ||||
| <x-show.accordion type="children"> | ||||
|     <x-slot name="head"> | ||||
|         <x-show.accordion.head | ||||
|             title="{{ trans_choice('general.transactions', 2) }}" | ||||
|             description="{!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!}" | ||||
|         /> | ||||
|     </x-slot> | ||||
|  | ||||
|         <div class="text-black-400 text-sm flex gap-x-1 mt-1"> | ||||
|             {!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!} | ||||
|         </div> | ||||
|  | ||||
|         <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" | ||||
|             x-bind:class="children === 1 ? 'rotate-180' : ''" | ||||
|         >expand_more</span> | ||||
|     </button> | ||||
|  | ||||
|     <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|         x-ref="container1" | ||||
|         x-bind:class="children == 1 ? 'h-auto ' : 'scale-y-0 h-0'" | ||||
|     > | ||||
|     <x-slot name="body"> | ||||
|         @if ($transaction->children()->count()) | ||||
|             @foreach ($transaction->children()->get() as $child) | ||||
|                 @php $url = '<a href="' . route('transactions.show', $child->id) . '" class="text-purple">' . $child->number . '</a>' @endphp | ||||
|                 @php $url = '<a href="' . route('transactions.show', $child->id) . '" class="text-purple" override="class">' . $child->number . '</a>' @endphp | ||||
|  | ||||
|                 <div class="my-2"> | ||||
|                     {!! trans('recurring.child', ['url' => $url, 'date' => company_date($child->paid_at)]) !!} | ||||
| @@ -32,5 +18,5 @@ | ||||
|         @else | ||||
|             {{ trans('general.none') }} | ||||
|         @endif | ||||
|     </div> | ||||
| </div> | ||||
|     </x-slot> | ||||
| </x-show.accordion> | ||||
|   | ||||
| @@ -18,7 +18,7 @@ | ||||
|                 @php | ||||
|                     $recurring_message = trans('recurring.message_parent', [ | ||||
|                         'type' => mb_strtolower(trans_choice($textRecurringType, 1)), | ||||
|                         'link' => '<a href="' . route(config('type.transaction.' . $transaction->parent->type . '.route.prefix') . '.show', $parent->id) . '"><u>' . $parent->number . '</u></a>' | ||||
|                         'link' => '<a href="' . route(config('type.transaction.' . $transaction->parent->type . '.route.prefix') . '.show', $parent->id) . '" override="class"><u>' . $parent->number . '</u></a>' | ||||
|                     ]); | ||||
|                 @endphp | ||||
|  | ||||
|   | ||||
| @@ -1,14 +1,10 @@ | ||||
| @php $created_date = '<span class="font-medium">' . company_date($transaction->created_at) . '</span>' @endphp | ||||
|  | ||||
| <div class="border-b pb-4" x-data="{ create : null }"> | ||||
|     <button class="relative w-full ltr:text-left rtl:text-right group" | ||||
|         x-on:click="create !== 1 ? create = 1 : create = null" | ||||
|     > | ||||
|         <span class="font-medium"> | ||||
|             <x-button.hover> | ||||
|                 {{ trans('general.create') }} | ||||
|             </x-button.hover> | ||||
|         </span> | ||||
| <x-show.accordion type="create"> | ||||
|     <x-slot name="head"> | ||||
|         <x-show.accordion.head | ||||
|             title="{{ trans('general.create') }}" | ||||
|         /> | ||||
|  | ||||
|         <div class="text-black-400 text-sm flex gap-x-1 mt-1"> | ||||
|             @if ($transaction->isRecurringTransaction()) | ||||
| @@ -17,6 +13,7 @@ | ||||
|                 {!! trans('transactions.slider.create', ['user' => $transaction->owner->name, 'date' => $created_date]) !!} | ||||
|             @endif | ||||
|         </div> | ||||
|     </x-slot> | ||||
|  | ||||
|         <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|     </button> | ||||
| @@ -27,10 +24,10 @@ | ||||
|     > | ||||
|         @if ($transaction->isNotTransferTransaction()) | ||||
|             <div class="flex my-3 space-x-2 rtl:space-x-reverse"> | ||||
|                 <a href="{{ route($routeButtonEdit, [$transaction->id, 'type' => $transaction->type]) }}" id="show-slider-actions-edit-{{ $transaction->type }}" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6"> | ||||
|                 <x-link href="{{ route($routeButtonEdit, [$transaction->id, 'type' => $transaction->type]) }}" id="show-slider-actions-edit-{{ $transaction->type }}" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6"> | ||||
|                     {{ trans('general.edit') }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </div> | ||||
|         @endif | ||||
|     </div> | ||||
| </div> | ||||
|     </x-slot> | ||||
| </x-show.accordion> | ||||
| @@ -3,27 +3,15 @@ | ||||
|     $frequency = Str::lower(trans('recurring.' . str_replace('ly', 's', $transaction->recurring->frequency))); | ||||
| @endphp | ||||
|  | ||||
| <div class="border-b pb-4" x-data="{ schedule : null }"> | ||||
|     <button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" | ||||
|         x-on:click="schedule !== 1 ? schedule = 1 : schedule = null" | ||||
|     > | ||||
|         <span class="font-medium"> | ||||
|             <x-button.hover group-hover> | ||||
|                 {{ trans_choice('general.schedules', 1) }} | ||||
|             </x-button.hover> | ||||
|         </span> | ||||
| <x-show.accordion type="schedule"> | ||||
|     <x-slot name="head"> | ||||
|         <x-show.accordion.head | ||||
|             title="{{ trans_choice('general.schedules', 1) }}" | ||||
|             description="{!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!}" | ||||
|         /> | ||||
|     </x-slot> | ||||
|  | ||||
|         <div class="text-black-400 text-sm flex gap-x-1 mt-1"> | ||||
|             {!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!} | ||||
|         </div> | ||||
|  | ||||
|         <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="schedule === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|     </button> | ||||
|  | ||||
|     <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|         x-ref="container1" | ||||
|         x-bind:class="schedule == 1 ? 'h-auto ' : 'scale-y-0 h-0'" | ||||
|     > | ||||
|     <x-slot name="body"> | ||||
|         <div class="flex my-3 space-x-2 rtl:space-x-reverse"> | ||||
|             @if ($next = $transaction->recurring->getNextRecurring()) | ||||
|                 {{ trans('recurring.next_date', ['date' => $next->format(company_date_format())]) }} | ||||
| @@ -41,5 +29,5 @@ | ||||
|                 {{ trans('documents.statuses.ended') }} | ||||
|             @endif | ||||
|         </div> | ||||
|     </div> | ||||
| </div> | ||||
|     </x-slot> | ||||
| </x-show.accordion> | ||||
|   | ||||
| @@ -5,46 +5,37 @@ | ||||
|         @php | ||||
|             $from_account = '<span class="font-medium">' . $transfer->expense_account->title . '</span>'; | ||||
|             $to_account = '<span class="font-medium">' . $transfer->income_account->title . '</span>'; | ||||
|             $date = '<a href="' . route('transfers.show', $transfer->id) . '" class="text-purple">' . company_date($transaction->paid_at) . '</a>'; | ||||
|             $date = '<a href="' . route('transfers.show', $transfer->id) . '" class="text-purple" override="class">' . company_date($transaction->paid_at) . '</a>'; | ||||
|         @endphp | ||||
|     @endif | ||||
|  | ||||
|     <div class="border-b pb-4" x-data="{ transfer : 1 }"> | ||||
|         <button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group" | ||||
|             x-on:click="transfer !== 1 ? transfer = 1 : transfer = null" | ||||
|         > | ||||
|             <span class="font-medium border-b border-transparent transition-all group-hover:border-black"> | ||||
|                 {{ trans_choice('general.transfers', 1) }} | ||||
|             </span> | ||||
|  | ||||
|     <x-show.accordion type="transfer" open> | ||||
|         <x-slot name="head"> | ||||
|             <x-show.accordion.head | ||||
|                 title="{{ trans_choice('general.transfers', 1) }}" | ||||
|             /> | ||||
|              | ||||
|             @if ($transfer) | ||||
|                 <div class="text-black-400 text-sm flex gap-x-1 mt-1"> | ||||
|                     {!! trans('transactions.slider.transfer_headline', ['from_account' => $from_account, 'to_account' => $to_account]) !!} | ||||
|                 </div> | ||||
|             @endif | ||||
|         </x-slot> | ||||
|  | ||||
|             <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" | ||||
|                 x-bind:class="transfer === 1 ? 'rotate-180' : ''" | ||||
|             >expand_more</span> | ||||
|         </button> | ||||
|  | ||||
|         <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|             x-ref="container1" | ||||
|             x-bind:class="transfer === 1 ? 'h-auto' : 'scale-y-0 h-0'" | ||||
|         > | ||||
|         <x-slot name="body"> | ||||
|             @if ($transfer) | ||||
|                 <div class="my-2"> | ||||
|                     {!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!} | ||||
|                 </div> | ||||
|             @else | ||||
|                 <div class="mt-2"> | ||||
|                     <div class="alert alert-notify p-4 font-bold rounded-lg bg-orange-100 text-orange-600"> | ||||
|                         <span class="alert-text"> | ||||
|                             <span>{{ trans('messages.warning.missing_transfer') }}</span> | ||||
|                         </span> | ||||
|                     <div class="my-2"> | ||||
|                         {!! trans('transactions.slider.transfer_desc', ['date' => $date]) !!} | ||||
|                     </div> | ||||
|                 @else | ||||
|                     <div class="mt-2"> | ||||
|                         <div class="alert alert-notify p-4 font-bold rounded-lg bg-orange-100 text-orange-600"> | ||||
|                             <span class="alert-text"> | ||||
|                                 <span>{{ trans('messages.warning.missing_transfer') }}</span> | ||||
|                             </span> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             @endif | ||||
|         </div> | ||||
|     </div> | ||||
|         </x-slot> | ||||
|     </x-show.accordion> | ||||
| @endif | ||||
|   | ||||
| @@ -1,26 +1,16 @@ | ||||
| @if ($transfer->attachment) | ||||
|     <div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }"> | ||||
|         <div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"> | ||||
|             <span class="font-medium"> | ||||
|                 <x-button.hover group-hover> | ||||
|                     {{ trans_choice('general.attachments', 2) }} | ||||
|                 </x-button.hover> | ||||
|             </span> | ||||
|     <x-show.accordion type="attachment"> | ||||
|         <x-slot name="head"> | ||||
|             <x-show.accordion.head | ||||
|                 title="{{ trans_choice('general.attachments', 2) }}" | ||||
|                 description="{{ trans('transfers.slider.attachments') }}" | ||||
|             /> | ||||
|         </x-slot> | ||||
|  | ||||
|             <div class="text-black-400 text-sm"> | ||||
|                 {{ trans('transers.slider.attachments') }} | ||||
|             </div> | ||||
|  | ||||
|             <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|         </div> | ||||
|  | ||||
|         <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|              x-ref="container1" | ||||
|              x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'" | ||||
|          > | ||||
|         <x-slot name="body"> | ||||
|             @foreach ($transfer->attachment as $file) | ||||
|                 <x-media.file :file="$file" /> | ||||
|             @endforeach | ||||
|         </div> | ||||
|     </div> | ||||
|         </x-slot> | ||||
|     </x-show.accordion> | ||||
| @endif | ||||
|   | ||||
| @@ -1,29 +1,18 @@ | ||||
| @php $created_date = '<span class="font-medium">' . company_date($transfer->created_at) . '</span>' @endphp | ||||
|  | ||||
| <div class="border-b pb-4" x-data="{ create : null }"> | ||||
|     <button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null"> | ||||
|         <span class="font-medium"> | ||||
|             <x-button.hover group-hover> | ||||
|                 {{ trans('general.create') }} | ||||
|             </x-button.hover> | ||||
|         </span> | ||||
| <x-show.accordion type="create"> | ||||
|     <x-slot name="head"> | ||||
|         <x-show.accordion.head | ||||
|             title="{{ trans('general.create') }}" | ||||
|             description="{!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}" | ||||
|         /> | ||||
|     </x-slot> | ||||
|  | ||||
|         <div class="text-black-400 text-sm"> | ||||
|             {!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!} | ||||
|         </div> | ||||
|  | ||||
|         <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|     </button> | ||||
|  | ||||
|     <div | ||||
|         class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|         x-ref="container1" | ||||
|         x-bind:class="create == 1 ? 'h-auto ' : 'scale-y-0 h-0'" | ||||
|     > | ||||
|     <x-slot name="body"> | ||||
|         <div class="flex my-3 space-x-2 rtl:space-x-reverse"> | ||||
|             <a href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6"> | ||||
|             <x-link href="{{ route('transfers.edit', $transfer->id) }}" id="show-slider-actions-edit-transfer" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-xl text-purple text-xs font-bold leading-6"> | ||||
|                 {{ trans('general.edit') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|     </div> | ||||
| </div> | ||||
|     </x-slot> | ||||
| </x-show.accordion> | ||||
|   | ||||
| @@ -1,27 +1,18 @@ | ||||
| @php | ||||
|     $link_class = 'to-black-400 hover:bg-full-2 bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize'; | ||||
|     $expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '">' . $transfer->expense_transaction->number . '</a>'; | ||||
|     $income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '">' . $transfer->income_transaction->number . '</a>'; | ||||
|     $expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->expense_transaction->number . '</a>'; | ||||
|     $income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '" override="class">' . $transfer->income_transaction->number . '</a>'; | ||||
| @endphp | ||||
|  | ||||
| <div class="border-b pb-4" x-data="{ transactions : null }"> | ||||
|     <button class="relative w-full text-left group" x-on:click="transactions !== 1 ? transactions = 1 : transactions = null"> | ||||
|         <span class="font-medium border-b border-transparent transition-all group-hover:border-black"> | ||||
|             {{ trans_choice('general.transactions', 2) }} | ||||
|         </span> | ||||
| <x-show.accordion type="transactions"> | ||||
|     <x-slot name="head"> | ||||
|         <x-show.accordion.head | ||||
|             title="{{ trans_choice('general.transactions', 2) }}" | ||||
|             description="{!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}" | ||||
|         /> | ||||
|     </x-slot> | ||||
|  | ||||
|         <div class="text-black-400 text-sm"> | ||||
|             {!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!} | ||||
|         </div> | ||||
|  | ||||
|         <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="transactions === 1 ? 'rotate-180' : ''">expand_more</span> | ||||
|     </button> | ||||
|  | ||||
|     <div | ||||
|         class="overflow-hidden transition-transform origin-top-left ease-linear duration-100" | ||||
|         x-ref="container1" | ||||
|         x-bind:class="transactions === 1 ? 'h-auto' : 'scale-y-0 h-0'" | ||||
|     > | ||||
|     <x-slot name="body"> | ||||
|         <div class="my-2"> | ||||
|             {!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!} | ||||
|         </div> | ||||
| @@ -29,5 +20,5 @@ | ||||
|         <div class="my-2"> | ||||
|             {!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!} | ||||
|         </div> | ||||
|     </div> | ||||
| </div> | ||||
|     </x-slot> | ||||
| </x-show.accordion> | ||||
| @@ -45,7 +45,7 @@ | ||||
|         @endif | ||||
|     </div> | ||||
|  | ||||
|     <a href="{{ route('portal.profile.edit', user()->id) }}" class="border-b text-sm hover:text-black"> | ||||
|     <x-link href="{{ route('portal.profile.edit', user()->id) }}" class="border-b text-sm hover:text-black" override="class"> | ||||
|         {{ trans('portal.see_all_details') }} | ||||
|     </a> | ||||
|     </x-link> | ||||
| </div> | ||||
|   | ||||
| @@ -11,9 +11,9 @@ | ||||
|         @endforeach | ||||
|  | ||||
|         @if ($invoices->count() > 2) | ||||
|         <a href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700"> | ||||
|         <x-link href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700" override="class"> | ||||
|             {{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }} | ||||
|         </a> | ||||
|         </x-link> | ||||
|         @endif | ||||
|     @else | ||||
|         <span class="text-xs"> | ||||
|   | ||||
| @@ -11,9 +11,9 @@ | ||||
|         @endforeach | ||||
|  | ||||
|         @if ($invoices->count() > 2) | ||||
|         <a href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700"> | ||||
|         <x-link href="{{ route('portal.invoices.index') }}" class="underline hover:text-black-700" override="class"> | ||||
|             {{ trans('modules.see_all_type', ['type' => trans_choice('general.invoices', 2)]) }} | ||||
|         </a> | ||||
|         </x-link> | ||||
|         @endif | ||||
|     @else | ||||
|         <span class="text-xs"> | ||||
|   | ||||
| @@ -13,9 +13,9 @@ | ||||
|                 <x-money :amount="$contact->overdue" :currency="$contact->currency_code" convert /> | ||||
|             </span> | ||||
|      | ||||
|             <a href="{{ route('portal.invoices.index') }}" class="px-2 py-1 my-3 rounded-lg text-xs leading-6 bg-green text-white hover:bg-green-700 disabled:bg-green-100"> | ||||
|             <x-link href="{{ route('portal.invoices.index') }}" class="px-2 py-1 my-3 rounded-lg text-xs leading-6 bg-green text-white hover:bg-green-700 disabled:bg-green-100" override="class"> | ||||
|                 {{ trans('bills.make_payment') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|     @else | ||||
|         <span class="text-xs"> | ||||
|   | ||||
| @@ -15,9 +15,9 @@ | ||||
|         @endforeach | ||||
|  | ||||
|         @if ($payments->count() > 2) | ||||
|         <a href="{{ route('portal.payments.index') }}" class="underline hover:text-black-700"> | ||||
|         <x-link href="{{ route('portal.payments.index') }}" class="underline hover:text-black-700" override="class"> | ||||
|             {{ trans('modules.see_all_type', ['type' => trans_choice('general.payments', 2)]) }} | ||||
|         </a> | ||||
|         </x-link> | ||||
|         @endif | ||||
|     @else | ||||
|         <span class="text-xs"> | ||||
|   | ||||
| @@ -21,9 +21,13 @@ | ||||
|                 @endif | ||||
|  | ||||
|                 @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp | ||||
|                 <a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> | ||||
|                 <x-link | ||||
|                     href="{{ $landing_page }}" | ||||
|                     class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3" | ||||
|                     override="class" | ||||
|                 > | ||||
|                     {{ trans('general.go_to_dashboard') }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </div> | ||||
|  | ||||
|             <img src="{{ asset('public/img/errors/403.png') }}" alt="403" /> | ||||
|   | ||||
| @@ -21,9 +21,13 @@ | ||||
|                 @endif | ||||
|  | ||||
|                 @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp | ||||
|                 <a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> | ||||
|                 <x-link | ||||
|                     href="{{ $landing_page }}" | ||||
|                     class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3" | ||||
|                     override="class" | ||||
|                 > | ||||
|                     {{ trans('general.go_to_dashboard') }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </div> | ||||
|  | ||||
|             <img src="{{ asset('public/img/errors/404.png') }}" alt="404" /> | ||||
|   | ||||
| @@ -21,9 +21,13 @@ | ||||
|                 @endif | ||||
|  | ||||
|                 @php $landing_page = user() ? user()->getLandingPageOfUser() : route('login'); @endphp | ||||
|                 <a href="{{ $landing_page }}" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3"> | ||||
|                 <x-link | ||||
|                     href="{{ $landing_page }}" | ||||
|                     class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 mt-3" | ||||
|                     override="class" | ||||
|                 > | ||||
|                     {{ trans('general.go_to_dashboard') }} | ||||
|                 </a> | ||||
|                 </x-link> | ||||
|             </div> | ||||
|  | ||||
|             <img src="{{ asset('public/img/errors/500.png') }}" alt="500" /> | ||||
|   | ||||
| @@ -55,16 +55,16 @@ | ||||
|         <x-index.container class="my-0" override="class"> | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th class="w-3/12"> | ||||
|                             {{ trans('general.name') }} | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                         <x-table.th class="w-3/12" hidden-mobile> | ||||
|                             {{ trans('updates.installed_version') }} | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                         <x-table.th class="w-3/12" hidden-mobile> | ||||
|                             {{ trans('updates.latest_version') }} | ||||
|                         </x-table.th> | ||||
|  | ||||
|   | ||||
| @@ -3,7 +3,7 @@ | ||||
|  | ||||
|     @foreach ($favorites as $favorite) | ||||
|         <x-tooltip id="{{ $favorite['title'] }}" placement="right" message="{{ $favorite['title'] }}"> | ||||
|             <a href="{{ $favorite['url'] }}" class="w-8 h-8 flex items-center justify-center mb-2.5"> | ||||
|             <x-link href="{{ $favorite['url'] }}" class="w-8 h-8 flex items-center justify-center mb-2.5" override="class"> | ||||
|                 <span | ||||
|                     id="{{ $favorite['id'] }}" | ||||
|                     @class([ | ||||
| @@ -14,7 +14,7 @@ | ||||
|                 > | ||||
|                     {{ $favorite['icon'] }} | ||||
|                 </span> | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </x-tooltip> | ||||
|     @endforeach | ||||
| </div> | ||||
|   | ||||
| @@ -1,90 +1,63 @@ | ||||
| <x-form id="form-create-customer" route="customers.store"> | ||||
|     <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-2" | ||||
|                         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') }} | ||||
|     <x-tabs active="general" class="grid grid-cols-3" override="class"> | ||||
|         <x-slot name="navs"> | ||||
|             <x-tabs.nav id="general"> | ||||
|                 {{ trans('general.general') }}   | ||||
|                  | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav>    | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|             <x-tabs.nav id="address"> | ||||
|                 {{ trans('general.address') }} | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         id="tab-address" | ||||
|                         data-id="tab-address" | ||||
|                         data-tabs="address" | ||||
|                         x-on:click="active = 'address'" | ||||
|                         x-bind:class="active != 'address' ? '' : '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.address') }} | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav>   | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|             <x-tabs.nav id="other"> | ||||
|                 {{ trans_choice('general.others', 1) }} | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         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('website')||form.errors.has('reference')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|         </x-slot>    | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 </ul> | ||||
|             </div> | ||||
|         </div> | ||||
|         <x-slot name="content"> | ||||
|             <x-tabs.tab id="general"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />  | ||||
|                     <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|         <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.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|                     <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required />   | ||||
|                     <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.currency without-add-new form-group-class="col-span-6" :add-new-text="trans_choice('general.currencies', 1)" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab>    | ||||
|  | ||||
|                 <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.currency without-add-new form-group-class="col-span-6" :add-new-text="trans_choice('general.currencies', 1)" /> | ||||
|             </div> | ||||
|         </div> | ||||
|          | ||||
|         <div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> | ||||
|             <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                 <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" rows=2 not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="address"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                     <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" rows=2 not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|             </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.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.input.hidden name="type" value="customer" /> | ||||
|                 <x-form.input.hidden name="enabled" value="1" /> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|                     <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required />     | ||||
|                     <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required />     | ||||
|                     <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required />   | ||||
|                     <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|                 </div> | ||||
|             </x-tabs.tab>   | ||||
|               | ||||
|             <x-tabs.tab id="other"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />   | ||||
|                     <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required />   | ||||
|                     <x-form.input.hidden name="type" value="customer" /> | ||||
|                     <x-form.input.hidden name="enabled" value="1" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|         </x-slot> | ||||
|     </x-tabs> | ||||
| </x-form> | ||||
|   | ||||
| @@ -1,90 +1,70 @@ | ||||
| <x-form id="form-edit-customer" method="PATCH" :route="['customers.update', $customer->id]" :model="$customer"> | ||||
|     <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-2" | ||||
|                         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') }} | ||||
|     <x-tabs active="general" class="grid grid-cols-3" override="class"> | ||||
|         <x-slot name="navs"> | ||||
|             <x-tabs.nav id="general"> | ||||
|                 {{ trans('general.general') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         id="tab-address" | ||||
|                         data-id="tab-address" | ||||
|                         data-tabs="address" | ||||
|                         x-on:click="active = 'address'" | ||||
|                         x-bind:class="active != 'address' ? '' : '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.address') }} | ||||
|             <x-tabs.nav id="address"> | ||||
|                 {{ trans('general.address') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         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) }} | ||||
|             <x-tabs.nav id="other"> | ||||
|                 {{ trans_choice('general.others', 1) }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 </ul> | ||||
|             </div> | ||||
|         </div> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|         </x-slot> | ||||
|  | ||||
|         <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.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|         <x-slot name="content"> | ||||
|             <x-tabs.tab id="general"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|  | ||||
|                 <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|             </div> | ||||
|         </div> | ||||
|          | ||||
|         <div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> | ||||
|             <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                 <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="address"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                     <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|             </div> | ||||
|         </div> | ||||
|                     <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|         <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.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="other"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.input.hidden name="type" value="customer" /> | ||||
|                 <x-form.input.hidden name="enabled" value="1" /> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|                     <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                     <x-form.input.hidden name="type" value="customer" /> | ||||
|                     <x-form.input.hidden name="enabled" value="1" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|         </x-slot> | ||||
|     </x-tabs> | ||||
| </x-form> | ||||
|   | ||||
| @@ -3,68 +3,54 @@ | ||||
|         <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') }} | ||||
|     <x-tabs active="general" class="grid grid-cols-2" override="class"> | ||||
|         <x-slot name="navs"> | ||||
|             <x-tabs.nav id="general"> | ||||
|                 {{ 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> | ||||
|                 <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> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <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) }} | ||||
|             <x-tabs.nav id="other"> | ||||
|                 {{ 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> | ||||
|                 <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> | ||||
|             </x-tabs.nav> | ||||
|         </x-slot> | ||||
|  | ||||
|         <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-slot name="content"> | ||||
|             <x-tabs.tab id="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.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.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> | ||||
|                     <x-form.group.account change="onChangePaymentAccount" form-group-class="col-span-6" without-add-new /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|         <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-tabs.tab id="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="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.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.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> | ||||
|             </x-tabs.tab> | ||||
|         </x-slot> | ||||
|     </x-tabs> | ||||
| </x-form> | ||||
|   | ||||
| @@ -10,7 +10,7 @@ | ||||
|                 value="{{ $signedUrl }}" | ||||
|                 ref="clone" | ||||
|                 @click="onCopyLink()" | ||||
|                 class="bg-gray-100 appearance-none border-2 border-gray-100 rounded w-full py-2 px-4 text-gray-700 leading-tight cursor-pointer focus:outline-none focus:ring-transparent focus:border-transparent" | ||||
|                 style="appearance: none; background-color: whitesmoke; border: none; font-size: 16px;" | ||||
|             /> | ||||
|  | ||||
|             <div data-copied class="hidden h-10 items-center justify-center"> | ||||
|   | ||||
| @@ -10,7 +10,7 @@ | ||||
|                 value="{{ $signedUrl }}" | ||||
|                 ref="clone" | ||||
|                 @click="onCopyLink()" | ||||
|                 class="bg-gray-100 appearance-none border-2 border-gray-100 rounded w-full py-2 px-4 text-gray-700 leading-tight cursor-pointer focus:outline-none focus:ring-transparent focus:border-transparent" | ||||
|                 style="appearance: none; background-color: whitesmoke; border: none; font-size: 16px;" | ||||
|             /> | ||||
|             <x-form.input.hidden name="hidden-share" value="{{ $signedUrl }}" /> | ||||
|  | ||||
|   | ||||
							
								
								
									
										128
									
								
								resources/views/modals/vendors/create.blade.php
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										128
									
								
								resources/views/modals/vendors/create.blade.php
									
									
									
									
										vendored
									
									
								
							| @@ -1,90 +1,70 @@ | ||||
| <x-form id="form-create-vendor" route="vendors.store"> | ||||
|     <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-2" | ||||
|                         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') }} | ||||
|     <x-tabs active="general" class="grid grid-cols-3" override="class"> | ||||
|         <x-slot name="navs"> | ||||
|             <x-tabs.nav id="general"> | ||||
|                 {{ trans('general.general') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         id="tab-address" | ||||
|                         data-id="tab-address" | ||||
|                         data-tabs="address" | ||||
|                         x-on:click="active = 'address'" | ||||
|                         x-bind:class="active != 'address' ? '' : '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.address') }} | ||||
|             <x-tabs.nav id="address"> | ||||
|                 {{ trans('general.address') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         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) }} | ||||
|             <x-tabs.nav id="other"> | ||||
|                 {{ trans_choice('general.others', 1) }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 </ul> | ||||
|             </div> | ||||
|         </div> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|         </x-slot> | ||||
|  | ||||
|         <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.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|         <x-slot name="content"> | ||||
|             <x-tabs.tab id="general"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|  | ||||
|                 <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|             </div> | ||||
|         </div> | ||||
|          | ||||
|         <div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> | ||||
|             <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                 <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="address"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                     <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|             </div> | ||||
|         </div> | ||||
|                     <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|         <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.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="other"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.input.hidden name="type" value="vendor" /> | ||||
|                 <x-form.input.hidden name="enabled" value="1" /> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|                     <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                     <x-form.input.hidden name="type" value="vendor" /> | ||||
|                     <x-form.input.hidden name="enabled" value="1" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|         </x-slot> | ||||
|     </x-tabs> | ||||
| </x-form> | ||||
|   | ||||
							
								
								
									
										128
									
								
								resources/views/modals/vendors/edit.blade.php
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										128
									
								
								resources/views/modals/vendors/edit.blade.php
									
									
									
									
										vendored
									
									
								
							| @@ -1,90 +1,70 @@ | ||||
| <x-form id="form-edit-vendor" method="PATCH" :route="['vendors.update', $vendor->id]" :model="$vendor"> | ||||
|     <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-2" | ||||
|                         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') }} | ||||
|     <x-tabs active="general" class="grid grid-cols-3" override="class"> | ||||
|         <x-slot name="navs"> | ||||
|             <x-tabs.nav id="general"> | ||||
|                 {{ trans('general.general') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         id="tab-address" | ||||
|                         data-id="tab-address" | ||||
|                         data-tabs="address" | ||||
|                         x-on:click="active = 'address'" | ||||
|                         x-bind:class="active != 'address' ? '' : '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.address') }} | ||||
|             <x-tabs.nav id="address"> | ||||
|                 {{ trans('general.address') }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|  | ||||
|                     <li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2" | ||||
|                         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) }} | ||||
|             <x-tabs.nav id="other"> | ||||
|                 {{ trans_choice('general.others', 1) }} | ||||
|  | ||||
|                         <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                             {{ trans('general.validation_error') }} | ||||
|                         </span> | ||||
|                     </li> | ||||
|                 </ul> | ||||
|             </div> | ||||
|         </div> | ||||
|                 <span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')"> | ||||
|                     {{ trans('general.validation_error') }} | ||||
|                 </span> | ||||
|             </x-tabs.nav> | ||||
|         </x-slot> | ||||
|  | ||||
|         <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.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|         <x-slot name="content"> | ||||
|             <x-tabs.tab id="general"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" /> | ||||
|  | ||||
|                 <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|             </div> | ||||
|         </div> | ||||
|          | ||||
|         <div id="tab-address" data-tabs-content="address" x-show="active === 'address'"> | ||||
|             <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                 <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|          | ||||
|                 <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.currency without-add-new form-group-class="col-span-6" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="address"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">       | ||||
|                     <x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required /> | ||||
|              | ||||
|                     <x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|             </div> | ||||
|         </div> | ||||
|                     <x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|         <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.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|                     <x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|  | ||||
|                 <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|             <x-tabs.tab id="other"> | ||||
|                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5"> | ||||
|                     <x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                 <x-form.input.hidden name="type" value="vendor" /> | ||||
|                 <x-form.input.hidden name="enabled" value="1" /> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|                     <x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required /> | ||||
|  | ||||
|                     <x-form.input.hidden name="type" value="vendor" /> | ||||
|                     <x-form.input.hidden name="enabled" value="1" /> | ||||
|                 </div> | ||||
|             </x-tabs.tab> | ||||
|         </x-slot> | ||||
|     </x-tabs> | ||||
| </x-form> | ||||
|   | ||||
| @@ -5,19 +5,21 @@ | ||||
|  | ||||
|     <x-slot name="content"> | ||||
|         <x-form id="form-app" route="apps.api-key.store"> | ||||
|             <div class="w-1/2"> | ||||
|                 <div class="py-8 flex flex-col gap-2"> | ||||
|             <x-form.section spacing-vertical="gap-y-2"> | ||||
|                 <x-slot name="body"> | ||||
|                     <x-form.group.text name="api_key" placeholder="{{ trans('general.form.enter', ['field' => trans('modules.api_key')]) }}" value="{{ setting('apps.api_key', null) }}" /> | ||||
|  | ||||
|                     <div class="text-xs"> | ||||
|                         {!! trans('modules.get_api_key', ['url' => 'https://akaunting.com/dashboard']) !!} | ||||
|                     <div class="sm:col-span-6"> | ||||
|                         <div class="text-xs"> | ||||
|                             {!! trans('modules.get_api_key', ['url' => 'https://akaunting.com/dashboard']) !!} | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </div> | ||||
|  | ||||
|                 <div> | ||||
|                     <x-form.buttons cancel-route="apps.home.index" without-cancel /> | ||||
|                 </div> | ||||
|             </div> | ||||
|                     <div class="sm:col-span-3"> | ||||
|                         <x-form.buttons cancel-route="apps.home.index" without-cancel /> | ||||
|                     </div> | ||||
|                 </x-slot> | ||||
|             </x-form.section> | ||||
|         </x-form> | ||||
|     </x-slot> | ||||
|  | ||||
|   | ||||
| @@ -41,9 +41,9 @@ | ||||
|                         <div class="flex justify-between"> | ||||
|                             <span> | ||||
|                                 @foreach ($module->categories as $module_category) | ||||
|                                     <a href="{{ route('apps.categories.show', $module_category->slug) }}" class="text-sm"> | ||||
|                                     <x-link href="{{ route('apps.categories.show', $module_category->slug) }}" class="text-sm" override="class"> | ||||
|                                         {{ $module_category->name }} | ||||
|                                     </a> | ||||
|                                     </x-link> | ||||
|                                 @endforeach | ||||
|                             </span> | ||||
|                         </div> | ||||
|   | ||||
| @@ -146,14 +146,12 @@ | ||||
|                                 id="features" | ||||
|                                 name="{{ trans('modules.tab.features') }}" | ||||
|                                 active | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @else | ||||
|                             <x-tabs.nav | ||||
|                                 id="description" | ||||
|                                 name="{{ trans('general.description') }}" | ||||
|                                 active | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
| @@ -163,7 +161,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="reviews" | ||||
|                                 name="{{ trans('modules.tab.reviews') }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
| @@ -173,7 +170,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="installation" | ||||
|                                 name="{{ trans('modules.tab.installation') }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
| @@ -183,7 +179,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="documentation" | ||||
|                                 name="{{ trans('modules.documentation') }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
| @@ -193,7 +188,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="screenshots" | ||||
|                                 name="{{ trans('modules.tab.screenshots') }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
| @@ -203,7 +197,6 @@ | ||||
|                             <x-tabs.nav | ||||
|                                 id="changelog" | ||||
|                                 name="{{ trans('modules.tab.changelog') }}" | ||||
|                                 class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link" | ||||
|                             /> | ||||
|                         @endif | ||||
|  | ||||
|   | ||||
| @@ -10,11 +10,11 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th override="class" class="p-0"></x-table.th> | ||||
|                             @stack('issued_at_th_start') | ||||
|  | ||||
|                             <x-table.th class="w-4/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-4/12" hidden-mobile> | ||||
|                                 @stack('due_at_th_inside_start') | ||||
|  | ||||
|                                 <x-slot name="first"> | ||||
| @@ -36,7 +36,7 @@ | ||||
|  | ||||
|                             @stack('status_th_start') | ||||
|  | ||||
|                             <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                             <x-table.th class="w-3/12" hidden-mobile> | ||||
|                                 @stack('status_th_inside_start') | ||||
|  | ||||
|                                 <x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" /> | ||||
| @@ -79,7 +79,7 @@ | ||||
|                                 <x-table.td kind="action"></x-table.td> | ||||
|                                 @stack('issued_at_td_start') | ||||
|  | ||||
|                                 <x-table.td class="w-4/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-4/12" hidden-mobile> | ||||
|                                     @stack('due_at_td_inside_start') | ||||
|  | ||||
|                                     <x-slot name="first" class="font-bold truncate" override="class"> | ||||
| @@ -101,7 +101,7 @@ | ||||
|  | ||||
|                                 @stack('status_td_start') | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     @stack('status_td_inside_start') | ||||
|  | ||||
|                                     <x-index.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" /> | ||||
| @@ -158,9 +158,13 @@ | ||||
|                     </div> | ||||
|  | ||||
|                     <div class="my-10"> | ||||
|                         <a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_index&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700"> | ||||
|                         <x-link | ||||
|                             href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_index&utm_campaign=plg" | ||||
|                             class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700" | ||||
|                             override="class" | ||||
|                         > | ||||
|                             {{ trans('portal.get_started') }} | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     </div> | ||||
|  | ||||
|                     <div class="my-10"> | ||||
|   | ||||
| @@ -23,68 +23,70 @@ | ||||
|         <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> | ||||
|             <div class="w-full lg:w-5/12"> | ||||
|                 @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) | ||||
|                     <div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> | ||||
|                     <x-tabs active="{{ reset($payment_methods) }}"> | ||||
|                         <div role="tablist" class="flex flex-wrap"> | ||||
|                             @php $is_active = true; @endphp | ||||
|  | ||||
|                             <div class="swiper swiper-links w-full"> | ||||
|                                 <div class="swiper-wrapper"> | ||||
|                                     @foreach ($payment_methods as $key => $name) | ||||
|                                         @stack('invoice_{{ $key }}_tab_start') | ||||
|                                         <div class="swiper-slide"> | ||||
|                                             <div | ||||
|                                                 x-on:click="active = '{{ $name }}'" | ||||
|                                                 @click="onChangePaymentMethodSigned('{{ $key }}')" | ||||
|                                                 id="tabs-payment-method-{{ $key }}-tab" | ||||
|                                                 x-bind:class="active != '{{ $name }}' ? '' : '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'" | ||||
|                                                 class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link" | ||||
|                                             > | ||||
|                                                 {{ $name }} | ||||
|                             <x-slot name="navs"> | ||||
|                                 <div class="swiper swiper-links w-full"> | ||||
|                                     <div class="swiper-wrapper"> | ||||
|                                         @foreach ($payment_methods as $key => $name) | ||||
|                                             @stack('invoice_{{ $key }}_tab_start') | ||||
|                                             <div class="swiper-slide"> | ||||
|                                                 <x-tabs.nav | ||||
|                                                     id="{{ $name }}" | ||||
|                                                     @click="onChangePaymentMethodSigned('{{ $key }}')" | ||||
|                                                 > | ||||
|                                                     <div class="w-24 truncate"> | ||||
|                                                         {{ $name }} | ||||
|                                                     </div> | ||||
|                                                 </x-tabs.nav> | ||||
|                                             </div> | ||||
|                                         </div> | ||||
|                                         @stack('invoice_{{ $key }}_tab_end') | ||||
|                                             @stack('invoice_{{ $key }}_tab_end') | ||||
|  | ||||
|                                         @php $is_active = false; @endphp | ||||
|                                     @endforeach | ||||
|                                 </div> | ||||
|                                             @php $is_active = false; @endphp | ||||
|                                         @endforeach | ||||
|                                     </div> | ||||
|  | ||||
|                                 <div class="swiper-button-next top-3 right-0"> | ||||
|                                     <span class="material-icons">chevron_right</span> | ||||
|                                     <div class="swiper-button-next top-3 right-0"> | ||||
|                                         <span class="material-icons">chevron_right</span> | ||||
|                                     </div> | ||||
|  | ||||
|                                     <div class="swiper-button-prev top-3 left-0"> | ||||
|                                         <span class="material-icons">chevron_left</span> | ||||
|                                     </div> | ||||
|                                 </div> | ||||
|                                 <div class="swiper-button-prev top-3 left-0"> | ||||
|                                     <span class="material-icons">chevron_left</span> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                             </x-slot> | ||||
|                         </div> | ||||
|                         @php $is_active = true; @endphp | ||||
|  | ||||
|                         @foreach ($payment_methods as $key => $name) | ||||
|                             @stack('invoice_{{ $key }}_content_start') | ||||
|                             <div | ||||
|                                 x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'" | ||||
|                                 class="my-3" | ||||
|                                 id="tabs-payment-method-{{ $key }}" | ||||
|                             > | ||||
|                                 <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                             </div> | ||||
|                             @stack('invoice_{{ $key }}_content_end') | ||||
|                         <x-slot name="content"> | ||||
|                             @foreach ($payment_methods as $key => $name) | ||||
|                                 @stack('invoice_{{ $key }}_content_start') | ||||
|                                 <x-tabs.tab id="{{ $name }}"> | ||||
|                                     <div class="my-3"> | ||||
|                                         <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                                     </div> | ||||
|                                 </x-tabs.tab> | ||||
|                                 @stack('invoice_{{ $key }}_content_end') | ||||
|  | ||||
|                             @php $is_active = false; @endphp | ||||
|                         @endforeach | ||||
|                     </div> | ||||
|                                 @php $is_active = false; @endphp | ||||
|                             @endforeach | ||||
|  | ||||
|                     <x-form id="portal"> | ||||
|                         <x-form.group.payment-method | ||||
|                             id="payment-method" | ||||
|                             :selected="array_key_first($payment_methods)" | ||||
|                             not-required | ||||
|                             form-group-class="invisible" | ||||
|                             placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                             change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')" | ||||
|                         /> | ||||
|                             <x-form id="portal"> | ||||
|                                 <x-form.group.payment-method | ||||
|                                     id="payment-method" | ||||
|                                     :selected="array_key_first($payment_methods)" | ||||
|                                     not-required | ||||
|                                     form-group-class="invisible" | ||||
|                                     placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                                     change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')" | ||||
|                                 /> | ||||
|  | ||||
|                         <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                     </x-form> | ||||
|                                 <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                             </x-form> | ||||
|                         </x-slot> | ||||
|                     </x-tabs> | ||||
|                 @endif | ||||
|  | ||||
|                 @if ($invoice->transactions->count()) | ||||
|   | ||||
| @@ -21,66 +21,70 @@ | ||||
|         <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> | ||||
|             <div class="w-full lg:w-5/12"> | ||||
|                 @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) | ||||
|                     <div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> | ||||
|                         <div role="tablist" class="flex flex-wrap gap-y-4"> | ||||
|                     <x-tabs active="{{ reset($payment_methods) }}"> | ||||
|                         <div role="tablist" class="flex flex-wrap"> | ||||
|                             @php $is_active = true; @endphp | ||||
|  | ||||
|                             <div class="swiper swiper-links w-full"> | ||||
|                                 <div class="swiper-wrapper"> | ||||
|                                     @foreach ($payment_methods as $key => $name) | ||||
|                                         @stack('invoice_{{ $key }}_tab_start') | ||||
|                             <x-slot name="navs"> | ||||
|                                 <div class="swiper swiper-links w-full"> | ||||
|                                     <div class="swiper-wrapper"> | ||||
|                                         @foreach ($payment_methods as $key => $name) | ||||
|                                             @stack('invoice_{{ $key }}_tab_start') | ||||
|                                                 <div class="swiper-slide"> | ||||
|                                                     <x-tabs.nav | ||||
|                                                         id="{{ $name }}" | ||||
|                                                         @click="onChangePaymentMethodSigned('{{ $key }}')" | ||||
|                                                     > | ||||
|                                                         <div class="w-24 truncate"> | ||||
|                                                             {{ $name }} | ||||
|                                                         </div> | ||||
|                                                     </x-tabs.nav> | ||||
|                                                 </div> | ||||
|                                             @stack('invoice_{{ $key }}_tab_end') | ||||
|  | ||||
|                                         <div class="swiper-slide"> | ||||
|                                             <div | ||||
|                                                 x-on:click="active = '{{ $name }}'" | ||||
|                                                 @click="onChangePaymentMethod('{{ $key }}')" | ||||
|                                                 id="tabs-payment-method-{{ $key }}-tab" | ||||
|                                                 x-bind:class="active != '{{ $name }}' ? '' : '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'" | ||||
|                                                 class="text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link" | ||||
|                                             > | ||||
|                                                 {{ $name }} | ||||
|                                             </div> | ||||
|                                         </div> | ||||
|                                             @php $is_active = false; @endphp | ||||
|                                         @endforeach | ||||
|                                     </div> | ||||
|  | ||||
|                                         @stack('invoice_{{ $key }}_tab_end') | ||||
|                                     <div class="swiper-button-next top-3 right-0"> | ||||
|                                         <span class="material-icons">chevron_right</span> | ||||
|                                     </div> | ||||
|  | ||||
|                                         @php $is_active = false; @endphp | ||||
|                                     @endforeach | ||||
|                                     <div class="swiper-button-prev top-3 left-0"> | ||||
|                                         <span class="material-icons">chevron_left</span> | ||||
|                                     </div> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                             </x-slot> | ||||
|                         </div> | ||||
|  | ||||
|                         @php $is_active = true; @endphp | ||||
|  | ||||
|                         @foreach ($payment_methods as $key => $name) | ||||
|                             @stack('invoice_{{ $key }}_content_start') | ||||
|                         <x-slot name="content"> | ||||
|                             @foreach ($payment_methods as $key => $name) | ||||
|                                 @stack('invoice_{{ $key }}_content_start') | ||||
|                                     <x-tabs.tab id="{{ $name }}"> | ||||
|                                         <div class="my-3"> | ||||
|                                             <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                                         </div> | ||||
|                                     </x-tabs.tab> | ||||
|                                 @stack('invoice_{{ $key }}_content_end') | ||||
|  | ||||
|                             <div | ||||
|                                 x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'" | ||||
|                                 class="my-3" | ||||
|                                 id="tabs-payment-method-{{ $key }}" | ||||
|                             > | ||||
|                                 <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                             </div> | ||||
|                                 @php $is_active = false; @endphp | ||||
|                             @endforeach | ||||
|  | ||||
|                             @stack('invoice_{{ $key }}_content_end') | ||||
|                             <x-form id="portal"> | ||||
|                                 <x-form.group.payment-method | ||||
|                                     id="payment-method" | ||||
|                                     :selected="array_key_first($payment_methods)" | ||||
|                                     not-required | ||||
|                                     form-group-class="invisible" | ||||
|                                     placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                                     change="onChangePaymentMethod('{{ array_key_first($payment_methods) }}')" | ||||
|                                 /> | ||||
|  | ||||
|                             @php $is_active = false; @endphp | ||||
|                         @endforeach | ||||
|                     </div> | ||||
|  | ||||
|                     <x-form id="portal"> | ||||
|                         <x-form.group.payment-method | ||||
|                             id="payment-method" | ||||
|                             :selected="array_key_first($payment_methods)" | ||||
|                             not-required | ||||
|                             form-group-class="invisible" | ||||
|                             placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                             change="onChangePaymentMethod('{{ array_key_first($payment_methods) }}')" | ||||
|                         /> | ||||
|  | ||||
|                         <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                     </x-form> | ||||
|                                 <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                             </x-form> | ||||
|                         </x-slot> | ||||
|                     </x-tabs> | ||||
|                 @endif | ||||
|  | ||||
|                 @if ($invoice->transactions->count()) | ||||
|   | ||||
| @@ -30,60 +30,70 @@ | ||||
|             <div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0"> | ||||
|                 <div class="w-full lg:w-5/12"> | ||||
|                     @if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled'])) | ||||
|                         <div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }"> | ||||
|                         <x-tabs active="{{ reset($payment_methods) }}"> | ||||
|                             <div role="tablist" class="flex flex-wrap"> | ||||
|                                 @php $is_active = true; @endphp | ||||
|  | ||||
|                                 <div class="swiper swiper-links w-full"> | ||||
|                                     <div class="swiper-wrapper"> | ||||
|                                 <x-slot name="navs"> | ||||
|                                     <div class="swiper swiper-links w-full"> | ||||
|                                         <div class="swiper-wrapper"> | ||||
|                                         @foreach ($payment_methods as $key => $name) | ||||
|                                             @stack('invoice_{{ $key }}_tab_start') | ||||
|                                             <div class="swiper-slide"> | ||||
|                                                 <div | ||||
|                                                     x-on:click="active = '{{ $name }}'" | ||||
|                                                     @click="onChangePaymentMethodSigned('{{ $key }}')" | ||||
|                                                     id="tabs-payment-method-{{ $key }}-tab" | ||||
|                                                     x-bind:class="active != '{{ $name }}' ? '' : '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'" | ||||
|                                                     class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link" | ||||
|                                                 > | ||||
|                                                     {{ $name }} | ||||
|                                                 <div class="swiper-slide"> | ||||
|                                                     <x-tabs.nav | ||||
|                                                         id="{{ $name }}" | ||||
|                                                         @click="onChangePaymentMethodSigned('{{ $key }}')" | ||||
|                                                     > | ||||
|                                                         <div class="w-24 truncate"> | ||||
|                                                             {{ $name }} | ||||
|                                                         </div> | ||||
|                                                     </x-tabs.nav> | ||||
|                                                 </div> | ||||
|                                             </div> | ||||
|                                             @stack('invoice_{{ $key }}_tab_end') | ||||
|  | ||||
|                                             @php $is_active = false; @endphp | ||||
|                                         @endforeach | ||||
|                                         </div> | ||||
|  | ||||
|                                         <div class="swiper-button-next top-3 right-0"> | ||||
|                                             <span class="material-icons">chevron_right</span> | ||||
|                                         </div> | ||||
|  | ||||
|                                         <div class="swiper-button-prev top-3 left-0"> | ||||
|                                             <span class="material-icons">chevron_left</span> | ||||
|                                         </div> | ||||
|                                     </div> | ||||
|                                 </div> | ||||
|                                 </x-slot> | ||||
|                             </div> | ||||
|                             @php $is_active = true; @endphp | ||||
|  | ||||
|                             @foreach ($payment_methods as $key => $name) | ||||
|                                 @stack('invoice_{{ $key }}_content_start') | ||||
|                                 <div | ||||
|                                     x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'" | ||||
|                                     class="my-3" | ||||
|                                     id="tabs-payment-method-{{ $key }}" | ||||
|                                 > | ||||
|                                     <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                                 </div> | ||||
|                                 @stack('invoice_{{ $key }}_content_end') | ||||
|                             <x-slot name="content"> | ||||
|                                 @foreach ($payment_methods as $key => $name) | ||||
|                                     @stack('invoice_{{ $key }}_content_start') | ||||
|                                         <x-tabs.tab id="{{ $name }}"> | ||||
|                                             <div class="my-3"> | ||||
|                                                 <component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component> | ||||
|                                             </div> | ||||
|                                         </x-tabs.tab> | ||||
|                                     @stack('invoice_{{ $key }}_content_end') | ||||
|                                      | ||||
|                                     @php $is_active = false; @endphp | ||||
|                                 @endforeach | ||||
|  | ||||
|                                 @php $is_active = false; @endphp | ||||
|                             @endforeach | ||||
|                         </div> | ||||
|                         <x-form id="portal"> | ||||
|                             <x-form.group.payment-method | ||||
|                                 id="payment-method" | ||||
|                                 :selected="array_key_first($payment_methods)" | ||||
|                                 not-required | ||||
|                                 form-group-class="invisible" | ||||
|                                 placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                                 change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')" | ||||
|                             /> | ||||
|                                 <x-form id="portal"> | ||||
|                                     <x-form.group.payment-method | ||||
|                                         id="payment-method" | ||||
|                                         :selected="array_key_first($payment_methods)" | ||||
|                                         not-required | ||||
|                                         form-group-class="invisible" | ||||
|                                         placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}" | ||||
|                                         change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')" | ||||
|                                     /> | ||||
|  | ||||
|                             <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                         </x-form> | ||||
|                                     <x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" /> | ||||
|                                 </x-form> | ||||
|                             </x-slot> | ||||
|                         </x-tabs> | ||||
|                     @endif | ||||
|  | ||||
|                     @if ($invoice->transactions->count()) | ||||
|   | ||||
| @@ -10,7 +10,7 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th override="class" class="p-0"></x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-4/12 sm:w-3/12"> | ||||
| @@ -21,7 +21,7 @@ | ||||
|                                 <x-sortablelink column="payment_method" title="{{ trans_choice('general.payment_methods', 1) }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
|                             <x-table.th class="w-4/12 sm:w-3/12"> | ||||
|                             <x-table.th class="w-4/12 sm:w-3/12" hidden-mobile> | ||||
|                                 <x-sortablelink column="description" title="{{ trans('general.description') }}" /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -44,7 +44,7 @@ | ||||
|                                     {{ $payment_methods[$item->payment_method] }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                                 <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                     {{ $item->description }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
| @@ -66,9 +66,13 @@ | ||||
|                     </div> | ||||
|  | ||||
|                     <div class="my-10"> | ||||
|                         <a href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=payment_index&utm_campaign=plg" class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700"> | ||||
|                         <x-link | ||||
|                             href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=payment_index&utm_campaign=plg" | ||||
|                             class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700" | ||||
|                             override="class" | ||||
|                         > | ||||
|                             {{ trans('portal.get_started') }} | ||||
|                         </a> | ||||
|                         </x-link> | ||||
|                     </div> | ||||
|  | ||||
|                     <div class="my-10"> | ||||
|   | ||||
| @@ -44,8 +44,8 @@ | ||||
|  | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th kind="bulkaction"> | ||||
|                             <x-index.bulkaction.all /> | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -66,11 +66,11 @@ | ||||
|                 <x-table.tbody> | ||||
|                     @foreach($categories as $item) | ||||
|                         <x-table.tr href="{{ route('categories.edit', $item->id) }}" class="relative flex items-center border-b hover:bg-gray-100 px-1 group transition-all"> | ||||
|                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                             <x-table.td kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-5/12 truncate"> | ||||
|                             <x-table.td class="w-5/12"> | ||||
|                                 @if ($item->sub_categories->count()) | ||||
|                                     <div class="flex items-center font-bold"> | ||||
|                                         {{ $item->name }} | ||||
| @@ -97,7 +97,7 @@ | ||||
|                                 @endif | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-5/12 truncate"> | ||||
|                             <x-table.td class="w-5/12"> | ||||
|                                 @if (! empty($types[$item->type])) | ||||
|                                     {{ $types[$item->type] }} | ||||
|                                 @else | ||||
| @@ -105,7 +105,7 @@ | ||||
|                                 @endif | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-2/12 relative"> | ||||
|                             <x-table.td class="w-2/12"> | ||||
|                                 <span class="material-icons text-{{ $item->color }}" class="text-3xl" style="color:{{ $item->color }};">circle</span> | ||||
|                             </x-table.td> | ||||
|  | ||||
|   | ||||
| @@ -1,6 +1,6 @@ | ||||
| @if ($sub_category->sub_categories) | ||||
|     <x-table.tr data-collapse="child-{{ $parent_category->id }}" data-animation class="relative flex items-center hover:bg-gray-100 px-1 group border-b transition-all collapse-sub" href="{{ route('categories.edit', $sub_category->id) }}"> | ||||
|         <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|         <x-table.td kind="bulkaction"> | ||||
|             <x-index.bulkaction.single id="{{ $sub_category->id }}" name="{{ $sub_category->name }}" /> | ||||
|         </x-table.td> | ||||
|  | ||||
|   | ||||
| @@ -26,8 +26,8 @@ | ||||
|  | ||||
|             <x-table> | ||||
|                 <x-table.thead> | ||||
|                     <x-table.tr class="flex items-center px-1"> | ||||
|                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                     <x-table.tr> | ||||
|                         <x-table.th kind="bulkaction"> | ||||
|                             <x-index.bulkaction.all /> | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -39,7 +39,7 @@ | ||||
|                             <x-sortablelink column="code" title="{{ trans('currencies.code') }}" /> | ||||
|                         </x-table.th> | ||||
|  | ||||
|                         <x-table.th class="w-3/12 hidden sm:table-cell"> | ||||
|                         <x-table.th class="w-3/12" hidden-mobile> | ||||
|                             {{ trans('currencies.symbol.symbol') }} | ||||
|                         </x-table.th> | ||||
|  | ||||
| @@ -52,7 +52,7 @@ | ||||
|                 <x-table.tbody> | ||||
|                     @foreach($currencies as $item) | ||||
|                         <x-table.tr href="{{ route('currencies.edit', $item->id) }}"> | ||||
|                             <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                             <x-table.td kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                             </x-table.td> | ||||
|  | ||||
| @@ -72,15 +72,15 @@ | ||||
|                                 </x-slot> | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-6/12 sm:w-3/12 truncate"> | ||||
|                             <x-table.td class="w-6/12 sm:w-3/12"> | ||||
|                                 {{ $item->code }} | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-3/12 hidden sm:table-cell"> | ||||
|                             <x-table.td class="w-3/12" hidden-mobile> | ||||
|                                 {{ $item->symbol }} | ||||
|                             </x-table.td> | ||||
|  | ||||
|                             <x-table.td class="w-2/12 relative truncate"> | ||||
|                             <x-table.td class="w-2/12"> | ||||
|                                 {{ $item->rate }} | ||||
|                             </x-table.td> | ||||
|  | ||||
|   | ||||
| @@ -45,8 +45,8 @@ | ||||
|  | ||||
|                 <x-table> | ||||
|                     <x-table.thead> | ||||
|                         <x-table.tr class="flex items-center px-1"> | ||||
|                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                         <x-table.tr> | ||||
|                             <x-table.th kind="bulkaction"> | ||||
|                                 <x-index.bulkaction.all /> | ||||
|                             </x-table.th> | ||||
|  | ||||
| @@ -67,11 +67,11 @@ | ||||
|                     <x-table.tbody> | ||||
|                         @foreach($taxes as $item) | ||||
|                             <x-table.tr href="{{ route('taxes.edit', $item->id) }}"> | ||||
|                                 <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class"> | ||||
|                                 <x-table.td kind="bulkaction"> | ||||
|                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" /> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-5/12 truncate"> | ||||
|                                 <x-table.td class="w-5/12"> | ||||
|                                     <x-slot name="first" class="flex" override="class"> | ||||
|                                         <div class="font-bold truncate"> | ||||
|                                             {{ $item->name }} | ||||
| @@ -83,11 +83,11 @@ | ||||
|                                     </x-slot> | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-4/12 truncate"> | ||||
|                                 <x-table.td class="w-4/12"> | ||||
|                                     {{ $types[$item->type] }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|                                 <x-table.td class="w-3/12 relative"> | ||||
|                                 <x-table.td class="w-3/12"> | ||||
|                                     {{ $item->rate }} | ||||
|                                 </x-table.td> | ||||
|  | ||||
|   | ||||
| @@ -11,9 +11,9 @@ | ||||
|  | ||||
|             <span class="w-64 block mb-3 text-black-400 text-xs">{!! trans('widgets.description.bank_feeds') !!}</span> | ||||
|  | ||||
|             <a href="{{ $learn_more_url }}" target="_blank" class="font-light text-xs border-b transition-all hover:font-medium"> | ||||
|             <x-link href="{{ $learn_more_url }}" target="_blank" class="font-light text-xs border-b transition-all hover:font-medium" override="class"> | ||||
|                 {{ trans('modules.learn_more') }} | ||||
|             </a> | ||||
|             </x-link> | ||||
|         </div> | ||||
|  | ||||
|         <div class="relative flex justify-end -mt-28"> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user