@extends('admin.layouts.master')
<style>
     .form-label {
        font-family: "Noto Nastaliq Urdu", serif !important;
        font-size: 1.2rem !important;
        width: 100%;
        text-align: right;
    }
    /* <style> */
    .swal2-confirm{
    margin-left: 7px;
}
</style>

</style>
@section('content')
    {{-- @include('admin.layouts.css') --}}
    @include('admin.user.modal')
    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-end my-4 page-header-breadcrumb">
        {{-- <h1 class="page-title fw-semibold fs-18 mb-0 urdu-fonts">@lang('lang.supplier_account')</h1> --}}
        <div class="ms-md-1 ms-0">
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item "><a href="javascript:void(0);">users</a></li>
                    <li class="breadcrumb-item active " aria-current="page">user</li>
                </ol>
            </nav>
        </div>
    </div>


    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header d-flex justify-content-between">
                    <div class="card-title">
                        <h3 class="urdu-fonts">
                            صارف
                        </h3>

                    </div>
                    <div class="add_role">
                        <button id="addrole" data-bs-effect="effect-super-scaled" data-bs-toggle="modal"
                            href="#modaldemo8" class="modal-effect btn btn-primary">Add User +</button>
                    </div>
                </div>

                <div class="card-body">
                    <div class="table-responsive">
                        <table dir="rtl" id="myTable" class="display table text-nowrap">
                            <thead class="table-primary">
                                <tr>
                                    <th class="urdu-fonts">نام</th>
                                    <th class="urdu-fonts">ایکشن</th>
                                    <th class="urdu-fonts">رول</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($users as $user)
                                    <tr>
                                        <td>{{ $user->name }}</td>
                                        <td>
                                            <div class="hstack gap-2 fs-15">
                                                <a data-id="{{ $user->hashid() }}" href="javascript:void(0);"
                                                    class="editbtn btn btn-icon btn-sm btn-info-transparent rounded-pill"><i
                                                        class="ri-edit-line"></i></a>
                                                <a href="javascript:void(0);"
                                                {{-- {{route('admin.supplier.delete',['id'=>$supplier->hashid()])}} --}}
                                                    data-url="{{ route('admin.user.delete', ['id' => $user->hashid()]) }}"
                                                    class="delete-btn btn btn-icon btn-sm btn-danger-transparent rounded-pill"><i
                                                        class="ri-delete-bin-line"></i></a>
                                            </div>
                                        </td>
                                        <td><a  href="{{route('admin.user.assign_roles',['id'=>$user->hashid()])}}"   class=" btn btn-primary" >Assign Role <i
                                                    class="fa fa-edit"></i></a></td>
                                        {{-- @if ($user->permissions)
                                            <td>
                                                @foreach ($user->permissions as $role_permission)
                                                <form class="d-inline" action="{{route('admin.role.delete_permission')}}" method="POST">
                                                    @csrf
                                                    <input type="hidden" value="{{$user->id}}" name="role_id">
                                                    <input type="hidden" value="{{$user_permission->id}}" name="permission_id">
                                                    <a href="#dismissal" class="btn btn-danger ">{{ $user_permission->name }}
                                                     <i class="delete-btn-post fa-solid fa-xmark"></i></a>
                                                    </form>
                                                @endforeach
                                            </td>
                                        @endif --}}
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="links mt-3 float-end">
                        {{ @$users->links() }} <h4 class="d-inline urdu-fonts ps-3">:@lang('pagination.Pageno')</h4>
                    </div>
                </div>
                <div class="card-footer d-none border-top-0">
                </div>


            </div>

        </div>

    </div>
    @push('page-script')
    <script type="f078a1a90555481bef723e41-text/javascript">
        $(document).ready(function(){
            $(document).on('click', '.editbtn', function() {
                    var id = $(this).attr('data-id');

                    $.ajax({
                        url: "{{ route('admin.user.index') }}",
                        dataType: 'json',
                        data: {
                            id: id
                        },
                        success: function(response) {
                            $('#modaldemo8').modal('show').addClass('effect-super-scaled');
                            $('#name').val(response.name)
                            $('#update_id').val(response.id)
                            $('#username').val(response.username)
                            $('#img_preview').attr('src','{{asset("admin_assets/sabzi_mandi/profile")}}'+'/'+response.profile_img)
                            // $('#password').removeAttr('required','required')
                        },
                        error: function(xhr, textStatus, errorThrown) {

                            console.log('AJAX Error:', errorThrown);
                            console.log('Response Body:', xhr.responseText);

                        }

                    })
                })
        })
    </script>
        {{-- <script type="f078a1a90555481bef723e41-text/javascript">
            $(document).ready(function() {
                $('.simpleSubmit').on('click', function() {
                    var formData = $('.ajax-simple').serialize();
                    $('.card-footer button[type="button"]').attr('disabled', true);
                    $('.spinner').css('display', 'inline-block');
                    var url = $('.ajax-simple').attr('action');

                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: formData,
                        success: function(response) {
                            console.log(response.stat)
                            if (response.status == "success") {
                                Swal.fire(
                                    'Suceessfully Inserted',
                                    "success",
                                    "success"
                                )
                            }
                            $('button[type="button"]').attr('disabled', false);
                            $('.spinner').css('display', 'none');
                        },
                        error: function(response) {
                            console.log(response)
                            if (response.status === 422) {
                                var errors = response.responseJSON.errors;
                                var errorMessages = '';
                                $.each(errors, function(key, value) {
                                    errorMessages += value[0] +
                                        '\n'; // Assumes the error messages are arrays
                                });
                                Swal.fire(
                                    errorMessages,
                                    "Error",
                                    "error"
                                )
                            } else if (response.status === 500) {
                                Swal.fire("Internal Servor Error", "Error", "error");
                            } else {
                                Swal.fire(
                                    "error",
                                    "an error occured",
                                    "error"
                                )
                            }
                            $('button[type="button"]').attr('disabled', false);
                            $('.spinner').css('display', 'none');

                        }
                    });
                })
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            })
        </script> --}}
    @endpush
@endsection
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f078a1a90555481bef723e41-|49" defer></script>