34 lines
1.8 KiB
PHP
34 lines
1.8 KiB
PHP
@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>';
|
|
@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>
|
|
|
|
<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'"
|
|
>
|
|
<div class="my-2">
|
|
{!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!}
|
|
</div>
|
|
|
|
<div class="my-2">
|
|
{!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|