@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/index_page.css')}}">
@endsection



@section('content')
    <div class="content-body">
        <div class="mb-1 d-flex justify-content-between m-0">
            <x-admin.buttons addbutton="{{ route('admin.admins.create') }}"
                addpermission="admin.admins.create"
                deletebutton="{{ route('admin.admins.deleteAll') }}"
                deletepermission="admin.admins.deleteAll" extrabuttons="true">
                <x-slot name="extrabuttonsdiv">
                    @haspermission('admin.admins.notify')
                    <a type="button" data-toggle="modal" data-target="#notify"
                        class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light notify" data-id="all"><i
                            class="feather icon-bell"></i> {{ __('admin.send_notification') }}</a>
                    @endhaspermission
                    @haspermission('admin.master-export')
                    <a class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light"
                        href="{{url(route('admin.master-export', 'Admin'))}}"><i class="fa fa-file-excel-o"></i>
                        {{ __('admin.export') }}</a>
                    @endhaspermission
                </x-slot>
            </x-admin.buttons>

            <x-admin.filter datefilter="true" order="true" :searchArray="[
            'name' => [
                'input_type' => 'text',
                'input_name' => __('admin.name'),
            ],
            'phone' => [
                'input_type' => 'text',
                'input_name' => __('admin.phone'),
            ],
            'email' => [
                'input_type' => 'text',
                'input_name' => __('admin.email'),
            ],

        ]" />
        </div>
        <div class="table_content_append">

        </div>
    </div>

    <x-admin.NotifyAll route="{{ route('admin.admins.notify') }}" />
    <x-admin.send-email-modal route="{{ route('admin.admins.notify') }}" />
@endsection

@section('js')

    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>
    @include('admin.shared.deleteAll')
    @include('admin.shared.deleteOne')
    @include('admin.shared.filter_js', ['index_route' => url('admin/admins')])
    @include('admin.shared.notify')
    @include('admin.shared.email')
    <script>
        $(document).ready(function () {
            $(document).on('click', '.block_user', function (e) {
                e.preventDefault();
                $.ajax({
                    url: '{{url("admin/admins/block")}}',
                    method: 'post',
                    data: { id: $(this).data('id') },
                    dataType: 'json',
                    beforeSend: function () {
                        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disable', true)
                    },
                    success: function (response) {
                        if (response.key === 'unauthorized') {
                            Swal.fire({
                                position: 'top-start',
                                type: 'warning',
                                title: response.msg || '{{ __('auth.not_authorized') }}',
                                showConfirmButton: false,
                                timer: 2000,
                                confirmButtonClass: 'btn btn-primary',
                                buttonsStyling: false,
                            });
                            return;
                        }

                        Swal.fire({
                            position: 'top-start',
                            type: 'success',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500,
                            confirmButtonClass: 'btn btn-primary',
                            buttonsStyling: false,
                        })
                        setTimeout(function () {
                            window.location.reload()
                        }, 1000);
                    },
                    error: function (xhr) {
                        if (xhr.status === 403) {
                            const json = xhr.responseJSON || {};
                            Swal.fire({
                                position: 'top-start',
                                type: 'warning',
                                title: json.msg || '{{ __('auth.not_authorized') }}',
                                showConfirmButton: false,
                                timer: 2000,
                                confirmButtonClass: 'btn btn-primary',
                                buttonsStyling: false,
                            });
                        }
                    },
                });

            });
        });
    </script>
@endsection