@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="{{ route('user_management.create') }}">                                   
                                    <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="display table table-bordered" 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> 
                                                    <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>
                                                    <th class="text-nowrap">कृती</th>
                                                    <!--<th class="text-nowrap">Delete</th>-->
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($users as $key => $value)
                                                                                                
                                                <tr>
                                                    <td class="text-nowrap">{{ $key+1 }}</td>
                                                    <td class="text-nowrap">{{ $value->f_name }} {{ $value->l_name }}</td> 
                                                    <td class="text-nowrap">{{ $value->email }}</td>
                                                    <td class="text-nowrap">{{ $gender }}</td> 
                                                    <td class="text-nowrap">{{ $value->mobile_number }}</td>
                                                    <td class="text-nowrap">{{ $value->division_name }}</td>
                                                    <td class="text-nowrap">{{ $value->district_name }}</td>
                                                    <td class="text-nowrap">{{ $value->prant_name }}</td>
                                                    <td class="text-nowrap">{{ $value->taluka_name }}</td>
                                                    <td class="text-nowrap">{{ $user_type }}</td>
                                                    <td class="text-nowrap" style="display:flex;">
                                                        <a href="{{ route('user_management.edit', $value->id) }}"
                                                            class="btn btn-warning waves-effect 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> सुधारणे 
                                                        </a>
                                                        &nbsp;&nbsp;
                                                        <form action="{{ route('user_management.destroy', $value->id) }}" method="post">
                                                            @csrf
                                                            @method('DELETE')
                                                            <input name="_method" type="hidden" value="DELETE">
                                                            <button type="submit" class="btn btn-danger waves-effect w-32 me-2 mb-2" onclick="return confirm('तुमची खात्री आहे की तुम्ही हा आयटम हटवू इच्छिता?')">
                                                                <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>
                                                        </form>
                
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </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>