@extends('layouts.app')

@section('style')
    <style>
        @font-face {
            font-family: 'SolaimanLipi';
            src: url('{{ public_path('fonts/SolaimanLipi.ttf') }}');
        }

        .inspection-form {
            font-family: 'SolaimanLipi';
            font-size: 20px;
        }
    </style>
@endsection

@section('content')
    <div class="py-4">
        <div class="mb-5">
            <x-inspection-request-header />
        </div>

        <div class="inspection-form">
            <form action="">
                <div class="row mb-4">
                    <div class="col-md-1">
                        <p class="fs-4">২১ ।</p>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group mb-4">
                            <label class="mb-2 label">আর্থিক ব্যবস্থা</label>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(ক)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group">
                                    <label class="label mb-2" for="amount-of-college-income">কলেজের আয়ের পরিমাণ</label>
                                    <input type="number" class="form-control" name="amount_of_college_income"
                                        placeholder="কলেজের আয়ের পরিমাণ">
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(খ)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="college-income-source">আয়ের উৎস</label>
                                    <textarea rows="3" class="form-control" name="college_income_source" placeholder="আয়ের উৎস"></textarea>
                                </div>

                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="college-income-source-list">প্রতিটি উৎস থেকে অর্জিত
                                        অর্থের পরিমাণ উল্লেখপূর্বক বিবরণী</label>
                                    <input type="file" class="form-control" name="college_income_source_list">
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(গ)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="amount-of-college-expenses">কলেজের ব্যয়ের পরিমাণ</label>
                                    <input class="form-control" type="number" name="amount_of_college_expenses"
                                        placeholder="কলেজের ব্যয়ের পরিমাণ">
                                </div>

                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="college-expense-sector-list">প্রতি খাতে ব্যয়িত অর্থের
                                        পরিমাণ উল্লেখপূর্বক বিবরণী</label>
                                    <input type="file" class="form-control" id="college-expense-sector-list"
                                        name="college_expense_sector_list">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-1">
                        <p class="fs-4">২২ ।</p>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group mb-4">
                            <label class="label mb-2">বিভিন্ন তহবিলের স্থিতি</label>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(ক)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="general-fund">সাধারণ তহবিল</label>
                                    <input type="number" class="form-control" placeholder="সাধারণ তহবিল"
                                        name="general_fund">
                                </div>
                                <div class="form-group">
                                    <label class="label mb-2" for="general-fund-date">তারিখ</label>
                                    <div class="d-flex align-items-center">
                                        <input type="date" name="general_fund_date" class="form-control me-2">
                                        <div>
                                            পর্যন্ত
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(খ)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="reserved-fund">সংরক্ষিত তহবিল</label>
                                    <input type="number" class="form-control" placeholder="সংরক্ষিত তহবিল"
                                        name="reserved_fund">
                                </div>
                                <div class="form-group">
                                    <label class="label mb-2" for="reserved-fund-date">তারিখ</label>
                                    <div class="d-flex align-items-center">
                                        <input type="date" name="reserved_fund_date" class="form-control me-2">
                                        <div>
                                            পর্যন্ত
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(গ)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="development-fund">উন্নয়ন তহবিল</label>
                                    <input type="number" class="form-control" placeholder="উন্নয়ন তহবিল"
                                        name="development_fund">
                                </div>
                                <div class="form-group">
                                    <label class="label mb-2" for="development-fund-date">তারিখ</label>
                                    <div class="d-flex align-items-center">
                                        <input type="date" name="development_fund_date" class="form-control me-2">
                                        <div>
                                            পর্যন্ত
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(ঘ)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="others-fund">অন্যান্য তহবিল</label>
                                    <input type="number" class="form-control" placeholder="অন্যান্য তহবিল"
                                        name="others_fund">
                                </div>
                                <div class="form-group">
                                    <label class="label mb-2" for="others-fund-date">তারিখ</label>
                                    <div class="d-flex align-items-center">
                                        <input type="date" name="others_fund_date" class="form-control me-2">
                                        <div>
                                            পর্যন্ত
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-1">
                        <p class="fs-4">২৩ ।</p>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="has-provident-fund">প্রভিডেন্ট ফান্ডের ব্যবস্থা আছে কিনা?</label>

                            <div class="d-flex mb-4">
                                <div class="form-check me-5">
                                    <input class="form-check-input" type="radio" name="has_provident_fund"
                                        id="has-provident-fund-yes" checked>
                                    <label class="form-check-label" for="has-provident-fund-yes">
                                        হ্যাঁ
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="has_provident_fund"
                                        id="has-provident-fund-no">
                                    <label class="form-check-label" for="has-provident-fund-no">
                                        না
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="label mb-2" for="provident-fund-rate">থাকলে তার হার কত?</label>
                            <input type="text" name="provident_fund_rate" class="form-control" placeholder="প্রভিডেন্ট ফান্ডের হার">
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-1">
                        <p class="fs-4">২৪ ।</p>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="student-fees-details">শিক্ষার্থীদের নিকট থেকে গৃহীতব্য বিভিন্ন ফিসের বিস্তারিত বিবরণ</label>
                            <textarea class="form-control" name="student_fees_details" id="student-fees-details" rows="3" placeholder="শিক্ষার্থীদের নিকট থেকে গৃহীতব্য বিভিন্ন ফিসের বিস্তারিত বিবরণ"></textarea>
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-10">
                        <div class="d-flex justify-content-end">
                            <a href="" class="btn btn-primary">সাবমিট করুন</a>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
@endsection