@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 for="label mb-2">২০২১-২০২২ শিক্ষা বর্ষ হতে ভর্তিকৃত শিক্ষার্থী সংখ্যা : (১ম বর্ষ থেকে
                                শেষাবধি শিক্ষাবর্ষ উল্লেখ করতে হবে)</label>
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="first-year">১ম বর্ষ(শিক্ষাবর্ষ)</label>
                            <input type="number" class="form-control" name="first_year" id="first-year"
                                placeholder="১ম বর্ষ ছাত্র সংখ্যা">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="second-year">২য় বর্ষ (শিক্ষাবর্ষ)</label>
                            <input type="number" class="form-control" name="second_year" id="second-year"
                                placeholder="২য় বর্ষ ছাত্র সংখ্যা">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="third-year">৩য় বর্ষ(শিক্ষাবর্ষ)</label>
                            <input type="number" class="form-control" name="third_year" id="third-year"
                                placeholder="৩য় বর্ষ ছাত্র সংখ্যা">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="fourth-year">৪র্থ বর্ষ(শিক্ষাবর্ষ)</label>
                            <input type="number" class="form-control" name="fourth_year" id="fourth-year"
                                placeholder="৪র্থ বর্ষ ছাত্র সংখ্যা">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="fifth-year">৫ম বর্ষ(শিক্ষাবর্ষ)</label>
                            <input type="number" class="form-control" name="fifth_year" id="fifth-year"
                                placeholder="৫ম বর্ষ ছাত্র সংখ্যা">
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="total-student-count">সর্বমোট</label>
                            <input type="number" class="form-control" name="total_student_count" id="total-student-count"
                                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="total-teacher-count">শিক্ষক সংখ্যা মোট</label>
                            <div class="d-flex align-items-center">
                                <input type="number" name="total_teacher_count" class="form-control me-2"
                                    placeholder="শিক্ষক সংখ্যা মোট">
                                <div>জন</div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="label mb-2" for="total-teacher-attachment">(নাম, পদবী, জন্ম তারিখ, শিক্ষাগত
                                যোগ্যতা ও অভিজ্ঞতার (MPQ) নীতিমালা, প্রকাশনার সংখ্যা, যোগদানের
                                তারিখ,নিয়োগের ধরণ, পে-স্কেল ইত্যাদি উল্লেখপূর্বক পূর্ণাঙ্গ তালিকা</label>
                            <input type="file" class="form-control" id="total-teacher-attachment"
                                name="total_teacher_attachment">

                        </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="total-staff-attachment">অন্যান্য চিকিৎসক, নার্স,
                                কর্মকর্তা/কর্মচারীসহ সকলের পূর্ণাঙ্গ তালিকা(১৩ নং কলাম অনুযায়ী বিবরণ দিতে হবে)</label>
                            <input type="file" class="form-control" id="total-staff-attachment"
                                name="total_staff_attachment">
                        </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="library-info">গ্রন্থাগার</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="librarian-education-qualification">গ্রন্থাগারিকের
                                        শিক্ষাগত যোগ্যতা</label>
                                    <input class="form-control" type="text"
                                        placeholder="গ্রন্থাগারিকের শিক্ষাগত যোগ্যতা"
                                        name="librarian_education_qualification">
                                </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">
                                    <label class="label mb-2" for="library-other-staff-count">গ্রন্থাগারে অন্যান্য
                                        কর্মকর্তা/কর্মচারীর সংখ্যা</label>
                                    <input class="form-control" type="number"
                                        placeholder="গ্রন্থাগারে অন্যান্য কর্মকর্তা/কর্মচারীর সংখ্যা"
                                        name="library_other_staff_count">
                                </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="library-total-books-count">মোট বই-এর সংখ্যা</label>
                                    <input class="form-control" type="number" placeholder="মোট বই-এর সংখ্যা"
                                        name="library_total_books_count">
                                </div>


                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="library-total-books-attachment">বই এর তালিকা</label>
                                    <input class="form-control" type="file" placeholder="বই এর তালিকা"
                                        name="library_total_books_attachment">
                                </div>

                                <p class="fs-4">তন্মধ্যে:</p>

                                <div class="d-flex mb-4">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="text-book-count">পাঠ্য পুস্তক</label>
                                        <div class="d-flex align-items-center">
                                            <input class="form-control me-2" type="number" placeholder="পাঠ্য পুস্তক"
                                                id="text-book-count" name="text_book_count">
                                            <div>খানা</div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="label mb-2" for="reference-book-count">রেফারেন্স পুস্তক</label>
                                        <div class="d-flex align-items-center">
                                            <input class="form-control me-2" type="number"
                                                placeholder="রেফারেন্স পুস্তক" id="reference-book-count"
                                                name="reference_book_count">
                                            <div>খানা</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-flex mb-4">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="Journal-count">জার্নাল</label>
                                        <div class="d-flex align-items-center">
                                            <input class="form-control me-2" type="number" placeholder="জার্নাল"
                                                id="Journal-count" name="Journal_count">
                                            <div>খানা</div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="label mb-2" for="others-book-count">অন্যান্য</label>
                                        <div class="d-flex align-items-center">
                                            <input class="form-control me-2" type="number" placeholder="অন্যান্য পুস্তক"
                                                id="others-book-count" name="others_book_count">
                                            <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-11">
                                <div class="form-group">
                                    <label class="label mb-2" for="has-teachers-reading-area">গ্রন্থাগারে শিক্ষকদের পড়ার
                                        জন্য আলাদা ব্যবস্থা আছে কিনা?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio"
                                                name="has_teachers_reading_area" id="has-teachers-reading-area-yes"
                                                checked>
                                            <label class="form-check-label" for="has-teachers-reading-area-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="has_teachers_reading_area" id="has-teachers-reading-area-no">
                                            <label class="form-check-label" for="has-teachers-reading-area-no">
                                                না
                                            </label>
                                        </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">
                                    <label class="label mb-2"
                                        for="has-individual-joint-study-arrangements">ছাত্র/ছাত্রীদের জন্য এককভাবে ও
                                        যৌথভাবে পড়ার ব্যবস্থা আছে কিনা?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio"
                                                name="has_individual_joint_study_arrangements"
                                                id="has-individual-joint-study-arrangements-yes" checked>
                                            <label class="form-check-label"
                                                for="has-individual-joint-study-arrangements-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="has_individual_joint_study_arrangements"
                                                id="has-individual-joint-study-arrangements-no">
                                            <label class="form-check-label"
                                                for="has-individual-joint-study-arrangements-no">
                                                না
                                            </label>
                                        </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">
                                    <label class="label mb-2" for="library-has-computer-lab">গ্রন্থাগারে কম্পিউটার ল্যাব
                                        আছে কিনা?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio"
                                                name="library_has_computer_lab" id="library-has-computer-lab-yes" checked>
                                            <label class="form-check-label" for="library-has-computer-lab-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="library_has_computer_lab" id="library-has-coumputer-lab-no">
                                            <label class="form-check-label" for="library-has-coumputer-lab-no">
                                                না
                                            </label>
                                        </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">
                                    <label class="label mb-2" for="library-has-internet-facility">ইন্টারনেট/ওয়াইফাই
                                        ব্যবস্থা আছে কিনা?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio"
                                                name="library_has_internet_facility"
                                                id="library-has-internet-facility-yes" checked>
                                            <label class="form-check-label" for="library-has-internet-facility-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="library_has_internet_facility"
                                                id="library-has-internet-facility-no">
                                            <label class="form-check-label" for="library-has-internet-facility-no">
                                                না
                                            </label>
                                        </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="machinery-chemicals-amount">যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির
                                পরিমাণ</label>
                            <input type="text" class="form-control" id="machinery-chemicals-amount"
                                name="machinery_chemicals_amount" placeholder="যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির পরিমাণ">
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="machinery-chemicals-amount-list">যন্ত্রপাতি ও রাসায়নিক
                                দ্রব্যাদির
                                তালিকা</label>
                            <input type="file" class="form-control" id="machinery-chemicals-amount-list"
                                name="machinery_chemicals_amount_list">
                        </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="number-of-chairs-in-dental-unit">ডেন্টাল ইউনিটে চেয়ারের সংখ্যা
                                (প্রযোজ্য ক্ষেত্রে)</label>
                            <input type="text" class="form-control" id="number-of-chairs-in-dental-unit"
                                name="number_of_chairs_in_dental_unit" 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">নিম্নলিখিত সুযোগ-সুবিধা আছে কিনা?</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="from-group mb-4">
                                    <label class="label mb-2" for="has-morgue">শব কক্ষ?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="has_morgue"
                                                id="has-morgue-yes" checked>
                                            <label class="form-check-label" for="has-morgue-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="has_morgue"
                                                id="has-morgue-no">
                                            <label class="form-check-label" for="has-morgue-no">
                                                না
                                            </label>
                                        </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="from-group mb-4">
                                    <label class="label mb-2" for="has-skeleton">কংকাল?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="has_skeleton"
                                                id="has-skeleton-yes" checked>
                                            <label class="form-check-label" for="has-skeleton-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="has_skeleton"
                                                id="has-skeleton-no">
                                            <label class="form-check-label" for="has-skeleton-no">
                                                না
                                            </label>
                                        </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="from-group mb-4">
                                    <label class="label mb-2" for="has-cold-storage">কোল্ড স্টোরেজ?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="has_cold_storage"
                                                id="has-cold-storage-yes" checked>
                                            <label class="form-check-label" for="has-cold-storage-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="has_cold_storage"
                                                id="has-cold-storage-no">
                                            <label class="form-check-label" for="has-cold-storage-no">
                                                না
                                            </label>
                                        </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="from-group mb-4">
                                    <label class="label mb-2" for="has-audio-visual">অডিও ভিজ্যুয়াল?</label>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="has_audio_visual"
                                                id="has-audio-visual-yes" checked>
                                            <label class="form-check-label" for="has-audio-visual-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="has_audio_visual"
                                                id="has-audio-visual-no">
                                            <label class="form-check-label" for="has-audio-visual-no">
                                                না
                                            </label>
                                        </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-medical-education-unit">মেডিকেল এডুকেশন ইউনিট আছে
                                কিনা?</label>
                            <div class="d-flex mb-4">
                                <div class="form-check me-5">
                                    <input class="form-check-input" type="radio" name="has_medical_education_unit"
                                        id="has-medical-education-unit-yes" checked>
                                    <label class="form-check-label" for="has-medical-education-unit-yes">
                                        হ্যাঁ
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="has_medical_education_unit"
                                        id="has-medical-education-unit-no">
                                    <label class="form-check-label" for="has-medical-education-unit-no">
                                        না
                                    </label>
                                </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-quality-assurance-unit">কোয়ালিটি এস্যুরেন্স (Quality Assurance) কমিটি আছে কিনা?</label>
                            <div class="d-flex mb-4">
                                <div class="form-check me-5">
                                    <input class="form-check-input" type="radio" name="has_quality_assurance_unit"
                                        id="has-quality-assurance-unit-yes" checked>
                                    <label class="form-check-label" for="has-quality-assurance-unit-yes">
                                        হ্যাঁ
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="has_quality_assurance_unit"
                                        id="has-quality-assurance-unit-no">
                                    <label class="form-check-label" for="has-quality-assurance-unit-no">
                                        না
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-10">
                        <div class="d-flex justify-content-end">
                            <a href="{{ route('inspection-request.create.step-four', $institute) }}"
                                class="btn btn-primary">পরবর্তী পৃষ্ঠা</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection