@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('insert-taluka') }}"  enctype="multipart/form-data">
                @csrf
                
                <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 }}" {{ old('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>
                                        </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">
                                    <label for="input-state-1">प्रांत  निवडा<span class="error">*</span></label>
                                    <select data-placeholder="प्रांत  निवडा" name="prant_id" id="prant_id" class="form-control border-theme-9">
                                        <option value=" ">प्रांत  निवडा</option>
                                      
                                        </select>
                                        @if ($errors->has('prant_id'))
                                            <div class="error text-danger">
                                                {{ $errors->first('prant_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">तालुका निवडा<span class="error">*</span></label>
                                        <input id="taluka_name" type="text" name="taluka_name" value="{{old('taluka_name')}}" class="form-control border-theme-9" placeholder="तालुका निवडा">
                                        @if ($errors->has('taluka_name'))
                                                <div class="error text-danger">
                                                    {{ $errors->first('taluka_name') }}
                                                </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('taluka') }}"><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>

            $('#district_id').on('change', function() {
                var idState = this.value;

                $("#prant_id").html('');
                $.ajax({
                    type: "GET",
                    url: "{{ url('prantss_list') }}",
                    data: {
                        "district_id": idState,
                        "_token": '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(res) {
                        // alert(res);
                        //   console.log(res);
                        $('#prant_id').html(
                            '<option value="">प्रांत निवडा</option>');
                        $.each(res.prantList, function(key, value) {
                            $("#prant_id").append('<option value="' + value
                                .prant_id + '">' + value.prant_name+ '</option>');
                        });
                    }
                });
            });
          
</script> 


<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);
                        $('#district_id').html(
                            '<option value="">जिल्हा  निवडा </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')