@extends('layouts.default', ['appTopMenu' => true])
@section('title', 'Filing')

<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> -->
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery191.js') }}"></script>
<script src="{{ asset('js/filing/filing.js') }}"></script>
@push('head')
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->

<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js" defer></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js" defer></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js" defer></script>

<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
<!-- <script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script> -->
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>


<script>

</script>

<style>
/*Custom CSS*/
span {
    transition: color 0.5s ease-in;
}

label:focus-within span {
    color: blue;
}

input {
    display: block;
    width: 100%;
}

label,
select {

    display: block;
    width: 100%;
    max-width: 100%;
}

/*Profile Pic Start*/
.picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.picture {
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.picture:hover {
    border-color: #2ca8ff;
}

.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;

}

/*Profile Pic End*/
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.select2:focus-within {
    border-color: #6265e4 !important;
    box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}

.form-check-input:checked {
    background-color: #1a1b1c;
    border-color: #fff;
}
</style>
@endpush
@section('content')
<script>
@if(Session::has('success'))

swal("{{Session::get('success')}}").then(function() {
    //window.location = "/project/" + loc;
});
@endif
</script>


<section>
    <div class="row">
        <div class="col-xl-12" id="showdetail">
            <!--  For Case Type and Bench ---->
            <div class="panel" style="margin-top:5px;" data-sortable-id="form-stuff-3">
                <div class="panel-heading card-bg-color text-black">
                    <h4 class="panel-title">Filing</h4>
                    <!-- <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
                    </div> -->
                </div>
                <div class="panel-body">
                    <div class="row">
                        <form>
                            <div class="card border-0">
                                <div class="row" style="float:none;margin:auto;">
                                    <div class="col-sm-4">
                                        <label class="control-label" for="txt_cadre"><b>Branch</b></label>
                                        <select class="form-control form-select" id="branch" name="branch">
                                            <option value="{{ $estb->establishment_code }}">{{ $estb->est_name }}
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-sm-5">
                                        <label class="control-label" for="txt_cadre"><b>Case Type</b></label>
                                        <select class="form-control form-select" id="case_type" name="case_type">
                                            <option value="0">Select</option>
                                            @foreach($getHCCaseType as $ct)
                                            <option value="{{ $ct->id }}">
                                                {{ $ct->skey." - ".ucwords(strtolower($ct->casename)) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="control-label" for="txt_cadre"><b>Total No. of Pages in
                                                File</b></label>
                                        <input type="text" class="form-control" id="total_pages" name="total_pages"
                                            onkeypress="return onlynumbers(event)" />
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!--  For Petitioner ---->
            <div class="panel" style="margin-top:1px;" data-sortable-id="form-stuff-3">
                <div class="panel-heading card-bg-color text-black">
                    <h4 class="panel-title" style="flex: none">Petitioner Individual / Department : &nbsp;
                    </h4>
                    <!-- <div class="col-sm-2">
                                        <select class="form-control form-select" id="selpt" name="selpt" style="height:28px;">
                                            <option value="I">Individual</option>
                                            <option value="D1">State Department</option>
                                            <option value="D2">Central Department</option>
                                            <option value="D3">Other Organization</option>
                                        </select>
                                    </div> -->
                    <div class="col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="I" type="radio" checked id="PI" name="selpt">
                            <label class="form-check-label" for="inlineRadio1">Individual</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="D1" type="radio" id="PD1" name="selpt">
                            <label class="form-check-label" for="customRadio2">State Department</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="D2" type="radio" id="PD2" name="selpt">
                            <label class="form-check-label" for="customRadio2">Central Department</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" value="D3" type="radio" id="PD3" name="selpt">
                            <label class="form-check-label" for="customRadio2">Other Organization</label>
                        </div>
                        <!-- <select id="psex" class="form-select"><option value="">Select</option>
                                            <option value="M">Male</option>
                                            <option value="F">Female</option>
                                            <option value="N">N.A.</option>
                                        </select> -->
                    </div>
                    <!-- <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
                    </div> -->
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="card border-0">
                            <div class="row" id="for_individual">
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Name</b></label>
                                    <input type="text" class="form-control" id="pet_name" name="pet_name"
                                        onkeypress="return onlyalphab(event)" onblur="getLocal('pet_name')" />
                                </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Relation</b></label>
                                    <select id="selprel" class="form-select">
                                        <option value="0">Select</option>
                                        @foreach($getRelation as $rel)
                                        <option value="{{ $rel->id }}">{{ $rel->full_name }}</option>
                                        @endforeach

                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Father/Husband</b></label>
                                    <input type="text" class="form-control" id="prel" name="prel"
                                        onkeypress="return onlyalpha(event)" onblur="getLocal('prel')" />
                                </div>

                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Gender</b></label>
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" value="M" type="radio" id="male" name="pgender">
                                        <label class="form-check-label" for="inlineRadio1">Male</label>
                                    </div>
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" value="F" type="radio" id="female"
                                            name="pgender">
                                        <label class="form-check-label" for="customRadio2">Female</label>
                                    </div>
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" value="T" type="radio" id="others"
                                            name="pgender">
                                        <label class="form-check-label" for="customRadio2">Transgender</label>
                                    </div>
                                    <!-- <select id="psex" class="form-select"><option value="">Select</option>
                                            <option value="M">Male</option>
                                            <option value="F">Female</option>
                                            <option value="N">N.A.</option>
                                        </select> -->
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Age</b></label>
                                    <input type="text" class="form-control" id="page" name="page"
                                        onkeypress="return onlynumbers(event)" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Occupation</b></label>
                                    <input type="text" class="form-control" id="pocc" name="pocc" />
                                </div>
                                <div class="col-sm-6 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Address</b></label>
                                    <input type="text" class="form-control ui-autocomplete-input" id="paddi"
                                        name="paddi" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Country</b></label>
                                    <select id="selpconi" name="selpconi" class="form-select">
                                        <option value="0">Select Country</option>
                                        @foreach($getCountries as $ct)
                                        <option  value="{{ $ct->id }}">
                                            {{ $ct->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>State</b></label>
                                    <select id="selpsti" name="selpsti" class="form-select">
                                        <option value="0">Select State</option>
                                        @foreach($getStates as $ct)
                                        <option                                             value="{{ $ct->state_code }}">{{ $ct->state_name_english }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <script type="text/javascript">
                                $("#selpsti").trigger("change");
                                </script>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>District</b></label>
                                    <select id="selpdisi" name="selpdisi" class="form-select">
                                        <option value="0">Select District</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Tehsil</b></label>
                                    <select id="selptehi" name="selptehi" class="form-select">
                                        <option value="0">Select Tehsil</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Village</b></label>
                                    <select id="selpvlgi" name="selpvlgi" class="form-select">
                                        <option value="0">Select Village</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Pincode</b></label>
                                    <input type="text" class="form-control" id="ppini" name="ppini" maxlength="14" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Phone/Mobile</b></label>
                                    <input type="text" class="form-control" id="pmobi" name="pmobi" maxlength="14"
                                        onkeypress="return onlynumbers(event)" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                    <input type="text" class="form-control" id="pemaili" name="pemaili" />
                                </div>
                                <!-- <div class="col-sm-1 mt-2">
                                        <label class="control-label" for="txt_cadre"><b>Total Pet(s):</b></label>
                                        <input type="text" class="form-control" id="p_noi" name="p_noi" value="1" onkeypress="return onlynumbers(event)" />
                                    </div> -->
                                <!-- <br/> -->
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Name (in Hindi)</b></label>
                                    <input type="text" class="form-control" id="pet_name_h" name="pet_name_h" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Father/Husband (in
                                            Hindi)</b></label>
                                    <input type="text" class="form-control" id="prel_h" name="prel_h" />
                                </div>
                                <div class="col-sm-6 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Address (in Hindi)</b></label>
                                    <input type="text" class="form-control" id="paddi_h" name="paddi_h" />
                                </div>
                            </div>
                            <div class="row" id="for_department">
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Department:</b></label>
                                    <input type="text" class="form-control" id="pet_deptt" name="pet_deptt"
                                        onkeypress="return onlyalphab(event)" />
                                </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Post:</b></label>
                                    <input type="text" class="form-control" id="pet_post" name="pet_post"
                                        onkeypress="return onlyalphab(event)" onblur="get_a_d_code(this.id)" />
                                    <input type="hidden" id="pet_post_code" />
                                </div>
                                <div class="col-sm-3" id="ford23">
                                    <label class="control-label" for="txt_cadre"><b>State Dept</b></label>
                                    <input list="state_pet_department" name="state_department_in_pet"
                                        id="state_department_in_pet" class="form-control" />
                                    <datalist id="state_pet_department">
                                        @foreach($statedept as $sdept)
                                        <option value="{{ $sdept->id."->".$sdept->deptname }}">{{ $sdept->deptname}}
                                        </option>
                                        @endforeach
                                    </datalist>
                                </div>
                                <div class="col-sm-3" id="fordeptaddress">
                                    <label class="control-label" for="txt_cadre"><b>Address:</b></label>
                                    <input type="text" class="form-control" id="paddd" name="paddd" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Country</b></label>
                                    <select id="selpcond" name="selpcond" class="form-select">
                                        <option value="0">Select Country</option>
                                        @foreach($getCountries as $ct)
                                        <option  value="{{ $ct->id }}">
                                            {{ $ct->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>State</b></label>
                                    <select id="selpstd" name="selpstd" class="form-select">
                                        <option value="0">Select State</option>
                                        @foreach($getStates as $ct)
                                        <option                                             value="{{ $ct->state_code }}">{{ $ct->state_name_english }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <script type="text/javascript">
                                $("#selpstd").trigger("change");
                                </script>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>District</b></label>
                                    <select id="selpdisd" name="selpdisd" class="form-select">
                                        <option value="0">Select District</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Tehsil</b></label>
                                    <select id="selptehd" name="selptehd" class="form-select">
                                        <option value="0">Select Tehsil</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Village</b></label>
                                    <select id="selpvlgd" name="selpvlgd" class="form-select">
                                        <option value="0">Select Village</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Pincode</b></label>
                                    <input type="text" class="form-control" id="ppind" name="ppind" maxlength="14" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Phone/Mobile</b></label>
                                    <input type="text" class="form-control" id="pmobd" name="pmobd" maxlength="14"
                                        onkeypress="return onlynumbers(event)" />
                                </div>
                                <div class="col-sm-3 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                    <input type="text" class="form-control" id="pemaild" name="pemaild" />
                                </div>
                                <!-- <div class="col-sm-1 mt-2">
                                        <label class="control-label" for="txt_cadre"><b>Total Pet(s):</b></label>
                                        <input type="text" class="form-control" id="p_nod" name="p_nod" value="1" onkeypress="return onlynumbers(event)" />
                                    </div> -->
                                <div class="col-sm-6 mt-2">
                                    <label class="control-label" for="txt_cadre"><b>Address (in Hindi)</b></label>
                                    <input type="text" class="form-control" id="paddd_h" name="paddd_h" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        <!--  For Respondent ---->
        <div class="panel" style="margin-top:1px;" data-sortable-id="form-stuff-3">
            <div class="panel-heading card-bg-color text-black">
                <h4 class="panel-title" style="flex: none">Respondent Individual / Department : &nbsp; </h4>
                <div class="col-sm-6">
                    <!-- <select class="form-control form-select" id="selrt" name="selrt" style="height:28px;">
                            <option value="I">Individual</option>
                            <option value="D1">State Department</option>
                            <option value="D2">Central Department</option>
                            <option value="D3">Other Organization</option>
                        </select> -->
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" value="I" type="radio" checked id="PI" name="selrt">
                        <label class="form-check-label" for="inlineRadio1">Individual</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" value="D1" type="radio" id="PD1" name="selrt">
                        <label class="form-check-label" for="customRadio2">State Department</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" value="D2" type="radio" id="PD2" name="selrt">
                        <label class="form-check-label" for="customRadio2">Central Department</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" value="D3" type="radio" id="PD3" name="selrt">
                        <label class="form-check-label" for="customRadio2">Other Organization</label>
                    </div>
                    <!-- <select id="psex" class="form-select"><option value="">Select</option>
                                <option value="M">Male</option>
                                <option value="F">Female</option>
                                <option value="N">N.A.</option>
                            </select> -->
                </div>
                <!-- <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
                    </div> -->
            </div>
            <div class="panel-body">
                <div class="row" id="for_individual">
                    <div class="card border-0">
                        <div class="row" id="for_r_individual">
                            <div class="col-sm-3">
                                <label class="control-label" for="txt_cadre"><b>Name</b></label>
                                <input type="text" class="form-control" id="res_name" name="res_name"
                                    onkeypress="return onlyalphab(event)" onblur="getLocal('res_name')" />
                            </div>
                            <div class="col-sm-3">
                                <label class="control-label" for="txt_cadre"><b>Relation</b></label>
                                <select id="selrrel" class="form-select">
                                    <option value="0">Select</option>
                                    @foreach($getRelation as $rel)
                                    <option value="{{ $rel->id }}">{{ $rel->full_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Father/Husband</b></label>
                                <input type="text" class="form-control" id="rrel" name="rrel"
                                    onkeypress="return onlyalpha(event)" onblur="getLocal('rrel')" />
                            </div>
                            <div class="col-sm-3">
                                <label class="control-label" for="txt_cadre"><b>Gender</b></label>
                                <div class="form-check form-check-inline mt-2">
                                    <input class="form-check-input" value="M" type="radio" id="maler" name="rgender">
                                    <label class="form-check-label" for="inlineRadio1">Male</label>
                                </div>
                                <div class="form-check form-check-inline mt-2">
                                    <input class="form-check-input" value="F" type="radio" id="femaler" name="rgender">
                                    <label class="form-check-label" for="customRadio2">Female</label>
                                </div>
                                <div class="form-check form-check-inline mt-2">
                                    <input class="form-check-input" value="T" type="radio" id="othersr" name="rgender">
                                    <label class="form-check-label" for="customRadio2">Transgender</label>
                                </div>
                                <!-- <select id="psex" class="form-select"><option value="">Select</option>
                                            <option value="M">Male</option>
                                            <option value="F">Female</option>
                                            <option value="N">N.A.</option>
                                        </select> -->
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Age</b></label>
                                <input type="text" class="form-control" id="rage" name="rage"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Occupation</b></label>
                                <input type="text" class="form-control" id="rocc" name="rocc" />
                            </div>
                            <div class="col-sm-6 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Address</b></label>
                                <input type="text" class="form-control" id="raddi" name="raddi"
                                    onblur="getLocal('raddi')" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Country</b></label>
                                <select id="selrconi" name="selrconi" class="form-select">
                                    <option value="0">Select Country</option>
                                    @foreach($getCountries as $ct)
                                    <option  value="{{ $ct->id }}">
                                        {{ $ct->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>State</b></label>
                                <select id="selrsti" name="selrsti" class="form-select">
                                    <option value="0">Select State</option>
                                    @foreach($getStates as $ct)
                                    <option                                         value="{{ $ct->state_code }}">{{ $ct->state_name_english }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>District</b></label>
                                <select id="selrdisi" name="selrdisi" class="form-select">
                                    <option value="0">Select District</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Tehsil</b></label>
                                <select id="selrtehi" name="selrtehi" class="form-select">
                                    <option value="0">Select Tehsil</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Village</b></label>
                                <select id="selrvlgi" name="selrvlgi" class="form-select">
                                    <option value="0">Select Village</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Pincode</b></label>
                                <input type="text" class="form-control" id="rpini" name="rpini" maxlength="14"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Phone/Mobile</b></label>
                                <input type="text" class="form-control" id="rmobi" name="rmobi" maxlength="14"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                <input type="text" class="form-control" id="remaili" name="remaili" />
                            </div>
                            <!-- <div class="col-sm-1 mt-2">
                                        <label class="control-label" for="txt_cadre"><b>Total Res(s):</b></label>
                                        <input type="text" class="form-control" id="r_noi" name="r_noi" value="1" onkeypress="return onlynumbers(event)" />
                                    </div> -->
                            <!-- <br/> -->
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Name (in Hindi)</b></label>
                                <input type="text" class="form-control" id="res_name_h" name="res_name_h" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Father/Husband (in Hindi)</b></label>
                                <input type="text" class="form-control" id="rrel_h" name="rrel_h" />
                            </div>
                            <div class="col-sm-6 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Address (in Hindi)</b></label>
                                <input type="text" class="form-control" id="raddi_h" name="raddi_h" />
                            </div>

                        </div>
                        <div class="row" id="for_r_department">
                            <div class="col-sm-3">
                                <label class="control-label" for="txt_cadre"><b>Department:</b></label>
                                <input type="text" class="form-control" id="res_deptt" name="res_deptt"
                                    onkeypress="return onlyalphab(event)" />
                            </div>
                            <div class="col-sm-3">
                                <label class="control-label" for="txt_cadre"><b>Post:</b></label>
                                <input type="text" class="form-control" id="res_post" name="res_post"
                                    onkeypress="return onlyalphab(event)" onblur="get_a_d_code(this.id)" />
                                <input type="hidden" id="res_post_code" />
                            </div>
                            <div class="col-sm-3" id="forrd23">
                                <label class="control-label" for="txt_cadre"><b>State Dept</b></label>
                                <input list="state_res_department" name="state_department_in_res"
                                    id="state_department_in_res" class="form-control" />
                                <datalist id="state_res_department">
                                    @foreach($statedept as $sdept)
                                    <option value="{{ $sdept->id."->".$sdept->deptname }}">{{ $sdept->deptname}}
                                    </option>
                                    @endforeach
                                </datalist>
                            </div>
                            <div class="col-sm-3" id="fordeptraddress">
                                <label class="control-label" for="txt_cadre"><b>Address:</b></label>
                                <input type="text" class="form-control" id="raddd" name="raddd" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Country</b></label>
                                <select id="selrcond" name="selrcond" class="form-select">
                                    <option value="0">Select Country</option>
                                    @foreach($getCountries as $ct)
                                    <option  value="{{ $ct->id }}">
                                        {{ $ct->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>State</b></label>
                                <select id="selrstd" name="selrstd" class="form-select">
                                    <option value="0">Select State</option>
                                    @foreach($getStates as $ct)
                                    <option                                         value="{{ $ct->state_code }}">{{ $ct->state_name_english }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>District</b></label>
                                <select id="selrdisd" name="selrdisd" class="form-select">
                                    <option value="0">Select District</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Tehsil</b></label>
                                <select id="selrtehd" name="selrtehd" class="form-select">
                                    <option value="0">Select Tehsil</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Village</b></label>
                                <select id="selrvlgd" name="selrvlgd" class="form-select">
                                    <option value="0">Select Village</option>
                                </select>
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Pincode</b></label>
                                <input type="text" class="form-control" id="rpind" name="rpind" maxlength="14" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Phone/Mobile</b></label>
                                <input type="text" class="form-control" id="rmobd" name="rmobd" maxlength="14"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-3 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                <input type="text" class="form-control" id="remaild" name="remaild" />
                            </div>
                            <!-- <div class="col-sm-1 mt-2">
                                        <label class="control-label" for="txt_cadre"><b>Total Res(s):</b></label>
                                        <input type="text" class="form-control" id="r_nod" name="r_nod" value="1" onkeypress="return onlynumbers(event)" />
                                    </div> -->
                            <!-- <br/> -->
                            <div class="col-sm-6 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Address (in Hindi)</b></label>
                                <input type="text" class="form-control" id="raddd_h" name="raddd_h" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- For Petitioner Advocate -->
        <div class="panel" style="margin-top:1px;" data-sortable-id="form-stuff-3">
            <div class="panel-heading card-bg-color text-black">
                <h4 class="panel-title" style="flex: none">Advocate&nbsp; </h4>
            </div>
            <div class="panel-body">
                <div class="row" id="for_individual">
                    <div class="card border-0">
                        <div class="row">
                            <div class="col-sm-1">
                                <label class="control-label" for="txt_cadre"><b>Main Pet. Adv.</b></label>
                                <select id="padvt" class="form-select">
                                    <option value="S">State</option>
                                    <option value="C">Central</option>
                                    <option value="SS">Self</option>
                                </select>
                            </div>
                            <div class="col-sm-1 forpno">
                                <label class="control-label" for="txt_cadre"><b>Enroll No.</b></label>
                                <input type="text" class="form-control" maxlength="6" id="padvno" name="padvno"
                                    onkeypress="return onlynumbersadv(event)" />
                            </div>
                            <div class="col-sm-1 forpyear">
                                <label class="control-label" for="txt_cadre"><b>Enroll Year.</b></label>
                                <input type="text" class="form-control" onblur="getAdvocate_for_main('P')"
                                    maxlength="46" id="padvyr" name="padvyr" onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-2 forpname">
                                <label class="control-label" for="txt_cadre"><b>Name</b></label>
                                <input type="text" disabled class="form-control" id="padvname" name="padvname" />
                            </div>
                            <div class="col-sm-2 forpmobile">
                                <label class="control-label" for="txt_cadre"><b>Mobile</b></label>
                                <input type="text" disabled class="form-control" id="padvmob" name="padvmob"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-2 forpemail">
                                <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                <input type="text" disabled class="form-control" id="padvemail" name="padvemail" />
                            </div>
                            <!--------------------------- -->
                            <div class="col-sm-3" id="extra">
                                <label class="control-label" for="txt_cadre"></label>
                            </div>
                            <!--------------------------- -->
                            <div class="col-sm-1 mt-2">
                                <label class="control-label" for="txt_cadre"><b>Main Res. Adv.</b></label>
                                <select id="radvt" class="form-select">
                                    <option value="S">State</option>
                                    <option value="C">Central</option>
                                    <option value="SS">Self</option>
                                </select>
                            </div>
                            <div class="col-sm-1 mt-2 forrno">
                                <label class="control-label" for="txt_cadre"><b>Enroll No.</b></label>
                                <input type="text" class="form-control" maxlength="6" id="radvno" name="radvno"
                                    onkeypress="return onlynumbersadv(event)" />
                            </div>
                            <div class="col-sm-1 mt-2 forryear">
                                <label class="control-label" for="txt_cadre"><b>Enroll Year.</b></label>
                                <input type="text" class="form-control" maxlength="4" onblur="getAdvocate_for_main('R')"
                                    id="radvyr" name="radvyr" onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-2 mt-2 forrname">
                                <label class="control-label" for="txt_cadre"><b>Name</b></label>
                                <input type="text" disabled class="form-control" id="radvname" name="radvname" />
                            </div>
                            <div class="col-sm-2 mt-2 forrmobile">
                                <label class="control-label" for="txt_cadre"><b>Mobile</b></label>
                                <input type="text" disabled class="form-control" id="radvmob" name="radvmob"
                                    onkeypress="return onlynumbers(event)" />
                            </div>
                            <div class="col-sm-2 mt-2 forremail">
                                <label class="control-label" for="txt_cadre"><b>Email Id</b></label>
                                <input type="text" disabled class="form-control" id="radvemail" name="padvemail" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-1 mt-2" style="float:none;margin:auto;">
            <input type="button" value="submit" id="btnSubmitFiling" onclick="btnSubmitFilingH()"
                class="btn-primary form-control" />
        </div>
        <br/>
        </div>
        
    </div>
    </div>
</section>
@endsection