@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="{{ url('update-prant') }}"  enctype="multipart/form-data">
                @csrf
            <input id="prant_id" type="hidden" name="prant_id" value="{{ $result->prant_id }}" class="form-control border-theme-9" placeholder="प्रांत नाव">
                <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-6 mt-3">
                                    <label for="input-state-1">विभाग निवडा<span class="error">*</span></label>
                                    <select data-placeholder="विभाग निवडा" name="division_id" id="division_id"  class="form-control border-theme-9">
                                        <option value=" ">विभाग निवडा</option>
                                         @foreach($division as $row)
                                                <option value="{{ $row->division_id }}" {{ $result->division_id == $row->division_id ? 'selected' : '' }} >{{ $row->division_name }}</option>
                                         @endforeach
                                                   
                                        </select>
                                        @if ($errors->has('division_id'))
                                            <div class="error text-danger">
                                                {{ $errors->first('division_id') }}
                                            </div>
                                        @endif
                                </div>  
                                
                  
                                <div class="col-12 col-lg-6 mt-3">
                                    <label for="input-state-1">जिल्हा निवडा<span class="error">*</span></label>
                                     <select data-placeholder="जिल्हा निवडा" name="district_id" id="district_id" class="form-control border-theme-9">
                                        <option value=" ">जिल्हा निवडा</option>
                                         @foreach($district_arr as $row)
                                                 <option value="{{ $row->district_id }}" {{ $result->district_id == $row->district_id ? 'selected':'' }} >{{ $row->district_name }}</option>
                                         @endforeach
                                                   
                                    </select>
                                        @if ($errors->has('district_id'))
                                            <div class="error text-danger">
                                                {{ $errors->first('district_id') }}
                                            </div>
                                        @endif
                                </div>  
                        
                        <div class="col-12 col-lg-6  mt-3">
                            <div id="input-state" >
                                <div class="preview">                                    
                                    <label for="input-state-1">प्रांत नाव </label>
                                    <input id="prant_initial" type="text" name="prant_name" value="{{ $result->prant_name }}" class="form-control border-theme-9" placeholder="प्रांत नाव">
                                    @if ($errors->has('prant_name'))
                                            <div class="error text-danger">
                                                {{ $errors->first('prant_name') }}
                                            </div>
                                    @endif                          
                                </div>
                            </div>                           
                        </div>
                        <div class="col-12 col-lg-6  mt-3">
                            <div id="input-state" >
                                <div class="preview">                                    
                                    <label for="input-state-1">प्रांत आरंभिक</label>
                                    <input id="prant_initial" type="text" name="prant_initial" value="{{ $result->prant_initial }}" class="form-control border-theme-9" placeholder="प्रांत आरंभिक">
                                    @if ($errors->has('prant_initial'))
                                            <div class="error text-danger">
                                                {{ $errors->first('prant_initial') }}
                                            </div>
                                    @endif                          
                                </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('prant_list') }}"><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>
            $('#division_id').on('change', function() {
                var idState = this.value;

                $("#district_id").html('');
                $.ajax({
                    type: "GET",
                    url: "{{ url('districts_list') }}",
                    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_id").append('<option value="' + value
                                .district_id + '">' + value.district_name+ '</option>');
                        });
                    }
                });
            });
</script> 

<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();
        
            $("#user_type").change(function() {
                var u_type = $('#user_type').val();
                if (u_type == 2) {
                    $('#dist').show();
                    $('#tal').hide();
                }else if (u_type == 3) {
                    $('#dist').show();
                    $('#tal').show();
                }else{
                    $('#dist').hide();
                    $('#tal').hide();
                }
            });
    });
</script>
@include('admin.admin_common.footer')