@extends('admin.master')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<style>
    .form-group.required .control-label:after {
        content:"*";
        color:red;
    }
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Update advocate profile</h1>
                </div><!-- /.col -->

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class='row'>
                <!-- Message -->
@if (session('status'))
<div class="col-12 alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>{{ session('status') }}</strong></div>
@elseif(session('failed'))
<div class="col-12 alert alert-danger alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>{{ session('failed') }}</strong></div>
@endif                            
                <form method="POST" action="/admin/form" enctype="multipart/form-data">
                    @csrf
                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Details Updated by BCI (for any change in this section please contact to BCI)</h3>
                        </div>

                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="text-bold">Enrollment Number : </label>
                                        <label class="text-info">{{$enroled_data[0]->enrolment_number}}</label>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="text-bold">Enrollment Date : </label>
                                        <label class="text-info">{{date('d-m-Y', strtotime($enroled_data[0]->enrolment_date)); }}</label>
                                    </div>
                                </div>


                                <div class="col-sm-3">    
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label class="text-bold">Advocate Full Name : </label>
                                        <label class="text-info">{{$enroled_data[0]->title.' '.$enroled_data[0]->full_name_of_advocate}}</label>                        
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="text-bold">Date of Birth : </label>
                                        <label class="text-info">{{date('d-m-Y', strtotime($enroled_data[0]->date_of_birth));    }}</label>                                                                                               
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="text-bold">Mobile Number : </label>
                                        <label class="text-info">{{$enroled_data[0]->mobile}}</label>                                                                                               
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="text-bold">eMail Address : </label>
                                        <label class="text-info">{{$enroled_data[0]->email}}</label>                                                                                               
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <!-- /.card-body -->
                    </div>

                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">General Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Advocate Name in Cause List</label>
                                        <input type="text" class="form-control" name="name_of_advocate_in_cause_list" value="{{old('name_of_advocate_in_cause_list')}}">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Gender</label>
                                        <div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input" type="radio" value="M" id="gender1" name="gender" {{ old('gender')=="M" ? 'checked='.'"'.'checked'.'"' : '' }}  >
                                                       <label for="gender1" class="custom-control-label">Male</label>
                                            </div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input" type="radio" value="F" id="gender2" name="gender" {{ old('gender')=="F" ? 'checked='.'"'.'checked'.'"' : '' }}>
                                                       <label for="gender2" class="custom-control-label">Female</label>
                                            </div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input" type="radio" value="T" id="gender3" name="gender" {{ old('gender')=="T" ? 'checked='.'"'.'checked'.'"' : '' }} >
                                                       <label for="gender3" class="custom-control-label">Transgender</label>
                                            </div>    
                                        </div>                                            
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Caste</label>
                                        <input type="text" class="form-control" name="caste" value="{{old('caste')}}">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label">Father Name</label>
                                        <input type="text" class="form-control @error('fathername') is-invalid @enderror" name="fathername" value="{{old('fathername')}}">
                                    </div>


                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Mother Name</label>
                                        <input type="text" class="form-control" name="mothername" value="{{old('mothername')}}">
                                    </div>
                                </div>  


                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Is Senior Advocate</label>

                                        <div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input" type="radio" value="0" id="is_senior1" name="is_senior" {{ old('is_senior')=="0" ? 'checked='.'"'.'checked'.'"' : '' }} checked >
                                                       <label for="is_senior1" class="custom-control-label">No</label>
                                            </div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input" type="radio" value="1" id="is_senior2" name="is_senior" {{ old('is_senior')=="1" ? 'checked='.'"'.'checked'.'"' : '' }}>
                                                    <label for="is_senior2" class="custom-control-label">Yes</label>
                                            </div>   
                                        </div>                                            
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Landline Number</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="landline_number" value="{{old('landline_number')}}">
                                        </div>
                                    </div>
                                </div>        
                                
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Whatsapp Number</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fab fa-whatsapp"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="whatsapp" placeholder="whatapp number" value="{{old('whatsapp')}}">
                                        </div>
                                    </div>
                                </div>                    

                            </div>                               
                        </div>
                        <!-- /.card-body -->
                    </div>

                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Residential Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">
                                
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Residence Pincode</label>
                                        <input type="text" class="form-control" name="residence_pincode" value="{{old('residence_pincode')}}">
                                    </div>
                                </div>                               

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Residence Address</label>
                                        <input type="text" class="form-control" name="residence_address_of_advocate" value="{{old('residence_address_of_advocate')}}">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">                                                                                
                                        <label class="control-label">Residence State</label>
                                        <select class="form-control @error('residence_state') is-invalid @enderror" name="residence_state" id="residence_state">
                                            <option value=''>select</option
                                            @foreach($state_master as $st)
                                            <option value="{{ $st->state_code }}" @if( $st->state_code ==old('residence_state')) {{'selected'}}  @endif>{{ $st->state_name_english }}</option>
                                            @endforeach
                                        </select> 

                                        @error('residence_state')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                        
                                    </div>
                                </div>                                                     

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Residence District</label>
                                        <select class="form-control @error('residence_district') is-invalid @enderror" name="residence_district" id="residence_district">
                                        </select>
                                        @error('residence_district')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>                               

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Residence Tehsil</label>
                                        <select class="form-control @error('residence_tehsil') is-invalid @enderror" name="residence_tehsil" id="residence_tehsil">
                                        </select>
                                        @error('residence_tehsil')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>                                                                                                            
                                </div>

                                <div class="col-sm-3">                                    
                                    <div class="form-group">
                                        <label class="control-label">Residence Village</label>
                                        <select class="form-control @error('residence_village') is-invalid @enderror" name="residence_village" id="residence_village">
                                        </select>
                                        @error('residence_village')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>                                                                        
                                </div>  
                                
                            </div>
                            
                        </div>
                        <!-- /.card-body -->
                    </div>

                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Office Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label>Office Pincode</label>
                                        <input type="text" class="form-control" name="office_pincode" value="{{old('office_pincode')}}">
                                    </div>
                                </div>                               

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        
                                        
                                        <label>Office Address</label>
                                        <input type="text" class="form-control" name="office_address" value="{{old('office_address')}}">
                                    </div>
                                </div>                               

                                <div class="col-sm-3">
                                    <div class="form-group">
                                    
                                    <label class="control-label">Office State</label>
                                        <select class="form-control @error('office_state') is-invalid @enderror" name="office_state" id="office_state">
                                            <option value=''>select</option
                                            @foreach($state_master as $st2)
                                            <option value="{{ $st2->state_code }}" @if( $st2->state_code ==old('office_state')) {{'selected'}}  @endif>{{ $st2->state_name_english }}</option>
                                            @endforeach
                                        </select> 

                                        @error('office_state')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                            
                                    </div>
                                </div>                                                     

                                <div class="col-sm-3">
                                    <div class="form-group">                                        
                                        <label class="control-label">Office District</label>
                                        <select class="form-control @error('office_district') is-invalid @enderror" name="office_district" id="office_district">
                                        </select>
                                        @error('office_district')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>                               

                                <div class="col-sm-3">
                                    <div class="form-group">                                        
                                        <label class="control-label">Office Tehsil</label>
                                        <select class="form-control @error('office_tehsil') is-invalid @enderror" name="office_tehsil" id="office_tehsil">
                                        </select>
                                        @error('office_tehsil')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>                                    
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">                                        
                                        <label class="control-label">Office Village</label>
                                        <select class="form-control @error('office_village') is-invalid @enderror" name="office_village" id="office_village">
                                        </select>
                                        @error('office_village')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>                                    
                                </div>  
                            </div>                               

                        </div>
                        <!-- /.card-body -->
                    </div>

                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Documents</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">

                                <div class="col-sm-6 form-group required">
                                    <label for="bci_certificate" class="control-label">State Bar Certificate Upload <small>(Max upload size 200 KB)</small></label>
                                    <div class="custom-file">
                                        <input type="file" class="form-control custom-file-input @error('bci_certificate') is-invalid @enderror" name="bci_certificate" accept="application/pdf" id="bci_certificate">
                                        <label class="custom-file-label" for="bci_certificate">Choose file</label>
                                        @error('bci_certificate')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>    
                            </div>                                
                            <div class="row">
                                <div class="col-sm-6 form-group required">
                                    <label for="advocate_photo" class="control-label">Upload Your Photo <small>(Max upload size 200 KB)</small></label>

                                    <div class="custom-file">
                                        <input type="file" accept=".png, .jpg, .jpeg"  class="form-control custom-file-input @error('advocate_photo') is-invalid @enderror" name="advocate_photo"  id="advocate_photo">
                                        <label class="custom-file-label" for="advocate_photo">Choose file</label>
                                        @error('advocate_photo')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-sm-6 form-group">
                                    <div class="d-none photo_preview spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>                                    
                                    <img src="#" class="d-none" id="photo_preview" width="50px" height="70px" />                                    
                                </div>                                
                            </div>
                          <!-- /.card-body -->
                        </div>
                        <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                            <!-- /.card-footer -->
                    </div>
                </form>
                <!-- /.card -->
                <!-- general form elements disabled -->
            </div>
        </div><!-- /.container-fluid -->
        
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>
    $(function () {
        bsCustomFileInput.init();
    });
    $('#advocate_photo').change(function(){        
        $(".photo_preview").removeClass("d-none"); 
    let reader = new FileReader();
    reader.onload = (e) => { 
      $(".photo_preview").addClass("d-none");  
      $("#photo_preview").removeClass("d-none");  
      $('#photo_preview').attr('src', e.target.result); 
    }
        reader.readAsDataURL(this.files[0]); 
        
   });
   
   
