@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> -->

@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 src="{{ asset('js/filingdc/filing.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">
                    <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-12">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" value="1" type="radio" checked  id="filing_civil" name="filing_type">
                                            <label class="form-check-label" for="inlineRadio1">Civil</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" value="2" type="radio"  id="filing_criminal" name="filing_type">
                                            <label class="form-check-label" for="customRadio2">Criminal</label>
                                        </div>                                       
                                    </div>
                                </div>
                                <div class="row mt-2" style="float:none;margin:auto;">
                                    <div class="col-sm-4">
                                        <label class="control-label" for="txt_cadre"><b>Establishment</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($getDCCaseType as $ct)
                                                <!-- <option value="{{ $ct->change_into }}">{{ $ct->type_sname." - ".ucwords(strtolower($ct->type_name)) }}</option> -->
                                                <option value="{{ $ct->change_into }}">{{ $ct->type_sname." - ".strtoupper($ct->type_name) }}</option>
                                            @endforeach    
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="control-label" for="txt_cadre"><b>Total No. of Pages</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">
                    <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" id="for_pet" for="txt_cadre"><b>Plaintiff</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 mt-2">
                                        <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>
            </div>


            <!--  For Respondent ---->
            <div class="panel" style="margin-top:1px;" data-sortable-id="form-stuff-3">
                <div class="panel-heading card-bg-color">
                    <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" id="for_res" for="txt_cadre"><b>Defendant</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">
                        <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 none">
                                        <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 none">
                                        <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 none">
                                        <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 none">
                                        <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 none">
                                        <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 none">
                                        <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>       
                <div class="col-sm-1 mt-2" style="float:none;margin:auto;">
                    <input type="button" value="submit" id="btnSubmitFiling" class="btn-primary form-control" />
                </div>   
            </div>
        </div>
    </div>
</section>
@endsection