@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">
            @if ($errors->any())
                @foreach ($errors->all() as $error)
                    <div>{{ $error }}</div>
                @endforeach
            @endif

            <form method="POST" action="{{ route('inspection-request.store.step-one', $inspectionRequest) }}"
                enctype="multipart/form-data">
                @csrf
                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <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="institute-name">কলেজ/ইনস্টিটিউটের নাম</label>
                            <input class="form-control" placeholder="কলেজ/ইনস্টিটিউটের নাম" type="text"
                                name="institute_info[institute_name]" id="institute-name" required>
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="institute-address">ঠিকানা</label>
                            <input class="form-control" placeholder="কলেজ/ইনস্টিটিউটের ঠিকানা" type="text"
                                name="institute_info[institute_address]" id="institute-address">
                        </div>

                        <div class="mb-4">
                            <p class="mb-2">মেট্রোপলিটন এলাকা?</p>

                            <div class="d-flex mb-4">
                                <div class="form-check me-5">
                                    <input class="form-check-input" type="radio"
                                        name="institute_info[is_metropolitan_area]" id="is-metropolitan-area-yes"
                                        value="1" required>
                                    <label class="form-check-label" for="is-metropolitan-area-yes">
                                        হ্যাঁ
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                        name="institute_info[is_metropolitan_area]" id="is-metropolitan-area-no"
                                        value="0" required>
                                    <label class="form-check-label" for="is-metropolitan-area-no">
                                        না
                                    </label>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="thana">থানা</label>
                                    <input class="form-control" placeholder="থানা" type="text"
                                        name="institute_info[thana]" id="thana" required>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="upazila">উপজেলা</label>
                                    <input class="form-control" placeholder="উপজেলা" type="text"
                                        name="institute_info[upazila]" id="upazila">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="zila">জেলা</label>
                                    <input class="form-control" placeholder="জেলা" type="text"
                                        name="institute_info[zila]" id="zila">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="institute-phone">ফোন নং (অফিস)</label>
                                    <input class="form-control" placeholder="ফোন নং (অফিস)" type="text"
                                        name="institute_info[phone]" id="institute-phone">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="institute-email">ই-মেইল</label>
                                    <input class="form-control" placeholder="ই-মেইল" type="text"
                                        name="institute_info[email]" id="institute-email">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group mb-4">
                                    <label class="label mb-2" for="institute-fax">ফ্যাক্স</label>
                                    <input class="form-control" placeholder="ফ্যাক্স" type="text"
                                        name="institute_info[fax]" id="institute-fax">
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="session">অধিভুক্তির প্রার্থিত শিক্ষাবর্ষ</label>
                            <input class="form-control" placeholder="অধিভুক্তির প্রার্থিত শিক্ষাবর্ষ" type="text"
                                name="session" id="session">
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="course-name">কোর্সের নাম</label>
                            <input class="form-control" placeholder="কোর্সের নাম" type="text" name="course_name"
                                id="applied-session">
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="affiliation-fees">অধিভুক্তি ফি (অফেরৎযোগ্য)</label>
                            <input class="form-control" placeholder="অধিভুক্তি ফি (অফেরৎযোগ্য)" type="text"
                                name="affiliation_fees" id="affiliation-fees">
                        </div>

                        <div class="form-group mb-4">
                            <label class="label mb-2" for="bank-draft-no">ব্যাংক ড্রাফট/পে-অর্ডার নং</label>
                            <input class="form-control" placeholder="ব্যাংক ড্রাফট/পে-অর্ডার নং" type="text"
                                name="bank_draft_number" id="bank-draft-number">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="bank-draft-no">ব্যাংক ড্রাফট তারিখ</label>
                            <input class="form-control" placeholder="ব্যাংক ড্রাফট তারিখ" type="date"
                                name="bank_draft_date" id="bank-draft-date">
                        </div>
                        <div class="form-group mb-4">
                            <label class="label mb-2" for="bank-name">ব্যাংকের নাম</label>
                            <input class="form-control" placeholder="ব্যাংকের নাম" type="text" name="bank_name"
                                id="bank-name">
                        </div>

                        <div class="form-group">
                            <label class="label mb-2" for="bank-receipt">ব্যাংক রিসিট</label>
                            <input class="form-control" placeholder="ব্যাংক রিসিট" type="file" name="bank_receipt"
                                id="bank-receipt" accept="image/jpeg,image/gif,image/png,application/pdf,image/x-eps">
                        </div>
                    </div>
                </div>

                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <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="est-date">প্রতিষ্ঠার তারিখ</label>
                            <input class="form-control" placeholder="প্রতিষ্ঠার তারিখ" type="date" name="est_date"
                                id="est-date">
                        </div>
                    </div>
                </div>

                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <div class="col-md-1">
                        <p class="fs-4">৩|</p>
                    </div>
                    <div class="col-md-11">
                        <div>
                            <div class="form-group mb-4">
                                <label class="label mb-2" for="bmdc-approved-letter-no">বিএমডিসি কর্তৃক অনুমোদন পত্র
                                    নং</label>
                                <input class="form-control" placeholder="অনুমোদন পত্র নং" type="text"
                                    name="bmdc_approved_letter_no" id="bmdc-approved-letter-no">
                            </div>

                            <div class="form-group mb-4">
                                <label class="label mb-2" for="bmdc-approved-date">অনুমোদন তারিখ</label>
                                <input class="form-control" placeholder="অনুমোদন তারিখ" type="date"
                                    name="bmdc_approved_date" id="govt-approved-date">
                            </div>

                            <div class="form-group">
                                <label class="label mb-2" for="bmdc-approved-letter-copy">অনুমোদন পত্রের কপি</label>
                                <input class="form-control" placeholder="অনুমোদন পত্রের কপি" type="file"
                                    name="bmdc_approved_letter_copy"
                                    accept="image/jpeg,image/gif,image/png,application/pdf,image/x-eps"
                                    id="bmdc-approved-letter-copy">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <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="land-related">কলেজ/ইনস্টিটিউটের জমি ও ভবন সংক্রান্ত
                                তথ্য</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">
                                    <p class="mb-2">প্রতিষ্ঠানের নিজস্ব জমি আছে কিনা
                                        ?</p>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="land_info[has_own_land]"
                                                id="has-own-land-yes" required>
                                            <label class="form-check-label" for="has-own-land-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="land_info[has_own_land]"
                                                id="has-own-land-no" required>
                                            <label class="form-check-label" for="has-own-land-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 mb-4">
                                    <p class="mb-2">মোট জমির পরিমাণ:</p>
                                    <div class="row">
                                        <div class="col-md-1">(ক)</div>
                                        <div class="col-md-11">
                                            <div class="form-group mb-4">
                                                <label class="label mb-2" for="college-area">কলেজ</label>
                                                <input class="form-control" placeholder="জমির পরিমাণ" type="text"
                                                    name="land_info[college_area]" id="college-area">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-1">(খ)</div>
                                        <div class="col-md-11">
                                            <div class="form-group mb-4">
                                                <label class="label mb-2" for="hospital-area">হাসপাতাল</label>
                                                <input class="form-control" placeholder="জমির পরিমাণ" type="text"
                                                    name="land_info[hospital_area]" id="hospital-area">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-1">(গ)</div>
                                        <div class="col-md-11">
                                            <div class="form-group mb-4">
                                                <label class="label mb-2" for="land-related-documents">সংশ্লিষ্ট
                                                    কাগজপত্রাদি (পূর্বে জমা দিয়ে থাকলে নতুন করে আর প্রয়োজন নাই)</label>
                                                <input class="form-control" placeholder="সংশ্লিষ্ট কাগজপত্রাদি"
                                                    type="file" name="land_info[related_documents]"
                                                    id="land-related-documents">
                                            </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="from-group mb-4">
                                    <p class="mb-2">প্রতিষ্ঠানটি নিজস্ব ভবনে অবস্থিত কিনা
                                        ?</p>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="land_info[has_building]"
                                                id="has-building-yes" required>
                                            <label class="form-check-label" for="has-building-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="land_info[has_building]"
                                                id="has-building-no">
                                            <label class="form-check-label" for="has-building-no">
                                                না
                                            </label>
                                        </div>
                                    </div>

                                    <div>
                                        <div class="form-group mb-4">
                                            <label class="label mb-2" for="building-design">যথাযথ কর্তৃপক্ষ কর্তৃক
                                                অনুমোদিত নকশা সংযুক্ত করতে হবে</label>
                                            <input class="form-control" type="file" name="land_info[building_design]"
                                                id="building-design">
                                        </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">
                                    <p class="mb-2">নিজস্ব ভবনে হাসপাতাল আছে কিনা?</p>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="land_info[has_hospital]"
                                                id="has-hospital-yes" required>
                                            <label class="form-check-label" for="has-hospital-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="land_info[has_hospital]"
                                                id="has-hospital-no">
                                            <label class="form-check-label" for="has-hospital-no">
                                                না
                                            </label>
                                        </div>
                                    </div>

                                    <div>
                                        <div class="form-group mb-4">
                                            <label class="label mb-2" for="hospital-design">যথাযথ কর্তৃপক্ষ কর্তৃক
                                                অনুমোদিত নকশা সংযুক্ত করতে হবে</label>
                                            <input class="form-control" type="file" name="land_info[hospital_design]"
                                                id="hospital-design">
                                        </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">
                                    <p class="mb-2">কলেজটি ভাড়া বাড়িতে পরিচালিত হচ্ছে কিনা
                                        ?</p>
                                    <div class="d-flex mb-4">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="land_info[is_rented_house]"
                                                id="is-rented-house-yes" required>
                                            <label class="form-check-label" for="is-rented-house-yes">
                                                হ্যাঁ
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="land_info[is_rented_house]"
                                                id="is-rented-house-no" required>
                                            <label class="form-check-label" for="is-rented-house-no">
                                                না
                                            </label>
                                        </div>
                                    </div>

                                    <div>
                                        <div class="form-group mb-4">
                                            <label class="label mb-2" for="rent-contact-attachment">মেয়াদসহ চুক্তিপত্র
                                                সংযুক্ত করতে হবে</label>
                                            <input class="form-control"
                                                type="file" name="land_info[rent_contact_attachment]"
                                                id="rent-contact-attachment">
                                        </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="adminstrative-area">প্রশাসনিক ভবন ও তদসংলগ্ন এলাকার
                                        আয়তন</label>
                                    <input class="form-control" placeholder="প্রশাসনিক ভবন ও তদসংলগ্ন এলাকার আয়তন"
                                        type="text" name="land_info[adminstrative_area]" id="adminstrative-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="from-group mb-4">
                                    <label class="label mb-2" for="hostel-area">শিক্ষার্থী হোস্টেল ও তদসংলগ্ন এলাকার
                                        আয়তন</label>
                                    <input class="form-control" placeholder="শিক্ষার্থী হোস্টেল ও তদসংলগ্ন এলাকার আয়তন"
                                        type="text" name="land_info['hostel_area']" id="hostel-area">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <div class="col-md-1">
                        <p class="fs-4">৫|</p>
                    </div>
                    <div class="col-md-11">
                        <div>
                            <div class="from-group mb-4">
                                <p class="mb-2">শিক্ষক, অন্যান্য চিকিৎসক, কর্মকর্তা/কর্মচারী
                                    ইত্যাদির আবাসিক
                                    ব্যবস্থা আছে কিনা?</p>
                                <div class="d-flex mb-4">
                                    <div class="form-check me-5">
                                        <input class="form-check-input" type="radio" name="has_staff_quarters"
                                            id="has-staff-quarters-yes" required>
                                        <label class="form-check-label" for="has-staff-quarters-yes">
                                            হ্যাঁ
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="has_staff_quarters"
                                            id="has-staff-quarters-no" required>
                                        <label class="form-check-label" for="has-staff-quarters-no">
                                            না
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mb-4">
                                <label class="label mb-2" for="staff-quarters-details">কতটি কক্ষ তার বিস্তারিত
                                    বিবরণ</label>
                                <textarea class="form-control" placeholder="বিস্তারিত বিবরণ" rows="2" name="staff_quarters_details"
                                    id="staff-quarters-details"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4 bg-white shadow rounded py-5 px-2">
                    <div class="col-md-1">
                        <p class="fs-4">৬|</p>
                    </div>
                    <div class="col-md-11">
                        <div>
                            <div class="from-group mb-4">
                                <p class="mb-2">নার্স কোয়াটার্স আছে কিনা?</p>
                                <div class="d-flex mb-4">
                                    <div class="form-check me-5">
                                        <input class="form-check-input" type="radio" name="has_nurse_quarters"
                                            id="has-nurse-quarters-yes" required>
                                        <label class="form-check-label" for="has-nurse-quarters-yes">
                                            হ্যাঁ
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="has_nurse_quarters"
                                            id="has-nurse-quarters-no" required>
                                        <label class="form-check-label" for="has-nurse-quarters-no">
                                            না
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mb-4">
                                <label class="label mb-2" for="nurse-quarters-details">কক্ষ সংখ্যা
                                    এবং কত জনের ব্যবস্থা আছে তার বিস্তারিত বিবরণ</label>
                                <textarea class="form-control" placeholder="বিস্তারিত বিবরণ" rows="2" name="nurse_quarters_details"
                                    id="nurse-quarters-details"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-md-12">
                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary">পরবর্তী পৃষ্ঠা</button>
                        </div>
                    </div>
                </div>

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