var rs = $('#residence_state').val();
var residenceDistrictOldValue = "{{ old('residence_district') }}"; 
var residenceTehsilOldValue = "{{ old('residence_tehsil') }}"; 
var residenceVillageOldValue = "{{ old('residence_village') }}"; 

if(rs > 0){ get_residence_district(rs);}
if(residenceDistrictOldValue > 0){ get_residence_tehsil(residenceDistrictOldValue);}
if(residenceTehsilOldValue > 0){ get_residence_village(residenceTehsilOldValue);}

    $(document).on("change", "#residence_state", function () {
        var state_code = $(this).val();        
        get_residence_district(state_code);
        $("#residence_tehsil").empty();
        $("#residence_village").empty();
    });
    
    $(document).on("change", "#residence_district", function () {
        var district_code = $(this).val();
        get_residence_tehsil(district_code);
        $("#residence_village").empty();
    });
    
    $(document).on("change", "#residence_tehsil", function () {
        var tehsil_code = $(this).val();
        get_residence_village(tehsil_code);
    });    
        
         
    
    function get_residence_district(id){
        $.ajax({
            type: "POST",
            url: "/state/" + id,
            data: {state_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(data);
                $("#residence_district").empty();
                $("#residence_district").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.district_code == residenceDistrictOldValue){
                        select_val = 'selected';
                    }                        
                    $("#residence_district").append("<option value='"+obj.district_code+"' "+select_val+" >" + obj.district_name_english + "</option>");
                });
            }
        });
    }
    function get_residence_tehsil(id){
        $.ajax({
            type: "POST",
            url: "/district/" + id,
            data: {district_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(data);
                $("#residence_tehsil").empty();
                $("#residence_tehsil").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.subdistrict_code == residenceTehsilOldValue){
                        select_val = 'selected';
                    }                        
                    $("#residence_tehsil").append("<option value='"+obj.subdistrict_code+"' "+select_val+" >" + obj.subdistrict_name_english + "</option>");
                });
            }
        });
    }
    function get_residence_village(id){
        $.ajax({
            type: "POST",
            url: "/tehsil/" + id,
            data: {subdistrict_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},            
            cache: false,
            success: function (data) {
                $("#residence_village").empty();
                $("#residence_village").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.village_code == residenceVillageOldValue){
                        select_val = 'selected';
                    }                        
                    $("#residence_village").append("<option value='"+obj.village_code+"' "+select_val+" >" + obj.village_name_english + "</option>");
                });
            }
        });
    }
    
    
    
    var os = $('#office_state').val();
