@extends('tenant.layouts.master')

@section('breadcrumb')
    @php
        $breadcrumb_items[__('breadcrumb.home')] = '/';

        if ($module == 'warehouses') {
            $breadcrumb_items[__('breadcrumb.warehouses')] = '/warehouses/branches';
        } elseif ($module == 'accounting') {
            $breadcrumb_items[__('breadcrumb.accounting')] = '/accounting/accounts';
        } elseif ($module == 'rentals') {
            $breadcrumb_items[__('breadcrumb.rentals')] = '#';
        }

        $breadcrumb_items[__('breadcrumb.receivables')] = route('tenant.receivables.index', ['module' => $module]);
        $breadcrumb_items[$receivable_account->name] = route('tenant.receivables.accounts.show', [
            'module' => $module,
            'account' => $receivable_account->id,
        ]);
        $breadcrumb_items[__('breadcrumb.due_checks')] = '#';
    @endphp

    @include('tenant.layouts.breadcrumb', ['items' => $breadcrumb_items])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'accounting.receivables'])
@endsection

@section('content')
    <x-tenant.shared.backward-component :direct-to="__('breadcrumb.receivable')" print-bond-link="/"
        link="{{ route('tenant.receivables.accounts.show', ['module' => $module, 'account' => $receivable_account->id]) }}" />

    {{-- Receivable Account Checks --}}
    <div id="printable-content">
        {{-- Unposted Receipt Checks --}}
        <div>
            <h4>@lang('receivables/receivable-checks.due_checks_receivable')  {{ $receivable_account->name }}</h4>
        </div>

        <table class="table table-striped table-bordered table-hover table-borderless without-herotable">
            <thead>
                <tr>
                    <th class="xs-td">#</th>
                    <th class="xs-td">@lang('receivables/receivable-checks.value')</th>
                    <th class="xs-td">@lang('receivables/receivable-checks.check_number')</th>
                    <th class="md-td">@lang('receivables/receivable-checks.bank')</th>
                    <th class="md-td">@lang('receivables/receivable-checks.bond')</th>
                    <th class="sm-td">@lang('receivables/receivable-checks.date')</th>
                    <th class="lg-td">@lang('receivables/receivable-checks.description')</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($receipt_checks as $check)
                    <tr>
                        <td class="xs-td">{{ $loop->iteration }}</td>
                        <td class="xs-td">{{ $check->amount }}</td>
                        <td class="xs-td">{{ $check->number }}</td>
                        <td class="md-td">{{ $check->bank }}</td>
                        <td class="md-td"> @lang('receivables/receivable-checks.receipt_bond') {{ $check->receipt->id }}</td>
                        <td class="sm-td">{{ $check->date }}</td>
                        <td class="lg-td">{{ $check->notice }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="100%">
                            @lang('receivables/receivable-checks.no_due_checks')
                        </td>
                    </tr>
                @endforelse

                @if ($receipt_checks->count())
                    <tr>
                        <td>  @lang('general.total')</td>
                        <td>
                            <b>{{ collect($receipt_checks)->sum('amount') }}</b>
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
        <hr>

        {{-- Unposted Exchange Checks --}}
        <div class="mt-3">
            <h4>@lang('receivables/receivable-checks.due_checks_receivable') {{ $receivable_account->name }}</h4>
        </div>

        <table class="table table-striped table-bordered table-hover table-borderless without-herotable">
            <thead>
                <tr>
                    <th class="xs-td">#</th>
                    <th class="xs-td">@lang('receivables/receivable-checks.value')</th>
                    <th class="xs-td"> @lang('receivables/receivable-checks.check_number')</th>
                    <th class="md-td"> @lang('receivables/receivable-checks.beneficiary_name')</th>
                    <th class="md-td">@lang('receivables/receivable-checks.bond')</th>
                    <th class="sm-td">@lang('receivables/receivable-checks.date')</th>
                    <th class="lg-td">@lang('receivables/receivable-checks.description')</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($exchange_checks as $check)
                    <tr>
                        <td class="xs-td">{{ $loop->iteration }}</td>
                        <td class="xs-td">{{ $check->amount }}</td>
                        <td class="xs-td">{{ $check->number }}</td>
                        <td class="md-td">{{ $check->beneficiary_name }}</td>
                        <td class="md-td"> @lang('receivables/receivable-checks.exchange_bond') {{ $check->exchange->id }}</td>
                        <td class="sm-td">{{ $check->date }}</td>
                        <td class="lg-td">{{ $check->notice }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="100%">
                            @lang('receivables/receivable-checks.no_due_checks')
                        </td>
                    </tr>
                @endforelse

                @if ($exchange_checks->count())
                    <tr>
                        <td>@lang('general.total')</td>
                        <td>
                            <b>{{ collect($exchange_checks)->sum('amount') }}</b>
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';

        $(() => {
            let name = {!! json_encode($receivable_account->name) !!};
            $('body').on('click', '.print-bond-shortcut-btn', function() {
                let target = $('#printable-content').clone();
                let title = `${name} شيكات الذمة`;
                const print_data = @json(Session::get('print_data'));
                printSection.print(target, print_data, title, null, true);
            });

        });
    </script>
@endpush