@extends('master')

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

@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::Header-->
                <div class="card-header border-0 pt-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span
                            class="card-label fw-bolder fs-3 mb-1">{{ $voucherInfo->voucher_type === 'INCOME'
                                ? 'আয়ের
                                                                                                                                                                    ভাউচার বিবরণী'
                                : 'খরচের ভাউচার বিবরণী ' }}</span>
                    </h3>
                </div>
                <!--end::Header-->

                <!--begin::Card body-->
                <div class="card-body py-3 mt-5">
                    @include('message')

                    <!--begin::Form-->
                    <div class="form">

                        {{-- Fiscal Year --}}
                        <div class="row mb-10">
                            <div class="col-md-4 fv-row mb-5">
                                <label class="fs-5 fw-bold mb-2"> অর্থবছর :</label>
                                <select name="fiscal_year" class="form-select form-select-solid fw-bold"
                                    id="fiscal_year_select" disabled>
                                    <option>
                                        {{ date('Y', strtotime($voucherInfo->budget_start_at)) .
                                            '-' .
                                            date('Y', strtotime($voucherInfo->budget_end_at)) }}
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="row mb-5">
                            <div class="col-md-4 fv-row mb-5">
                                <label class="required fs-5 fw-bold mb-1">তারিখ :</label>
                                <input type="text" id="voucher_date_pick" autocomplete="off" readonly
                                    class="form-control form-control-solid" name="voucher_date"
                                    value="{{ $voucherInfo->voucher_date }}" />
                            </div>

                            <div class="col-md-4 fv-row mb-5">
                                <label class="required fs-5 fw-bold mb-1">নাম (ভেন্ডর / গ্রহণকারী) :</label>
                                <input type="text" class="form-control form-control-solid" name="name" readonly
                                    value="{{ $voucherInfo->name }}" />
                            </div>

                            <div class="col-md-4 fv-row mb-5">
                                <label class="required fs-5 fw-bold mb-1">হিসেবের শিরোনাম :</label>
                                <input type="text" class="form-control form-control-solid" name="voucher_title" readonly
                                    value="{{ $voucherInfo->voucher_title }}" />
                            </div>
                        </div>

                        {{-- Divider --}}
                        <div class="mt-10 mb-10 border-bottom border-2">
                            <label class="fs-5 fw-bold mb-3">আয়ের বিবরণ :</label>
                        </div>

                        {{-- Input Container --}}
                        @foreach ($codes as $code)
                            <div id="input-container">
                                <div class="row mb-3">
                                    <div class="col-md-4 fv-row mb-3">
                                        <label class="required fs-5 fw-bold mb-1">অর্থনৈতিক কোড নং :</label>
                                        <input type="search" class="form-control form-control-solid code-input"
                                            value="{{ $code->code_no }}" readonly />
                                    </div>

                                    <div class="col-md-4 fv-row mb-3">
                                        <label class="required fs-5 fw-bold mb-1">শিরোনাম :</label>
                                        <input type="search" class="form-control form-control-solid code-input"
                                            value="{{ $code->code_title }}" readonly />
                                    </div>

                                    <div class="col-md-4 fv-row mb-3">
                                        <label class="required fs-5 fw-bold mb-1">পরিমাণ:</label>
                                        <input type="number" class="form-control form-control-solid" name="code_amount[]"
                                            value="{{ $code->amount }}" readonly />
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <div id="input-container" class="mt-15">
                            <div class="row mb-3">
                                <div class="col-md-6 fv-row">
                                    <label class="fs-5 fw-bold mb-1">নোট :</label>
                                    <textarea class="form-control form-control-solid" id="note" name="voucher_note" readonly rows="4">{{ $voucherInfo->voucher_note }}</textarea>
                                </div>

                                <div class="col-md-6 fv-row">
                                    <label class="fs-5 fw-bold mb-1">ফাইল আপলোড :</label>
                                    @if ($voucherInfo->voucher_doc_name)
                                        <div class="d-flex gap-3 align-items-center form-control form-control-solid">
                                            <i class="fas fa-file fa-2x"></i> <span
                                                class="fw-bold">{{ $voucherInfo->voucher_doc_name }}</span>
                                        </div>
                                    @else
                                        <input type="text" class="form-control form-control-solid"
                                            name="voucher_doc_name" readonly value="No file uploaded." />
                                    @endif

                                </div>
                            </div>
                        </div>

                        {{-- Divider --}}
                        <div class="mt-15 mb-10 border-bottom border-2">
                            <label class="fs-5 fw-bold mb-3">ব্যাংক এর বিবরণ :</label>
                        </div>

                        <div id="input-container">
                            <div class="row mb-3 mt-8">
                                <div class="mb-5 fv-row">
                                    <label class="required fs-5 fw-bold mb-1">ব্যাংক নাম :</label>
                                    <input class="form-control form-control-solid" readonly
                                        value="{{ $account->bank->bank_name }} ({{ $account->branch->branch_name }}) A/C - {{ $account->account_no }} ({{ $account->account_name }})" />
                                </div>
                            </div>
                        </div>


                        <div id="input-container">
                            <div class="row mb-3">
                                <div class="col-md-6 fv-row mb-5">
                                    <label
                                        class="required fs-5 fw-bold mb-1">{{ $voucherInfo->voucher_type === 'EXPENSE' ? 'চেক নং :' : 'রশিদ নং :' }}</label>
                                    <input type="text" class="form-control form-control-solid" name="check_no"
                                        autocomplete="off" readonly value="{{ $voucherInfo->check_no }}" />
                                </div>

                                <div class="col-md-4 fv-row mb-5">
                                    <label
                                        class="required fs-5 fw-bold mb-1">{{ $voucherInfo->voucher_type === 'EXPENSE' ? 'চেক এর তারিখ :' : 'রশিদ এর তারিখ :' }}</label>
                                    <input type="text" id="check_date_pick" autocomplete="off" readonly
                                        class="form-control form-control-solid" name="check_date"
                                        value="{{ $voucherInfo->check_date }}" />
                                </div>
                            </div>
                        </div>


                        <div class="text-end">
                            <a href="{{ url()->previous() }}" class="btn btn-secondary">
                                <span class="indicator-label">Back</span>
                            </a>
                        </div>

                        <!--end::Modal footer-->
                    </div>
                    <!--end::Form-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
@endsection