@include('admin.admin_common.header')

<style>
    .error{
        color:red;
    }
    
    .form-control{
        border-color:#91C714;
    }
</style>

            <!-- BEGIN: Content -->
        <div class="content" >             
                        
            <div class="intro-y d-flex align-items-center mt-8">
                    <h2 class="fs-lg fw-medium me-auto">
                           वापरकर्ता सुधारणा करा
                    </h2>
            </div> 
            
            <form method="post" action="{{ route('user_management.update', $data->id) }}" enctype="multipart/form-data">
                @csrf
                
                @if (!empty($data->id) || 1 == 1)
                    <input type="hidden" name="_method" value="PATCH">
                @endif

                <input type="hidden" id="id" name="id" value="{{ $data['id'] or '' }}">
                <div class="row gap-y-6 mt-5 intro-y box " style="border:solid 1px; margin-top:20px;">
                    <div class="row p-5">
                        <!-- BEGIN: Input State -->
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="f_name" class="form-label">प्रथम नाव: &nbsp;<span class="error">*</span></label>
                                    <input type="text" class="form-control @error('f_name') is-invalid @enderror" id="f_name" name="f_name" value="{{ $data->f_name }}" placeholder="प्रथम नाव">                                        
                                    @error('f_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                             
                                </div>
                            </div>
                        </div> 
                        
                        <div class="col-12 col-lg-4  mt-3">
                            <div id="input-state" >
                                <div class="preview">                                    
                                    <label for="l_name" class="form-label">आडनाव : &nbsp;<span class="error">*</span></label>
                                    <input type="text" class="form-control @error('l_name') is-invalid @enderror" id="l_name" name="l_name" value="{{ $data->l_name }}" placeholder="आडनाव">                                        
                                    @error('l_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                            
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                        लिंग : &nbsp;<span class="error">*</span>
                                    </label>
                                    <select class="form-control  w-full @error('gender') is-invalid @enderror" id="gender" name="gender">
                                        <option value=" ">लिंग निवडा</option>
                                        <!--<optgroup>-->
                                            <option value="1" {{ $data->gender == "1" ? 'selected' : '' }}>पुरुष</option>
                                            <option value="2" {{ $data->gender == "2" ? 'selected' : '' }}>महिला</option>
                                            <option value="3" {{ $data->gender == "3" ? 'selected' : '' }}>इतर </option>
                                        <!--</optgroup>-->
                                    </select>
                                    @error('gender')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                              
                                </div>
                            </div>                           
                        </div>
                        
                        
                        
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">मोबाईल नंबर: &nbsp;<span class="error">*</span></label>
                                    <input type="text" class="form-control @error('mobile_number') is-invalid @enderror" id="mobile_number" onkeypress="return isNumber(event)" maxlength="10" minlength="10" name="mobile_number" value="{{ $data->mobile_number }}"  placeholder="मोबाईल नंबर">                                        
                                    @error('mobile_number')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                              
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state" >
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">ई-मेल: &nbsp;<span class="error">*</span></label>
                                    <input  type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ $data->email }}" placeholder="ई-मेल">                                        
                                    @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                                
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                      वापरकर्ता प्रकार : &nbsp;<span class="error">*</span>
                                    </label>
                                    <select class="deleteRecord tom-select tomselected w-full @error('user_type') is-invalid @enderror" id="user_type" name="user_type">
                                        <option value=" ">वापरकर्ता प्रकार निवडा</option>
                                        <!--<optgroup label="User Type">-->
                                            <!--<option value="1" {{ $data->user_type == "1" ? 'selected' : '' }}>ADMIN</option>-->
                                            <option value="4" {{ $data->user_type == "4" ? 'selected' : '' }}>विभागीय आयुक्त</option>
                                            <option value="2" {{ $data->user_type == "2" ? 'selected' : '' }}>जिल्हाधिकारी</option>
                                            <option value="5" {{ $data->user_type == "5" ? 'selected' : '' }}>प्रांताधिकारी</option>
                                            <option value="3" {{ $data->user_type == "3" ? 'selected' : '' }}>तालुका तहसीलदार</option>
                                        <!--</optgroup>-->
                                    </select>
                                    @error('user_type')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                              
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                        विभाग निवडा : &nbsp;<span class="error">*</span>
                                    </label>
                                    <select class="tom-select tomselected w-full @error('division_id') is-invalid @enderror" id="division_id" name="division_id">
                                        <option value=" ">विभाग निवडा</option>
                                         @foreach($division as $row)
                                                <option value="{{ $row->division_id }}" {{ $data->division_id == $row->division_id ? 'selected' : '' }} >{{ $row->division_name }}</option>
                                         @endforeach
                                       </select>
                                    @error('division_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                              
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3" id="dist">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                        जिल्हा : &nbsp;<span class="error">*</span>
                                    </label>
                                    <select data-placeholder="जिल्हा निवडा" name="district" id="district" class="form-control border-theme-9">
                                    <!--<select class="tom-select tomselected  w-full @error('district') is-invalid @enderror" id="district_id" name="district">-->
                                        <option value=" ">जिल्हा निवडा</option>
                                            @foreach ($district as $key => $value)
                                                <option value="{{ $value->district_id }}" {{ $data->district == $value->district_id ? 'selected' : '' }}>{{ $value->district_name }}</option>
                                            @endforeach
                                    </select>
                                    @error('district')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                                
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3" id="prnt" style="display:none">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                           प्रांत: &nbsp;
                                        <span class="error">*</span>
                                        
                                    </label>
                                    <select data-placeholder="प्रांत  निवडा" name="prant_id" id="prant_id" class="form-control border-theme-9">
                                        @foreach ($prant_id as $key => $value)
                                            <option value="{{ $value->prant_id }}" {{ $data->prant_id == $value->prant_id ? 'selected' : '' }}>{{ $value->prant_name }}</option>
                                        @endforeach
                                    </select>
                                    @error('prant')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                                
                                </div>
                            </div>                           
                        </div>
                        
                        <div class="col-12 col-lg-4 mt-3" id="tal" style="display:none">
                            <div id="input-state">
                                <div class="preview">                                    
                                    <label for="input-state-1" class="form-label">
                                           तालुका: &nbsp;
                                        <span class="error">*</span>
                                        
                                    </label>
                                    <select class="tom-select tomselected w-full @error('taluka') is-invalid @enderror" id="taluka_id" name="taluka">
                                        @foreach ($taluka_master as $key => $value)
                                            <option value="{{ $value->taluka_id }}" {{ $data->taluka == $value->taluka_id ? 'selected' : '' }}>{{ $value->taluka_name }}</option>
                                        @endforeach
                                        <optgroup label="तालुका">
                                            
                                        </optgroup>
                                    </select>
                                    @error('taluka')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                                
                                </div>
                            </div>                           
                        </div>
                        
                        <!--<div class="col-12 col-lg-4 mt-3">-->
                        <!--    <div id="input-state" >-->
                        <!--        <div class="preview">                                    -->
                        <!--            <label for="password" class="form-label"><strong>Password : &nbsp;<span class="error">*</span></strong></label>-->
                        <!--            <input  type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" value="{{ old('password') }}" placeholder="Enter Password">                                        -->
                        <!--            @error('password')-->
                        <!--                <span class="invalid-feedback" role="alert">-->
                        <!--                    <strong>{{ $message }}</strong>-->
                        <!--                </span>-->
                        <!--            @enderror                                -->
                        <!--        </div>-->
                        <!--    </div>                           -->
                        <!--</div>-->
                        
                        <!--<div class="col-12 col-lg-4 mt-3">-->
                        <!--    <div id="input-state" >-->
                        <!--        <div class="preview">                                    -->
                        <!--            <label for="password_confirmation" class="form-label"><strong>Confirmation Password : &nbsp;<span class="error">*</span></strong></label>-->
                        <!--            <input  type="password" class="form-control @error('password_confirmation') is-invalid @enderror" id="password_confirmation" name="password_confirmation" value="" placeholder="Enter Confirmation Password">                                        -->
                        <!--            @error('password_confirmation')-->
                        <!--                <span class="invalid-feedback" role="alert">-->
                        <!--                    <strong>{{ $message }}</strong>-->
                        <!--                </span>-->
                        <!--            @enderror                                -->
                        <!--        </div>-->
                        <!--    </div>                           -->
                        <!--</div>-->
                        
                        <div class="row">
                            <div class="preview">                                    
                                <div class="mt-3">   
                                    <div class="text-center mr-5 p-3" style="">                                      
                                        <button class="btn btn-elevated-primary w-24 me-1 mb-2">जतन करा</button>
                                        <a href="{{ url('/user_management') }}"><button type="button" class="btn btn-elevated-warning w-24 me-1 mb-2">रद्द करा</button></a>
                                    </div>
                                </div>                                
                            </div>  
                        </div> 
                        
                    </div>
                </div>                       
            </form>


          <br/><br/>
         <!-- Footer Start -->
                <footer class="footer">
                   
                        <div class="row">
                            <div class="col-md-12" style="text-align:center;">
                              <b><a href="http://coreocean.in/">Designed and Developed by Core Ocean Solutions LLP 2026.</a></b>
                            </div>
                        </div>
                   
                </footer>
                <!-- end Footer -->
        </div>
        <!-- END: Content -->
<script>
	  function isNumber(evt)
		 {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true; }
    
    $(document).ready(function() {
        // $('#dist').hide();
        // $('#tal').hide();
        
        var u_type = $('#user_type').val();
                if (u_type == 4) {
                    $('#dsvn').show();
                    $('#dist').hide();
                    $('#prnt').hide();
                    $('#tal').hide();
                }else if (u_type == 2) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').hide();
                    $('#tal').hide();
                }else if (u_type == 5) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').show();
                    $('#tal').hide();
                }else if (u_type == 3) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').show();
                    $('#tal').show();
                }else{
                    $('#dsvn').hide();
                    $('#dist').hide();
                    $('#prnt').hide();
                    $('#tal').hide();
                }
        
        $("#user_type").change(function() {
            var u_type = $('#user_type').val();
            
                if (u_type == 4) {
                    $('#dsvn').show();
                    $('#dist').hide();
                    $('#prnt').hide();
                    $('#tal').hide();
                }else if (u_type == 2) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').hide();
                    $('#tal').hide();
                }else if (u_type == 5) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').show();
                    $('#tal').hide();
                }else if (u_type == 3) {
                    $('#dsvn').show();
                    $('#dist').show();
                    $('#prnt').show();
                    $('#tal').show();
                }else{
                    $('#dsvn').hide();
                    $('#dist').hide();
                    $('#prnt').hide();
                    $('#tal').hide();
                }
        });
    });
    
    $("#user_type").change(function() {
            var user_typee =$('#user_type').val();
            if(user_typee == 2){
               $("#tal").remove();
            }

  });
