@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 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="machinery-chemicals-amount">
                                শিক্ষক/কর্মকর্তা/কর্মচারী নিয়োগপত্রে উল্লিখিত বেতন স্কেল (নাম, পদবী, যোগদানের তারিখ, নিয়োগের ধরণ, পে-স্কেল ইত্যাদি উল্লেখপূর্বক পূর্ণাঙ্গ তালিকা পৃথকভাবে সংযোজন করতে হবে)</label>
                            <input type="file" class="form-control" id="machinery-chemicals-amount"
                                name="machinery_chemicals_amount" placeholder="যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির পরিমাণ">
                        </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="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 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="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 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="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 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="machinery-chemicals-amount">
                                অধ্যক্ষ/পরিচালকের স্বাক্ষর (সীলসহ) </label>
                            <input type="file" class="form-control" id="machinery-chemicals-amount"
                                name="machinery_chemicals_amount" placeholder="যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির পরিমাণ">
                        </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="machinery-chemicals-amount">
                                ফোন নং (অফিস ও বাসা)</label>
                            <input type="text" class="form-control" id="machinery-chemicals-amount"
                                name="machinery_chemicals_amount" placeholder="যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির পরিমাণ">
                        </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="machinery-chemicals-amount">
                                ই-মেইল</label>
                            <input type="email" class="form-control" id="machinery-chemicals-amount"
                                name="machinery_chemicals_amount" placeholder="যন্ত্রপাতি ও রাসায়নিক দ্রব্যাদির পরিমাণ">
                        </div>
                    </div>
                </div>

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

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