@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="label mb-2" for="land-distribution">৬ নং কলামের (ক) ও (খ)-এ বর্ণিত জমির
                                বন্টন</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="educational-building-area">শিক্ষা ভবন ও তদসংলগ্ন
                                        এলাকা</label>
                                    <input class="form-control" placeholder="শিক্ষা ভবন ও তদসংলগ্ন এলাকা" type="text"
                                        name="educational_building_area" id="educational-building-area">
                                </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="hospital-building-area">হাসপাতাল ভবন ও তদসংলগ্ন
                                        এলাকা</label>
                                    <input class="form-control" placeholder="হাসপাতাল ভবন ও তদসংলগ্ন এলাকা"
                                        type="text" name="hospital_building_area" id="hospital-building-area">
                                </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="administrative-building-area">প্রশাসনিক ভবন ও তদসংলগ্ন
                                        এলাকা</label>
                                    <input class="form-control" placeholder="প্রশাসনিক ভবন ও তদসংলগ্ন এলাকা"
                                        type="text" name="administrative_building_area"
                                        id="administrative-building-area">
                                </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="hostel-building-area">ছাত্রাবাস/ছাত্রীবাস ও তদসংলগ্ন
                                        এলাকা</label>
                                    <input class="form-control" placeholder="ছাত্রাবাস/ছাত্রীবাস ও তদসংলগ্ন এলাকা"
                                        type="text" name="hostel_building_area" id="hostel-building-area">
                                </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="from-group">
                            <label class="label mb-2" for="teacher-residential-arrangement">শিক্ষক, অন্যান্য চিকিৎসক,
                                কর্মকর্তা/কর্মচারী ইত্যাদির
                                আবাসিক ব্যবস্থা আছে কিনা? থাকলে
                                কতটি কক্ষ তার বিস্তারিত বিবরণ </label>
                            <textarea class="form-control" placeholder="আবাসিক ব্যবস্থা বিবরণ" name="teacher_residential_arrangement"
                                id="teacher-residential-arrangement" rows="3"></textarea>

                        </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="from-group">
                            <label class="label mb-2" for="nurse-residential-arrangement">নার্স কোয়াটার্স আছে কিনা? থাকলে
                                কক্ষ সংখ্যা
                                এবং কত জনের ব্যবস্থা আছে তার বিস্তারিত বিবরণ</label>
                            <textarea class="form-control" placeholder="আবাসিক ব্যবস্থা বিবরণ" name="nurse_residential_arrangement"
                                id="nurse-residential-arrangement" rows="3"></textarea>

                        </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="from-group mb-4">
                            <label class="label mb-2" for="number-of-educational-building">শিক্ষা ভবনের মোট কক্ষ
                                সংখ্যা</label>
                            <div class="d-flex align-items-center">
                                <input class="form-control me-2" name="number_of_educational_building"
                                    placeholder="শিক্ষা ভবনের মোট কক্ষ সংখ্যা" type="number">
                                <div>
                                    টি
                                </div>
                            </div>
                        </div>
                        <div class="mb-4">
                            <p>তন্মধ্যে:</p>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-1">
                                <p class="fs-4">(ক)</p>
                            </div>
                            <div class="col-md-11">
                                <div class="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-lecture-gallery">লেকচার গ্যালারী</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="লেকচার গ্যালারী" type="number"
                                                name="number_of_lecture_gallery" id="number-of-lecture-gallery">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="lecture-gallery-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="lecture_gallery_area" id="lecture-gallery-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-classoom">শ্রেণীকক্ষ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="শ্রেণীকক্ষ" type="number"
                                                name="number_of_classoom" id="number-of-classoom">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="classroom-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="classroom_area" id="classroom-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-laboratory">পরীক্ষাগার</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরীক্ষাগার" type="number"
                                                name="number_of_laboratory" id="number-of-laboratory">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="laboratory-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="laboratory_area" id="laboratory-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-auditorium">অডিটোরিয়াম</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="অডিটোরিয়াম" type="number"
                                                name="number_of_auditorium" id="number-of-auditorium">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="auditorium-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="auditorium_area" id="auditorium-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-teacher-common-room">শিক্ষক কমন
                                            রুম</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="শিক্ষক কমন রুম" type="number"
                                                name="number_of_teacher_common_room" id="number-of-teacher-common-room">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="teacher-common-room-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="teacher_common_room_area" id="teacher-common-room-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-male-common-room">ছাত্র কমন রুম</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="ছাত্র কমন রুম" type="number"
                                                name="number_of_male_common_room" id="number-of-male-common-room">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="male-common-room-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="male_common_room_area" id="male-common-room-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-female-common-room">ছাত্রী কমন
                                            রুম</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="ছাত্রী কমন রুম" type="number"
                                                name="number_of_female_common_room" id="number-of-female-common-room">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="female-common-room-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="female_common_room_area" id="female-common-room-area">
                                            <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="d-flex">
                                    <div class="form-group me-4">
                                        <label class="label mb-2" for="number-of-reading-room">গ্রন্থাগার ও
                                            পাঠকক্ষ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="গ্রন্থাগার ও পাঠকক্ষ"
                                                type="number" name="number_of_reading_room" id="number-of-reading-room">
                                            <div>টি</div>
                                        </div>
                                    </div>
                                    <div>
                                        <label class="label mb-2" for="reading-room-area">পরিমাণ</label>
                                        <div class="d-flex">
                                            <input class="form-control me-2" placeholder="পরিমাণ" type="number"
                                                name="reading_room_area" id="reading-room-area">
                                            <div>বর্গফুট</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="d-flex mb-4">
                            <div class="me-4">
                                <label class="label mb-2" for="hospital-number-of-bed">হাসপাতালের শয্যা সংখ্যা</label>

                                <div class="d-flex">
                                    <input class="form-control me-2" placeholder="হাসপাতালের শয্যা সংখ্যা" type="number"
                                        name="hospital_no_of_bed" id="hospital-number-of-bed">
                                    <div> টি, </div>
                                </div>

                            </div>
                            <div>
                                <label class="label mb-2" for="hospital-number-of-room">কক্ষ সংখ্যা</label>

                                <div class="d-flex">
                                    <input class="form-control me-2" placeholder="কক্ষ সংখ্যা" type="number"
                                        name="hospital_number_of_room" id="hospital-number-of-room">
                                    <div>টি</div>
                                </div>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="label mb-2" for="copy-of-hospital-approval">স্বাস্থ্য অধিদপ্তর কর্তৃক হাসপাতালের
                                অনুমোদনের কপি</label>
                            <input class="form-control" type="file" name="copy_of_hospital_approval">
                        </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-three', $inspectionRequest) }}"
                                class="btn btn-primary">পরবর্তী পৃষ্ঠা</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection