@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home') => '/',
            __('breadcrumb.accounting') => '/accounting/accounts',
            __('breadcrumb.receipt_check') => '#',
        ],
    ])
@endsection

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

@section('style')
    <style>
        .check-card {
            border: .02rem solid black;
            border-radius: 15px
        }
    </style>
@endsection

@section('content')
    <div>
        <button class="btn orange-btn btn-sm print-bond-btn mb-2">
            @lang('general.print')
        </button>

        <div id="printable-check">
            <div class="check-card">
                <div class="card-header">
                    <div class="d-flex justify-content-between">
                        <h3> @lang('accounting/checks/receipt-check.receipt_check_number') : {{ $receipt_check->number }}</h3>
                    </div>
                </div>
                <div class="card-body">
                    <div class="d-flex">
                        <div>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.received_from') :</h4>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.amount_in_words') :</h4>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.date') :</h4>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.in_payment_for') :</h4>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.bank') :</h4>
                            <h4 class="mb-3">@lang('accounting/checks/receipt-check.signature') :</h4>
                        </div>
                        <div class="px-3">
                            <h5 class="mb-3 pt-1">_____________________</h5>
                            <h5 class="mb-3 pt-1 text-danger">{{ $receipt_check->amount }} @lang('accounting/checks/receipt-check.amount_in_dinars')</h5>
                            <h5 class="mb-3 pt-1">{{ $receipt_check->date }}</h5>
                            <h5 class="mb-3 pt-1">{{ $receipt_check->notice ?? ' __________________ ' }}</h5>
                            <h5 class="mb-3 pt-1">{{ $receipt_check->bank }}</h5>
                            <h5 class="mb-3 pt-1">__________________</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';
        $('body').on('click', '.print-bond-btn', function() {
            let target = $('#printable-check').clone();
            let title = "سند قبض";
            const print_data = @json(Session::get('print_data'));
            printSection.print(target, print_data, title, null, false);
        });
    </script>
@endpush