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

@section('title', 'Add Clerk')

@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/sweetalert/dist/sweetalert.min.js"></script> -->

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<!-- <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" defer></script>
<!-- <script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></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("Saved").then(function() {
        var link = document.createElement("a");
        link.download = {{Session::get('result')}};
        link.href = "/var/www/html/aierp/public/";
        link.click();
    });
    /*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="card" data-sortable-id="form-stuff-3">
                <div class="card-header card-bg-color ">
                    Clerk Registration
                </div>
                <form method="post" action="/save_clerk" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="card" data-sortable-id="form-stuff-3">
                            <div class="card-header card-bg-color ">
                                Personal Details
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="card border-0">
                                        <div class="row">
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Name of the person</b></label>
                                                <input type="text" class="form-control @error('c_name') is-invalid @enderror" id="c_name" name="c_name" />
                                                @error('c_name')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Father/Husband</b></label>
                                                <input type="text" class="form-control @error('c_f_name') is-invalid @enderror" id="c_f_name" name="c_f_name" />
                                                @error('c_f_name')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Gender</b></label>
                                                <select id="c_gender" name="c_gender" class="form-select">
                                                    <option value="">Select</option>
                                                    <option value="M">Male</option>
                                                    <option value="F">Female</option>
                                                    <option value="T">Transgender</option>
                                                </select>
                                                @error('c_gender')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Date of Birth</b></label>
                                                <div class="input-group date" data-date-start-date="Date.default">
                                                    <input type="text" size="10" class="form-control txt_date @error('c_dob') is-invalid @enderror" id="datepicker-autoClose" name="c_dob" />
                                                    <span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
                                                </div>
                                                @error('c_dob')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-6 mt-2" id="bothaddress">
                                                <label class="control-label" ><b>Current Corresponding Address</b></label>
                                                <input type="text" class="form-control ui-autocomplete-input @error('c_add') is-invalid @enderror" id="c_add" name="c_add" />
                                                @error('c_add')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-6 mt-2" id="bothaddress">
                                                <label class="control-label" ><b>Advocate Office Address</b></label>
                                                <input type="text" class="form-control ui-autocomplete-input @error('c_o_add') is-invalid @enderror" id="c_o_add" name="c_o_add" />
                                                @error('c_o_add')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>State</b></label>
                                                <select id="p_st" name="p_st" class="form-select @error('p_st') is-invalid @enderror">
                                                    <option value="0">Select State</option>
                                                    @foreach($getStates as $ct)
                                                    <option  value="{{ $ct->state_code }}">{{ $ct->state_name_english }}</option>
                                                    @endforeach
                                                </select>
                                                @error('p_st')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>District</b></label>
                                                <select id="p_dis" name="p_dis" class="form-select @error('p_dis') is-invalid @enderror">
                                                    <option value="0">Select District</option>
                                                </select>
                                                @error('p_dis')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>Tehsil</b></label>
                                                <select id="p_teh" name="p_teh" class="form-select @error('p_teh') is-invalid @enderror">
                                                    <option value="0">Select Tehsil</option>
                                                </select>
                                                @error('p_teh')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>Pincode</b></label>
                                                <input type="text" class="form-control @error('c_pin') is-invalid @enderror" id="c_pin" name="c_pin" maxlength="6" />
                                                @error('c_pin')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>Mobile</b></label>
                                                <input type="text" class="form-control @error('c_mob') is-invalid @enderror" id="c_mob" name="c_mob" maxlength="10" />
                                                @error('c_mob')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2">
                                                <label class="control-label" ><b>Email Id</b></label>
                                                <input type="text" class="form-control @error('c_email') is-invalid @enderror" id="c_email" name="c_email" />
                                                @error('c_email')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>Select Photo ID </b></label>
                                                <select id="c_id_type" name="c_id_type" class="form-select @error('c_id_type') is-invalid @enderror">
                                                    <option value="">Select</option>
                                                    <option value="RC">Ration Card</option>
                                                    <option value="AC">Aadhar Card</option>
                                                    <option value="DL">Driving License</option>
                                                    <option value="PC">PAN Card</option>
                                                    <option value="PP">Passport</option>
                                                    <option value="VI">Voter ID Card</option>
                                                </select>
                                                @error('c_id_type')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>ID Card Number</b></b></label>
                                                <input type="text" class="form-control @error('c_id_number') is-invalid @enderror" id="c_id_number" name="c_id_number"/>
                                                @error('c_id_number')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>Languages Known</b></label>
                                                <input type="text" class="form-control @error('c_lang') is-invalid @enderror" id="c_lang" name="c_lang"/>
                                                @error('c_lang')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>Upload Photo</b></label>
                                                <input type="file" class="form-control @error('c_photo') is-invalid @enderror" id="c_photo" name="c_photo"/>
                                                @error('c_photo')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>Upload Mentioned Photo ID Proof</b></label>
                                                <input type="file" class="form-control @error('c_id') is-invalid @enderror" id="c_id" name="c_id"/>
                                                @error('c_id')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 mt-2 for_ind">
                                                <label class="control-label" ><b>Upload Signature</b></label>
                                                <input type="file" class="form-control @error('c_sign') is-invalid @enderror" id="c_sign" name="c_sign"/>
                                                @error('c_sign')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <!-- <div class="col-sm-2 mt-2" style="float:none;margin:auto;">
                                                    <label class="control-label" ><b>&nbsp;</b></label>
                                                    <input type="button" id="btn_save_party" class="btn-primary form-control" value="Submit">
                                                </div>
                                                <div class="col-sm-12 mt-3" style="float:none;margin:auto;">
                                                    <label class="control-label" id="response" ></label>
                                                </div> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Qualification Details -->
                        <div class="card mt-2" data-sortable-id="form-stuff-3">
                            <div class="card-header card-bg-color ">
                                Qualification Details
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="card border-0">
                                        <div class="row">
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Highest Qualification</b></label>
                                                <input type="text" class="form-control @error('c_qualification') is-invalid @enderror" id="c_qualification" name="c_qualification" />
                                                @error('c_qualification')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>School/College/University</b></label>
                                                <input type="text" class="form-control @error('c_scu_name') is-invalid @enderror" id="c_scu_name" name="c_scu_name" />
                                                @error('c_scu_name')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Passing Year</b></label>
                                                <select id="c_pass_year" name="c_pass_year" class="form-select @error('c_pass_year') is-invalid @enderror">
                                                    <option value="">Select</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                            <option value="{{ $i }}">{{ $i }}</option>
                                                                                                    </select>
                                                @error('c_pass_year')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Percentage</b></label>
                                                <input type="text" class="form-control @error('c_percentage') is-invalid @enderror" id="c_percentage" name="c_percentage"/>
                                                @error('c_percentage')
                                                <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Case Detail -->
                        <div class="card mt-2" data-sortable-id="form-stuff-3">
                            <div class="card-header card-bg-color  form-check form-check-inline">
                                <input class="form-check-input" style="margin-left:3px;" name="court_case_detail" onclick="showcasedet()" type="checkbox" value="Y" id="flexCheckDefault"> &nbsp;&nbsp; <b>If any case detail</b>
                            </div>
                            <div class="card-body" id="caseinfo">
                                <div class="row">
                                    <div class="card border-0">
                                        <div class="row">
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Case Number</b></label>
                                                <input type="text" class="form-control" id="case_number" name="case_number"/>
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Court Name</b></label>
                                                <input type="text" class="form-control" id="court_name" name="court_name"/>
                                            </div>
                                            <div class="col-sm-3 for_ind">
                                                <label class="control-label" ><b>Result</b></label>
                                                <select id="result" name="result" class="form-select">
                                                    <option value="">Select</option>                                               
                                                        <option value="Pending">Pending</option>
                                                        <option value="Disposed">Disposed</option>                                               
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-1 mt-1" style="float:none;margin:auto;">
                                                    <label class="control-label" ><b>&nbsp;</b></label>
                                                    <input type="submit" id="btn_save_party" class="btn-primary form-control" value="Submit">
                                                </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')

<script>

    $(document).ready(function() {
        $("#caseinfo").hide();

        var state = $("#p_st").val();
        $.ajax({
            url: "getStateWiseDistrict",
            type: 'GET',
            cache: false,
            async: false,
            data: {state:state},
            success: function (data, status){
                var model = $('#p_dis');
                model.empty();
                var html = "<option value='0'>Select District</option>";
                $.each(data, function (index, element) {
                    html += "<option value='" + element.district_code + "'>" + element.district_name_english + "</option>";
                });
                model.append(html);
            },
            error: function (xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }    
        });

        $("#datepicker-autoClose").datepicker({
            todayHighlight: true,
            autoclose: true,
            format: "dd-mm-yyyy"
        });

         /* For Petitioner Individual State Wise District */
   $(document).on('change','#p_st',function(){
        var state = $("#p_st").val();
       $.ajax({
            url: "getStateWiseDistrict",
            type: 'GET',
            cache: false,
            async: false,
            data: {state:state},
            success: function (data, status){
                var model = $('#p_dis');
                model.empty();
                var html = "<option value='0'>Select District</option>";
                $.each(data, function (index, element) {
                    html += "<option value='" + element.district_code + "'>" + element.district_name_english + "</option>";
                });
                model.append(html);
            },
            error: function (xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }    
        });
    });

   /* For Petitioner Individual District Wise Tehsil */
    $(document).on('change','#p_dis',function(){
        var district = $(this).val();
        $.ajax({
            url: "getDistrictWiseTehsil",
            type: 'GET',
            cache: false,
            async: false,
            data: {district:district},
            success: function (data, status){
                var model = $('#p_teh');
                model.empty();
                var html = "<option value='0'>Select Tehsil</option>";
                $.each(data, function (index, element) {
                    html += "<option value='" + element.subdistrict_code + "'>" + element.subdistrict_name_english + "</option>";
                });
                model.append(html);
            },
            error: function (xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }    
        });
    });




    });

    function showcasedet() {
        checkBox = document.getElementById('flexCheckDefault');
        if (checkBox.checked) {
            // Respond to the result
            $("#caseinfo").show();
        } else {
            $("#caseinfo").hide();
        }


    }
</script>

@endpush