Merge pull request #2619 from brkcvn/code-clean
HTML structures development
This commit is contained in:
Cüneyt Şentürk
GitHub
commit
e7a05d12ae
38
app/View/Components/Form/Section.php
Normal file
38
app/View/Components/Form/Section.php
Normal file
@ -0,0 +1,38 @@
|
||||
<?php
|
||||
|
||||
namespace App\View\Components\Form;
|
||||
|
||||
use App\Abstracts\View\Component;
|
||||
use Illuminate\Support\Str;
|
||||
|
||||
class Section extends Component
|
||||
{
|
||||
public $spacingVertical;
|
||||
|
||||
public $spacingHorizontal;
|
||||
|
||||
public $columnNumber;
|
||||
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct(
|
||||
string $spacingVertical = 'gap-y-6', string $spacingHorizontal = 'gap-x-8', string $columnNumber = 'sm:grid-cols-6',
|
||||
) {
|
||||
$this->spacingVertical = $spacingVertical;
|
||||
$this->spacingHorizontal = $spacingHorizontal;
|
||||
$this->columnNumber = $columnNumber;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*
|
||||
* @return \Illuminate\Contracts\View\View|string
|
||||
*/
|
||||
public function render()
|
||||
{
|
||||
return view('components.form.section.index');
|
||||
}
|
||||
}
|
||||
@ -11,6 +11,7 @@ class Td extends Component
|
||||
public $override;
|
||||
|
||||
public $kind;
|
||||
public $hiddenMobile;
|
||||
|
||||
/**
|
||||
* Create a new component instance.
|
||||
@ -18,11 +19,12 @@ class Td extends Component
|
||||
* @return void
|
||||
*/
|
||||
public function __construct(
|
||||
string $class = '', string $override = '', string $kind = ''
|
||||
string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
|
||||
) {
|
||||
$this->override = $this->getOverride($override);
|
||||
|
||||
$this->kind = $kind;
|
||||
$this->hiddenMobile = $hiddenMobile;
|
||||
$this->class = $this->getClass($class);
|
||||
}
|
||||
|
||||
@ -47,6 +49,10 @@ class Td extends Component
|
||||
return $class;
|
||||
}
|
||||
|
||||
if ($this->hiddenMobile) {
|
||||
$class = $class . ' ' . 'hidden sm:table-cell';
|
||||
}
|
||||
|
||||
$default = 'py-4 whitespace-nowrap text-sm font-normal text-black truncate';
|
||||
|
||||
switch ($this->kind) {
|
||||
@ -56,6 +62,9 @@ class Td extends Component
|
||||
case 'right':
|
||||
$default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left ' . $default;
|
||||
break;
|
||||
case 'bulkaction':
|
||||
$default = $class . 'ltr:pr-6 rtl:pl-6 hidden sm:table-cell';
|
||||
break;
|
||||
case 'action':
|
||||
$default = 'p-0';
|
||||
break;
|
||||
|
||||
@ -12,17 +12,20 @@ class Th extends Component
|
||||
|
||||
public $kind;
|
||||
|
||||
public $hiddenMobile;
|
||||
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct(
|
||||
string $class = '', string $override = '', string $kind = ''
|
||||
string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
|
||||
) {
|
||||
$this->override = $this->getOverride($override);
|
||||
|
||||
$this->kind = $kind;
|
||||
$this->hiddenMobile = $hiddenMobile;
|
||||
$this->class = $this->getClass($class);
|
||||
}
|
||||
|
||||
@ -47,6 +50,10 @@ class Th extends Component
|
||||
return $class;
|
||||
}
|
||||
|
||||
if ($this->hiddenMobile) {
|
||||
$class = $class . ' ' . 'hidden sm:table-cell';
|
||||
}
|
||||
|
||||
$default = 'py-3 text-xs font-medium text-black tracking-wider';
|
||||
|
||||
switch ($this->kind) {
|
||||
@ -56,6 +63,9 @@ class Th extends Component
|
||||
case 'right':
|
||||
$default = $class . ' ltr:pl-6 rtl:pr-6 ltr:text-right rtl:text-left' . $default;
|
||||
break;
|
||||
case 'bulkaction':
|
||||
$default = $class . 'ltr:pr-6 rtl:pl-6 hidden sm:table-cell';
|
||||
break;
|
||||
default:
|
||||
$default = $class . ' ltr:pr-6 rtl:pl-6 ltr:text-left rtl:text-right ' . $default;
|
||||
}
|
||||
|
||||
@ -45,6 +45,10 @@ class Tr extends Component
|
||||
return 'relative flex items-center px-1 group border-b hover:bg-gray-100';
|
||||
}
|
||||
|
||||
else if (array_key_exists('App\View\Components\Table\Thead', $values)) {
|
||||
return 'flex items-center px-1';
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
53
public/css/app.css
vendored
53
public/css/app.css
vendored
@ -47697,10 +47697,6 @@ body{
|
||||
border-color: rgb(85 88 139 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.focus\:border-transparent:focus{
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.focus\:border-blue-300:focus{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(153 197 219 / var(--tw-border-opacity));
|
||||
@ -47791,11 +47787,6 @@ body{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:border-black{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(66 66 66 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:bg-gray-900{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
@ -47947,18 +47938,14 @@ body{
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:pl-0{
|
||||
padding-left: 0px;
|
||||
[dir="ltr"] .ltr\:pr-0{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:pl-6{
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:pr-0{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:pl-3{
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
@ -48126,18 +48113,14 @@ body{
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:pr-0{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:pr-6{
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:pl-0{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:pr-0{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:pr-3{
|
||||
padding-right: 0.75rem;
|
||||
}
|
||||
@ -48484,6 +48467,10 @@ body{
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.lg\:w-2\/12{
|
||||
width: 16.666667%;
|
||||
}
|
||||
|
||||
.lg\:w-80{
|
||||
width: 20rem;
|
||||
}
|
||||
@ -48504,10 +48491,6 @@ body{
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.lg\:w-2\/12{
|
||||
width: 16.666667%;
|
||||
}
|
||||
|
||||
.lg\:w-7\/12{
|
||||
width: 58.333333%;
|
||||
}
|
||||
@ -48716,14 +48699,14 @@ body{
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .lg\:ltr\:pl-24{
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:lg\:pl-8{
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .lg\:ltr\:pl-24{
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .lg\:rtl\:left-0{
|
||||
left: 0px;
|
||||
}
|
||||
@ -48736,13 +48719,13 @@ body{
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .lg\:rtl\:pr-24{
|
||||
padding-right: 6rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:lg\:pr-8{
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .lg\:rtl\:pr-24{
|
||||
padding-right: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px){
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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,7 +182,7 @@
|
||||
{!! $third->attributes->get('title') !!}
|
||||
</span>
|
||||
@if ($third->attributes->has('href'))
|
||||
</a>
|
||||
</x-link>
|
||||
@endif
|
||||
@endif
|
||||
</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>
|
||||
</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="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.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-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.currency without-add-new form-group-class="col-span-6" :add-new-text="trans_choice('general.currencies', 1)" />
|
||||
</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>
|
||||
|
||||
<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-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-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="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="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="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>
|
||||
<x-form.group.currency without-add-new form-group-class="col-span-6" />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
|
||||
<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-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="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="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.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>
|
||||
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
|
||||
</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.text name="website" label="{{ trans('general.website') }}" 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.group.text name="reference" label="{{ trans('general.reference') }}" 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.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 }}" />
|
||||
|
||||
|
||||
120
resources/views/modals/vendors/create.blade.php
vendored
120
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="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="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="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>
|
||||
<x-form.group.currency without-add-new form-group-class="col-span-6" />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
|
||||
<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-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="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="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.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>
|
||||
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
|
||||
</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.text name="website" label="{{ trans('general.website') }}" 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.group.text name="reference" label="{{ trans('general.reference') }}" 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="vendor" />
|
||||
<x-form.input.hidden name="enabled" value="1" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
120
resources/views/modals/vendors/edit.blade.php
vendored
120
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="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="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="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>
|
||||
<x-form.group.currency without-add-new form-group-class="col-span-6" />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
|
||||
<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-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="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="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.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>
|
||||
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
|
||||
</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.text name="website" label="{{ trans('general.website') }}" 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.group.text name="reference" label="{{ trans('general.reference') }}" 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="vendor" />
|
||||
<x-form.input.hidden name="enabled" value="1" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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
|
||||
</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) }}')"
|
||||
/>
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
|
||||
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
|
||||
</x-form>
|
||||
<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-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">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user