@include('admin.admin_common.header')

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"/>
            <!-- 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>


            <div class="row gap-y-6 mt-5">
                <div class="intro-y col-12 col-lg-12">

                        <!-- BEGIN: Responsive Table -->
                        <div class="intro-y box mt-5" style="border:solid 1px;">
                            <div class="d-flex flex-column flex-sm-row align-items-center p-5 border-bottom border-gray-200 dark-border-dark-5">
                                <h2 class="fw-medium fs-base me-auto">
                                जिल्हा यादी 
                                </h2>
                                <div class="form-check form-switch w-full w-sm-auto ms-sm-auto mt-3 mt-sm-0 ps-0">
                                    <a href="{{ url('/add-district') }}">                
                                     <button class="btn btn-primary w-32 me-2 mb-2" style="width:100%!important;"> 
                                         <i class="fa fa-plus"></i> &nbsp; नवीन जोडा   
                                    </button>
                                    </a>
                                
                                </div>
                            </div>
                            <div id="responsive-table" class="p-5">
                                <div class="preview">
                                    <div class="overflow-x-auto">
                                        <table class="table table-bordered table-hover" id="example">
                                            <thead>
                                                <tr>
                                                    <th class="text-nowrap">अ.क्र</th>
                                                    <th class="text-nowrap">विभाग </th>
                                                    <th class="text-nowrap">जिल्ह्याचे नाव </th>
                                                    <th class="text-nowrap">जिल्हा आरंभिक</th>
                                                    <th class="text-nowrap">कृती</th>
                                                                       
                                                </tr>
                                            </thead>
                                          
                                            <tbody>
                                                @if(!empty($result))
                                                @foreach($result as $key=> $row)
                                                  <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>{{ $row->division_name }}</td>
                                                        <td>{{ $row->district_name }}</td>
                                                        <td>{{ $row->district_initial }}</td>
                                                        <td>
                                           
                                                          <a href="{{ route('edit-district', $row->district_id) }}">
                                                              <button class="btn btn-warning w-32 me-2 mb-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2 w-4 h-4 me-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg> सुधारणे </button>
                                                              </a>
                                                          <a href="{{ route('delete-district', $row->district_id) }}">
                                                              <button onclick="return confirm('तुमची खात्री आहे की तुम्ही हा आयटम हटवू इच्छिता?');" type="button" class="btn btn-danger w-32 me-2 mb-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash w-4 h-4 me-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg> हटवा </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                          @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: Responsive Table -->


                </div>
            </div>
            
           <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 -->
        </div>
@include('admin.admin_common.footer')

<script rel="script" type="text/javascript" href="https://code.jquery.com/jquery-3.5.1.js"></script>
 <script type="text/javascript" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function () {
    $('#example').DataTable(
        {
            dom:'Bfrtip',
            buttons:[
                'copy','excel','pdf'
            ]
        }
    );
});
</script>

<script type="text/javascript">
    function confirmation() {
        var result = confirm("तुम्हाला नक्की हटवायचे आहे का?");
        if (result) {
            // Delete logic goes here
        }
    }
</script>