</script>


<script>
            $('#district').on('change', function() {
                var idState = this.value;

                $("#prant_id").html('');
                $.ajax({
                    type: "GET",
                    url: "{{ url('prantss1_list') }}",
                    data: {
                        "district": idState,
                        "_token": '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(res) {
                        // alert(res);
                        //   console.log(res);
                        $('#prant_id').html(
                            '<option value="">Select ID</option>');
                        $.each(res.prantsList, function(key, value) {
                            $("#prant_id").append('<option value="' + value
                                .prant_id + '">' + value.prant_name+ '</option>');
                        });
                    }
                });
            });
</script> 

<script>
    $(document).ready(function() {

        // Get Taluka list
        $('#district').on('change', function() {
            var idState = this.value;

            $("#taluka_id").html('');
            $.ajax({
                type: "POST",
                url: "{{ url('taluka_list') }}",
                data: {
                    "district": idState,
                    "_token": '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(res) {
                    // alert(res);
                    //   console.log(res);
                    $('#taluka_id').html(
                        '<option value="">तालुका निवडा</option>');
                    $.each(res.talukalist, function(key, value) {
                        $("#taluka_id").append('<option value="' + value
                            .taluka_id + '">' + value.taluka_name + '</option>');
                    });
                }
            });
        });
    });
</script>


<script>
            $('#division_id').on('change', function() {
                var idState = this.value;

                $("#district").html('');
                $.ajax({
                    type: "GET",
                    url: "{{ url('user_district') }}",
                    data: {
                        "division_id": idState,
                        "_token": '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(res) {
                        // alert(res);
                        //   console.log(res);
                        // $('#unique_recyclear').html(
                        //     '<option value="">Select ID</option>');
                        $.each(res.districtsList, function(key, value) {
                            $("#district").append('<option value="' + value
                                .district_id + '">' + value.district_name+ '</option>');
                        });
                    }
                });
            });
            
            
            $('#user_type').on('change', function() {
            var user_type = this.value;
                
            if(user_type == 2)
            {
                $('#district').attr('required',true);
            }
            else if(user_type == 3)
            {
                $('#district').attr('required',true);
                $('#prant_id').attr('required',true);
                $('#taluka_id').attr('required',true);
            }
            else if(user_type == 5)
            {
                $('#district').attr('required',true);
                $('#prant_id').attr('required',true);
            }
            
        });
</script> 

@include('admin.admin_common.footer')