var officeDistrictOldValue = "{{ old('office_district') }}"; 
var officeTehsilOldValue = "{{ old('office_tehsil') }}"; 
var officeVillageOldValue = "{{ old('office_village') }}"; 

if(os > 0){ get_office_district(os);}
if(officeDistrictOldValue > 0){ get_office_tehsil(officeDistrictOldValue);}
if(officeTehsilOldValue > 0){ get_office_village(officeTehsilOldValue);}

    $(document).on("change", "#office_state", function () {
        var state_code = $(this).val();        
        get_office_district(state_code);
        $("#office_tehsil").empty();
        $("#office_village").empty();
    });
    
    $(document).on("change", "#office_district", function () {
        var district_code = $(this).val();
        get_office_tehsil(district_code);
        $("#office_village").empty();
    });
    
    $(document).on("change", "#office_tehsil", function () {
        var tehsil_code = $(this).val();
        get_office_village(tehsil_code);
    });    
        
         
    
    function get_office_district(id){
        $.ajax({
            type: "POST",
            url: "/state/" + id,
            data: {state_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(data);
                $("#office_district").empty();
                $("#office_district").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.district_code == officeDistrictOldValue){
                        select_val = 'selected';
                    }                        
                    $("#office_district").append("<option value='"+obj.district_code+"' "+select_val+" >" + obj.district_name_english + "</option>");
                });
            }
        });
    }
    function get_office_tehsil(id){
        $.ajax({
            type: "POST",
            url: "/district/" + id,
            data: {district_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(data);
                $("#office_tehsil").empty();
                $("#office_tehsil").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.subdistrict_code == officeTehsilOldValue){
                        select_val = 'selected';
                    }                        
                    $("#office_tehsil").append("<option value='"+obj.subdistrict_code+"' "+select_val+" >" + obj.subdistrict_name_english + "</option>");
                });
            }
        });
    }
    function get_office_village(id){
        $.ajax({
            type: "POST",
            url: "/tehsil/" + id,
            data: {subdistrict_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},            
            cache: false,
            success: function (data) {
                //console.log(data);
                $("#office_village").empty();
                $("#office_village").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.village_code == officeVillageOldValue){
                        select_val = 'selected';
                    }                        
                    $("#office_village").append("<option value='"+obj.village_code+"' "+select_val+" >" + obj.village_name_english + "</option>");
                });
            }
        });
    }
    
</script> 
@endsection