@extends('master')

@section('title', 'ভাউচার বিবরণী ')
@section('breadcrumbMainTitle', 'ভাউচার বিবরণী ')

<style>
    /* General Typography Styles */
    body {
        font-family: 'Kalpurush', 'Arial', sans-serif;
        /* Choose a clean, readable font */
        font-size: 12px;
        /* Base font size */
        line-height: 1.6;
        /* Comfortable line spacing */
        color: #000;
        /* Neutral text color */
        margin: 0;
        padding: 0;
    }

    /* Headings */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
        /* Make headings bold */
        margin: 0.5em 0;
        /* Space above and below */
        line-height: 1.4;
        /* Tighter line height for headings */
        color: #111;
        /* Slightly darker than body text for emphasis */
    }

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 12px;
    }

    h6 {
        font-size: 12px;
    }

    /* Paragraphs */
    p {
        margin: 0 0 1em;
        /* Space between paragraphs */
    }

    /* Tables */
    table {
        width: 98%;
        border-collapse: collapse !important;
        margin: auto;
    }

    th,
    td {
        border: 1px solid #aaa !important;
        padding: 8px;
    }

    th {
        background-color: #f4f4f4;
        /* Slightly darker header */
        font-weight: bold;
    }
</style>

@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <!--begin::Card-->
            <div class="card">
                <!--begin::Card body-->
                <div class="card-body py-3 mt-5">
                    {{-- Header section --}}
                    <section style="margin: 25px 5px; position: relative;">
                        <div style="text-align: center">
                            <h2>{{ __('university_name') }}</h2>
                            <h3 style="font-weight: normal">{{ __('university_location') }}</h3>
                        </div>

                        <div style="position: absolute; bottom: -10px; right: 10px;">
                            <span>ভাউচার : </span> <span
                                style="text-decoration: underline; font-weight: bold">#{{ $numto->bnNum($voucherInfo->voucher_no) }}</span>
                            <br />
                            <span>তারিখ : </span> <span
                                style="text-decoration: underline; font-weight: bold">{{ BnDate($voucherInfo->voucher_date) }}</span>
                        </div>

                        <div style="text-align: center; margin-top: 35px">
                            <h3>{{ ($voucherInfo->voucher_type === 'INCOME' ? 'আয়ের ভাউচার' : $voucherInfo->voucher_invoice_type === 'CURRENT') ? 'খরচের ভাউচার' : 'অগ্রিম খরচের ভাউচার' }}
                            </h3>
                        </div>
                    </section>

                    {{-- Main Voucher --}}
                    <section style="margin: 25px 10px; border: 1px solid #666">
                        {{-- Voucher title & Name --}}
                        <div style="padding: 25px">
                            <h5 style="display: inline">নাম : </h5><span>{{ $voucherInfo->name }}</span> <br />
                            <h5 style="display: inline">হিসেবের শিরোনাম : </h5>
                            @foreach ($codes as $item)
                                <span>{{ $item->code_title . ($item->code_no ? " (#{$item->code_no})" : '') }}</span>
                                {{ !$loop->last ? ',' : '' }}
                            @endforeach
                        </div>

                        {{-- Table --}}
                        <table>
                            <thead>
                                <tr>
                                    <th></th>
                                    <th style="width: 15%;">টাকা</th>
                                    <th style="width: 5%;">পয়সা</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{ $voucherInfo->voucher_note }}</td>
                                    <td>{{ $numto->bnNum($voucherInfo->voucher_amount) }}</td>
                                    <td></td>
                                </tr>

                                <tr style="font-weight: bold">
                                    <td style="text-align: right">মোট টাকা</td>
                                    <td>{{ $numto->bnNum($voucherInfo->voucher_amount) }}</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>

                        {{-- Amount in words --}}
                        <div style="padding: 25px">
                            <h5>কথায় : {{ $numto->bnMoney((int) $voucherInfo->voucher_amount) }} মাত্র</h5>
                            <span>পরিশোধ এর জন্য ছাড় করা হইলো। </span> <br />
                            <span>প্রত্যয়ন করা যাইতেছে যে , এই বিল পরিশোধের জন্য যথাযথ কর্তৃপক্ষ মঞ্জুরী
                                রহিয়াছে এবং এই বিল এর টাকা আগে তোলা হয় নাই।</span>
                        </div>

                        {{-- Signatures --}}
                        <div
                            style="padding:40px 25px 5px; display: flex; gap: 6px; align-items: end; font-size: 12px; text-align: center">
                            @foreach ($signatoryList as $item)
                                <div style="margin-right:60px;">
                                    @if (isset($signatures[$item?->user_id]))
                                        <img src="{{ asset('storage/employee/employee/profile/' . $signatures[$item?->user_id]) }}"
                                            alt="signature" style="width: 100px; height: auto;">
                                    @endif
                                    <!-- Content with border-top -->
                                    <div style="border-top: 1px solid black; padding-top: 2px;">
                                        <span>
                                            {{ $item?->user?->employee?->designation?->designation_name }}
                                        </span>
                                        <br />
                                        <span>
                                            {{ $item?->user?->employee?->department?->department_name }}
                                        </span>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </section>

                    {{-- Check Details --}}
                    <section style="display: flex; align-items: center; justify-content: space-between">
                        @if ($voucherInfo->check_no || $voucherInfo->check_date)
                            <div style="padding: 0 35px">
                                <span> {{ $voucherInfo->voucher_type === 'INCOME' ? 'রশিদ নং : ' : 'চেক নং :' }} </span>
                                <span
                                    style="text-decoration: underline; font-weight: bold">{{ $voucherInfo->check_no }}</span>
                                <br />
                                <span>{{ $voucherInfo->voucher_type === 'INCOME' ? 'রশিদ তারিখ : ' : 'চেক তারিখ :' }}
                                </span> <span
                                    style="text-decoration: underline; font-weight: bold">{{ $voucherInfo->check_date ? BnDate($voucherInfo->check_date) : '' }}</span>
                            </div>
                        @else
                            <div></div>
                        @endif

                        <div style="padding: 0 35px">
                            <span>বুঝিয়া পাইলাম</span>
                            <br />
                            <br />
                            <br />
                            <br />
                            <span>প্রাপকের সাক্ষর </span>
                        </div>
                    </section>
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->

            <div class="text-end mt-4">
                <a href="{{ url()->previous() }}" class="btn btn-secondary">
                    <span class="indicator-label">Back</span>
                </a>
            </div>
        </div>
        <!--end::Container-->
    </div>
@endsection