@extends('frontend.master')
@section('right')
    <div class="card right_side">
        <div class="card-header text-center right_side-header">
            ইমারত নির্মাণ/পূণঃ নির্মাণ নক্সা অনুমোদনের আবেদন
        </div>
        <div class="card-body" style="background: #f5ffdf; min-height: 75rem;">
            <div class="page_nagorik_abedon_body table-responsive table-responsive-sm">
                <div class="card" style="width: 70%;">
                    <div class="card-body" style="height: auto;">
                        <div class="nibondhon">
                            {{ Form::open(['route'=>'imarotShimanaBibidoNirman.store','method'=>'POST', 'class'=>'needs-validation', 'enctype'=>'multipart/form-data', 'novalidate']) }}
                            <div class="present_text text-center present">
                                <h2>আবেদনকারীর তথ্য</h2>
                            </div>
                            <div id="applicant_body">
                                <div class="mb-3">
                                    <label for="photo0" class="form-label">আবেদনকারীর ছবি<span class="required">* (পাসপোর্ট সাইজ অফিসিয়াল ছবি)</span></label>
                                    <div class="custom-file">
                                        <div class="input-group inputs">
                                            <span class="input-group-text icons"><i class="fa-solid fa-photo-video"></i></span>
                                            <input type="file" accept="image/*" name="applicant[0][photo]" class="custom-file-input form-control" required id="photo0">
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="applicant_name0" class="form-label">আবেদনকারীর নাম<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][applicant_name]" type="text" id="applicant_name0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="nid0" class="form-label">এনআইডি<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][nid]" type="text" id="nid0">
                                    </div>
                                </div>
                                <div class="form-group mb-4">
                                    <label for="guardian_type0" class="form-label">পিতা/স্বামী <span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <select required class="form-select" name="applicant[0][guardian_type]" id="guardian_type0">
                                            <option value="পিতা" selected>পিতা</option>
                                            <option value="স্বামী">স্বামী</option>
                                        </select>
                                    </div>
                                </div>
                                <div id="husband0" style="display: none">
                                    <div class="mb-3">
                                        <label for="husband_or_father0" class="form-label">স্বামীর নাম<span class="required">*</span></label>
                                        <div class="input-group inputs">
                                            <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                            <input required disabled class="form-control" name="applicant[0][husband_or_father]" type="text" id="husband_or_father0">
                                        </div>
                                    </div>
                                </div>
                                <div id="father0">
                                    <div class="mb-3">
                                        <label for="husband_or_father0" class="form-label">পিতার নাম<span class="required">*</span></label>
                                        <div class="input-group inputs">
                                            <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                            <input required class="form-control" name="applicant[0][husband_or_father]" type="text" id="husband_or_father0">
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="tel_phone0" class="form-label">মোবাইল নং<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-phone"></i></span>
                                        <input required class="form-control" name="applicant[0][tel_phone]" type="text" id="tel_phone0">
                                    </div>
                                </div>
                                <div class="permanent_text text-center present">
                                    <h2>ঠিকানা </h2>
                                </div>
                                <div class="card-header text-center present-head">(বর্তমান)</div>
                                <div class="mb-3">
                                    <label for="p_address0" class="form-label">পাড়া/মহল্লা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][p_address]" type="text" id="p_address0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="p_word_no0" class="form-label">ওয়ার্ড নং<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][p_word_no]" type="text" id="p_word_no0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="p_post_office0" class="form-label">পোষ্ট অফিস<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][p_post_office]" type="text" id="p_post_office0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="p_thana0" class="form-label">থানা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][p_thana]" type="text" id="p_thana0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="p_district0" class="form-label">জেলা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][p_district]" type="text" id="p_district0">
                                    </div>
                                </div>
                                <div class="mb-4 form-check">
                                    <input type="checkbox" class="form-check-input" id="sameaspresentadd0" value="1">
                                    <label class="form-check-label text-primary" for="sameaspresentadd0">স্থায়ী ঠিকানা এবং বর্তমান ঠিকানা একই হলে টিক মার্ক দিন</label>
                                </div>
                                <div class="card-header text-center present-head">(স্থায়ী)</div>
                                <div class="mb-3">
                                    <label for="per_address0" class="form-label">পাড়া/মহল্লা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][per_address]" type="text" id="per_address0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="per_word_no0" class="form-label">ওয়ার্ড নং<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][per_word_no]" type="text" id="per_word_no0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="per_post_office0" class="form-label">পোষ্ট অফিস<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][per_post_office]" type="text" id="per_post_office0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="per_thana0" class="form-label">থানা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][per_thana]" type="text" id="per_thana0">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="per_district0" class="form-label">জেলা<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required class="form-control" name="applicant[0][per_district]" type="text" id="per_district0">
                                    </div>
                                </div>
                            </div>
                            <div class="text-end pb-4 text-muted None" id="other_won" style="display: block;">
                                <button type="button" class="btn fs-3 btn-dark add_other_applicant"><i class="fas fa-plus"></i> অন্যান্য আবেদনকারী</button>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>প্রস্তাবিত নির্মান/খনন কাজ যে জায়গায় (দাগে) করা হইবে উহার তথ্যাদি </h2>
                            </div>
                            <div class="form-group mb-4">
                                <label for="word_no" class="form-label">ওয়ার্ড নং<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="word_no" id="word_no">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        @foreach(words() as $word)
                                            <option value="{{ $word->number }}">{{ $word->number }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="area_name" class="form-label">এলাকার নাম<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="area_name" type="text" id="area_name">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="dag_no_rs" class="form-label">দাগ নং-আর এস<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="dag_no_rs" type="text" id="dag_no_rs">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="jl_no" class="form-label">জে এল নং<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="jl_no" type="text" id="jl_no">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="khotiyan_rs" class="form-label">খতিয়ান নং-আর এস<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="khotiyan_rs" type="text" id="khotiyan_rs">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="sit_no" class="form-label">সীট নং<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="sit_no" type="text" id="sit_no">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="amount_of_land" class="form-label">দাগের মধ্যে আবেদনকারীর মালিকানাধীন জমির পরিমাণ<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="amount_of_land" type="text" id="amount_of_land">
                                </div>
                                <span><small>১ বিঘা = ৩৩ শতক = ২০ কাঠা</small></span>
                            </div>
                            <div class="mb-3">
                                <label for="tax_receipt" class="form-label">পৌরসভার হোল্ডিং ট্যাক্স পরিশোধিত রশিদ স্ক্যান কপি (যদি থাকে)</label>
                                <div class="custom-file">
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-photo-video"></i></span>
                                        <input type="file" accept="image/*" name="tax_receipt" class="custom-file-input form-control" id="tax_receipt">
                                    </div>
                                </div>
                                <span><small>স্পষ্ট স্ক্যান কপি প্রদান করতে হবে অন্যথায় আবেদনটি অগ্রহণযোগ্য বলে বিবেচিত হবে</small></span>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>প্রস্তাবিত নির্মান কাজের বিবরণ</h2>
                            </div>
                            <div class="form-group mb-4">
                                <label for="proposed_construction_type" class="form-label">প্রস্তাবিত নির্মান কাজের ধরন<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="proposed_construction_type" id="proposed_construction_type">
                                        <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="আধাপাকা">আধাপাকা</option>
                                        <option value="পাকা">পাকা</option>
                                        <option value="বাউন্ডারী ওয়াল (দৈর্ঘ্য)">বাউন্ডারী ওয়াল (দৈর্ঘ্য)</option>
                                        <option value="স্যানিটারি লেট্রিন (সংখ্যা)">স্যানিটারি লেট্রিন (সংখ্যা)</option>
                                        <option value="কবরস্থান">কবরস্থান</option>
                                        <option value="শ্মশান">শ্মশান</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="construction_design_type" class="form-label">প্রস্তাবিত নির্মান ধরন<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="construction_design_type" id="construction_design_type">
                                        <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="নতুন নির্মাণ">নতুন নির্মাণ</option>
                                        <option value="পূণঃ নির্মাণ">পূণঃ নির্মাণ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="total_floor_div" style="display: none">
                                <label for="total_floor" class="form-label">মোট তলা<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required disabled class="form-control" name="total_floor" type="text" id="total_floor">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="proposed_construction_volume" class="form-label">আয়তন<span class="required">* (বর্গফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" name="proposed_construction_volume" type="text" id="proposed_construction_volume">
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="proposed_construction" class="form-label">প্রস্তাবিত নির্মান<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="proposed_construction" id="proposed_construction">
                                        <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="আবাসিক">আবাসিক</option>
                                        <option value="বাণিজ্যিক">বাণিজ্যিক</option>
                                        <option value="আবাসিক ও বাণিজ্যিক">আবাসিক ও বাণিজ্যিক</option>
                                    </select>
                                </div>
                                <span><small>*বিক্রয়ের উদ্দেশ্যে নির্মিত ফ্ল্যাট, বাড়ী, মার্কেট, কমার্শিয়াল ভবন, মুনাফার উদ্দেশ্যে নির্মিত ক্লিনিক বাণিজ্যিক ইমারত হিসাবে গণ্য হইবে।</small></span><br/>
                                <span><small>*প্রাইভেট বা বেসরকারী হাসপাতাল, বিশ্ববিদ্যালয়, ইনস্টিটিউট ভবন ইত্যাদি এবং সকল শিল্প স্থাপনা এই দফায় বাণিজ্যিক ইমারত হিসাবে গণ্য হইবে</small></span>
                            </div>
                            <div class="form-group mb-4">
                                <label for="power_supply_line" class="form-label">উক্ত এলাকায় বিদ্যুৎ সরবরাহের লাইন আছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="power_supply_line" id="power_supply_line">
                                        <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="power_supply_line_distance_div" style="display: none">
                                <label for="power_supply_line_distance" class="form-label">প্রস্তাবিত নির্মান কাজ হইতে বিদ্যুৎ লাইনের দুরত্ব<span class="required">* (ফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required disabled class="form-control" name="power_supply_line_distance" type="text" id="power_supply_line_distance">
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="water_supply_line" class="form-label">উক্ত এলাকায় পানি সরবরাহের লাইন আছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="water_supply_line" id="water_supply_line">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="water_supply_line_distance_div" style="display: none">
                                <label for="water_supply_line_distance" class="form-label">প্রস্তাবিত নির্মান কাজ হইতে পানি সরবরাহ লাইনের দুরত্ব<span class="required">* (ফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required disabled class="form-control" name="water_supply_line_distance" type="text" id="water_supply_line_distance">
                                </div>
                            </div>
                            <div class="mb-3" id="water_supply_line_method_div" style="display: none">
                                <label for="water_supply_line_method" class="form-label">যে ধরণের পানি সরবরাহের লাইন নিতে ইচ্ছুক?<span class="required">* (ফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required disabled class="form-select" name="water_supply_line_method" id="water_supply_line_method">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="0">সাবমার্সেবল</option>
                                        <option value="1">অগভির নলকূপ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="gas_supply_line" class="form-label">উক্ত এলাকায় গ্যাস সরবরাহের লাইন আছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="gas_supply_line" id="gas_supply_line">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="gas_supply_line_distance_div" style="display: none">
                                <label for="gas_supply_line_distance" class="form-label">প্রস্তাবিত নির্মান কাজ হইতে গ্যাস সরবরাহ লাইনের দুরত্ব<span class="required">* (ফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required disabled class="form-control" name="gas_supply_line_distance" type="text" id="gas_supply_line_distance">
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="sewer" class="form-label">উক্ত এলাকায় পয়ঃনালার আছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="sewer" id="sewer">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="sewer_distance_div" style="display: none">
                                <label for="sewer_distance" class="form-label">প্রস্তাবিত নির্মান কাজ হইতে গ্যাস সরবরাহ লাইনের দুরত্ব<span class="required">* (ফুট একক)</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required disabled class="form-control" name="sewer_distance" type="text" id="sewer_distance">
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="have_any_safety_tank" class="form-label">প্রস্তাবিত নির্মাণ কাজে সেনিটারী ল্যাট্রিনের সেপটিক ট্যাংক এর ব্যবস্থা আছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="have_any_safety_tank" id="have_any_safety_tank">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="have_any_off_notice" class="form-label">প্রস্তাবিত নির্মান/ খনন কাজ পূর্ণ অনুমোদন ব্যতীত আরম্ভ করার কারনে উহা বন্ধ করার জন্য ক্ষমতাপ্রাপ্ত কর্মকতার যথাযত কর্তৃপক্ষ কর্তৃক কোন নোটিশ জারী করা হইয়াছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="have_any_off_notice" id="have_any_off_notice">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="off_notice_reasons_div" style="display: none">
                                <label for="off_notice_reasons" class="form-label">নোটিশ জারির পূর্ণাঙ্গ কারণ?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <textarea required disabled class="form-control" name="off_notice_reasons" id="off_notice_reasons"></textarea>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="have_any_case_by_po" class="form-label">পৌর কর্তৃপক্ষ কর্তৃক উক্ত বিষয়ে কোন মামলা দায়ের করা হইয়াছে কিনা?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <select required class="form-select" name="have_any_case_by_po" id="have_any_case_by_po">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="হ্যাঁ">হ্যাঁ</option>
                                        <option value="না">না</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-3" id="case_by_po_reasons_div" style="display: none">
                                <label for="case_by_po_reasons" class="form-label">পৌর কর্তৃপক্ষ কর্তৃক মামলা দায়ের করার পূর্ণাঙ্গ কারণ?<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <textarea required disabled class="form-control" name="case_by_po_reasons" id="case_by_po_reasons"></textarea>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="applicant_ownership_over_the_land" class="form-label">আবেদনকারী / আবেদনকারীগন কি সূত্রে জমি অর্জন করেছেন তার বিবরণ<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <textarea required class="form-control" name="applicant_ownership_over_the_land" id="applicant_ownership_over_the_land"></textarea>
                                </div>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>সাইটের বিবরণ/সাইটের চৌহদ্দি</h2>
                            </div>
                            <div class="mb-3">
                                <label for="north" class="form-label">উত্তর<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="north" id="north"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="south" class="form-label">দক্ষিন<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="south" id="south"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="east" class="form-label">পূর্ব<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="east" id="east"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="west" class="form-label">পশ্চিম<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="west" id="west"/>
                                </div>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>সাইটের নিকটস্থ রাস্তার বিবরণ</h2>
                            </div>
                            <div class="mb-3">
                                <label for="road_name" class="form-label">নাম<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="road_name" id="road_name"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="road_distance" class="form-label">দূরত্ব<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="road_distance" id="road_distance"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="road_position" class="form-label">অবস্থান<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="road_position" id="road_position"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="road_far" class="form-label">বিস্তার<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="road_far" id="road_far"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="near_way" class="form-label">নিকটস্থ রাস্তা হতে সাইটে যাতায়তের উপায়<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="near_way" id="near_way"/>
                                </div>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>সাইটের বিভিন্ন দিক থেকে যে পরিমাণ স্থান উন্মক্ত রাখা হইবে</h2>
                            </div>
                            <div class="mb-3">
                                <label for="to_north" class="form-label">উত্তর সীমানা হইতে<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="to_north" id="to_north"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="to_south" class="form-label">দক্ষিন সীমানা হইতে<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="to_south" id="to_south"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="to_east" class="form-label">পূর্ব সীমানা হইতে<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="to_east" id="to_east"/>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="to_west" class="form-label">পশ্চিম সীমানা হইতে<span class="required">*</span></label>
                                <div class="input-group inputs">
                                    <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                    <input required class="form-control" type="text" name="to_west" id="to_west"/>
                                </div>
                            </div>
                            <div class="mb-4 form-check">
                                <input type="checkbox" class="form-check-input" id="have_any_old_building" name="have_any_old_building" value="1">
                                <label class="form-check-label text-primary" for="have_any_old_building">সাইটের পূর্ব নির্মিত কাঁচা পাকা ইমারত থাকলে টিক মার্ক দিন</label>
                            </div>
                            <div id="old_building_details" style="display: none">
                                <div class="permanent_text text-center present">
                                    <h2>সাইটের পূর্ব নির্মিত কাঁচা পাকা ইমারতের বিবরণ</h2>
                                </div>
                                <div class="mb-3 formControl">
                                    <label for="holding_number" class="form-label">হোল্ডিং নং<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-home"></i></span>
                                        @if(env('HOLDING_TAX_EXT', false))
                                            <select name="holding_name_type" required class="form-control select2" id="holding_name_type">
                                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                                @foreach($holding_name as $item)
                                                    <option value="{{ $item->holding_name }}">{{ $item->holding_name }}</option>
                                                @endforeach
                                            </select>
                                            <input class="form-control DisableSpace" type="text" autocomplete="off" id="holding_number" required>
                                            <input class="form-control DisableSpace" name="holding_no" type="text" autocomplete="off" id="holding_no" required readonly disabled>
                                        @else
                                            <input class="form-control DisableSpace" name="holding_no" type="text" autocomplete="off" id="holding_no" required disabled>
                                        @endif
                                    </div>
                                    <span class="text-danger">{{ $errors->has('holding_no') ? $errors->first('holding_no') : ' ' }}</span>
                                </div>
                                <div class="mb-3">
                                    <label for="imarot_land" class="form-label">পূর্ব নির্মিত ইমারতের সংখ্যা ও তৎ দ্বারা বেষ্টিত স্থানের পরিমান<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required disabled class="form-control" type="text" name="imarot_land" id="imarot_land"/>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="pro_imarot_land" class="form-label">প্রস্তাবিত ইমারত নির্মাণ অনুমোদন হইলে পূর্ব নির্মিত ইমারতের কোন অংশ ভাঙ্গিতে হবে কিনা এবং হলে তৎ দ্বারা বেষ্টিত স্থানের পরিমান<span class="required">*</span></label>
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                        <input required disabled class="form-control" type="text" name="pro_imarot_land" id="pro_imarot_land"/>
                                    </div>
                                </div>
                            </div>
                            <div class="permanent_text text-center present">
                                <h2>প্রয়োজনীয় কাগজপত্র</h2>
                            </div>
                            <div class="mb-3">
                                <label for="proposed_design" class="form-label">প্রস্তাবিত নক্সার স্ক্যান কপি<span class="required">*</span></label>
                                <div class="custom-file">
                                    <div class="input-group inputs">
                                        <span class="input-group-text icons"><i class="fa-solid fa-photo-video"></i></span>
                                        <input type="file" accept="image/*" name="proposed_design[]" class="custom-file-input form-control" multiple id="proposed_design">
                                    </div>
                                </div>
                                <span>
                                    *<small>স্পষ্ট স্ক্যান কপি প্রদান করতে হবে অন্যথায় আবেদনটি অগ্রহণযোগ্য বলে বিবেচিত হবে।</small>
                                    <br>
                                    *<small>আপনি একাধিক ইমেজ ফাইল আপলোড করতে পারেন</small>
                                    <br>
                                    *<small class="text-danger">প্রস্তাবিত নির্মাণ কাজে সেনিটারী ল্যাট্রিনের সেপটিক ট্যাংক এর ব্যবস্থা থাকলে সকল নুতন ল্যাট্রিনের সেপটিক ট্যাংক এর নমুনা নকশা অবশ্যই দেখাইতে হইবে।</small>
                                    <br>
                                    *<small class="text-danger">সংলগ্ন রাস্তা, গলি বা সাধারনের যাতায়াতের পথ হইতে দূরত্ব কত তাহা সাইট প্লানে দেখাইতে হইবে।</small>
                                </span>
                            </div>
                            <div class="card-footer text-end text-muted">
                                <button type="submit" id="next_btn_7" class="btn btn-primary disabled_button">Submit</button>
                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('#guardian_type0').change(function(){
            var data = $('#guardian_type0').val();
            if((data == 'পিতা')){
                $('#father0').show();
                $('#father0 input').attr('disabled', false);
                $('#husband0').hide();
                $('#husband0 input').attr('disabled', true);
            }else{
                $('#husband0').show();
                $('#husband0 input').attr('disabled', false);
                $('#father0').hide();
                $('#father0 input').attr('disabled', true);
            }

        });
        $("#sameaspresentadd0").click(function () {
            if($(this).is(':checked')){
                $("#per_address0").val($("#p_address0").val());
                $("#per_word_no0").val($("#p_word_no0").val());
                $("#per_post_office0").val($("#p_post_office0").val());
                $("#per_thana0").val($("#p_thana0").val());
                $("#per_district0").val($("#p_district0").val());
            }else {
                $("#per_address0").val('');
                $("#per_word_no0").val('');
                $("#per_post_office0").val('');
                $("#per_thana0").val('');
                $("#per_district0").val('');
            }
        });
        var ownerAddIndex = 500;
        $('.add_other_applicant').on("click", function() {

            $.ajax({
                type:"GET",
                url:"{{ route('frontend.building-construction.add-other-applicant') }}",
                data:{key:ownerAddIndex},
                success: function(res){
                    $('#applicant_body').append(res);
                    ownerAddIndex++;
                }
            });
        });
        $('#proposed_construction_type').change(function(){
            var data = $('#proposed_construction_type').val();
            if((data === 'পাকা')){
                $('#total_floor_div').show();
                $('#total_floor_div input').attr('disabled', false);
            }else{
                $('#total_floor_div').hide();
                $('#total_floor_div input').attr('disabled', true);
            }

        });
        $('#have_any_off_notice').change(function(){
            var data = $('#have_any_off_notice').val();
            if((data === 'হ্যাঁ')){
                $('#off_notice_reasons_div').show();
                $('#off_notice_reasons_div textarea').attr('disabled', false);
            }else{
                $('#off_notice_reasons_div').hide();
                $('#off_notice_reasons_div textarea').attr('disabled', true);
            }

        });
        $('#have_any_case_by_po').change(function(){
            var data = $('#have_any_case_by_po').val();
            if((data === 'হ্যাঁ')){
                $('#case_by_po_reasons_div').show();
                $('#case_by_po_reasons_div textarea').attr('disabled', false);
            }else{
                $('#case_by_po_reasons_div').hide();
                $('#case_by_po_reasons_div textarea').attr('disabled', true);
            }

        });
        $('#water_supply_line').change(function(){
            let data = $(this).val();
            if((data === 'না')){
                $('#water_supply_line_method_div').show();
                $('#water_supply_line_method_div select').attr('disabled', false);
                $('#water_supply_line_distance_div').hide();
                $('#water_supply_line_distance_div input').attr('disabled', true);
            }else{
                $('#water_supply_line_distance_div').show();
                $('#water_supply_line_distance_div input').attr('disabled', false);
                $('#water_supply_line_method_div').hide();
                $('#water_supply_line_method_div select').attr('disabled', true);
            }

        });
        $('#power_supply_line').change(function(){
            let data = $(this).val();
            if((data === 'হ্যাঁ')){
                $('#power_supply_line_distance_div').show();
                $('#power_supply_line_distance_div input').attr('disabled', false);
            }else{
                $('#power_supply_line_distance_div').hide();
                $('#power_supply_line_distance_div input').attr('disabled', true);
            }

        });
        $('#gas_supply_line').change(function(){
            let data = $(this).val();
            if((data === 'হ্যাঁ')){
                $('#gas_supply_line_distance_div').show();
                $('#gas_supply_line_distance_div input').attr('disabled', false);
            }else{
                $('#gas_supply_line_distance_div').hide();
                $('#gas_supply_line_distance_div input').attr('disabled', true);
            }

        });
        $('#sewer').change(function(){
            let data = $(this).val();
            if((data === 'হ্যাঁ')){
                $('#sewer_distance_div').show();
                $('#sewer_distance_div input').attr('disabled', false);
            }else{
                $('#sewer_distance_div').hide();
                $('#sewer_distance_div input').attr('disabled', true);
            }

        });
        $("#have_any_old_building").click(function () {
            if($(this).is(':checked')){
                $("#old_building_details").show();
                $("#old_building_details input").attr('disabled', false);
                $("#old_building_details select").attr('disabled', false);
            }else {
                $("#old_building_details").hide();
                $("#old_building_details input").attr('disabled', true);
                $("#old_building_details select").attr('disabled', true);
            }
        });
    </script>
@endsection