@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.tablecss')
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"> المديرين </h4>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    @php
        $admin = Auth::guard('admin')->user();
    @endphp
    <!-- row -->
    <div id='gameId'>
        <div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                            <h4 class="card-title mg-b-0">جدول المديرين</h4>
                            @if(can_admin('admins_show'))
                            <a href="{{ route('admin.admins.create') }}" class="btn btn-primary">
                                <x-lucide-plus width="20" height="20" /> إضافة مدير جديد
                            </a>
                            @endif
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table text-md-nowrap" id="games">
                                    <thead>
                                        <tr>
                                            <th> ID</th>
                                            <th> الاسم </th>
                                            <th> الايميل </th>
                                            <th> الصلاحية </th>
                                            <th> الحاله </th>
                                            <th> تاريخ الإنشاء </th>
                                            <th> الإجراءات </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')
    @include('admin.helper.tablescripts')
    @include('vue')
    <script>
        $(function() {
            const tablehead = ['id', 'name', 'email', 'role', 'status', 'time', 'action'];

            const table = initDatatable(
                '#games',
                "{{ route('admin.admins.alladmins') }}",
                tablehead
            );
            // تغيير الحالة
            $('#games tbody').on('click', '.status', function() {
                var value = $(this).attr("value");
                Swal.fire({
                    title: 'هل أنت متأكد من تغيير الحالة؟',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'نعم!',
                    cancelButtonText: 'إلغاء'
                }).then((result) => {
                    if (result.isConfirmed) {
                        data = {
                            '_token': "{{ csrf_token() }}",
                            'id': value,
                        }
                        Swal.showLoading();
                        adawe(`{{ route('admin.admins.changestatus') }}`, data);
                        $('#games').DataTable().draw();
                    }
                })
            });

            // حذف المدير
            $('#games tbody').on('click', '.delete', function() {
                var adminId = $(this).attr("value");
                Swal.fire({
                    title: 'هل أنت متأكد من حذف هذا المدير؟',
                    text: "لن تستطيع التراجع عن هذا الإجراء!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'نعم، احذف!',
                    cancelButtonText: 'إلغاء'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });

                        $.ajax({
                            url: `{{ url('admin/admins/delete') }}/${adminId}`,
                            type: 'DELETE',
                            success: function(response) {
                                Swal.fire(
                                    'تم الحذف!',
                                    response.success,
                                    'success'
                                );
                                $('#games').DataTable().draw();
                            },
                            error: function(xhr) {
                                var response = JSON.parse(xhr.responseText);
                                Swal.fire(
                                    'خطأ!',
                                    response.error,
                                    'error'
                                );
                            }
                        });
                    }
                })
            });

        });
    </script>
@endsection