@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css"
        href="{{ asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.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 extrabuttons="true" addbutton="{{ route('admin.clients.create') }}"
                addpermission="admin.clients.create"
                deletebutton="{{ route('admin.clients.deleteAll') }}"
                deletepermission="admin.clients.deleteAll"
            >
                <x-slot name="extrabuttonsdiv">
                    @haspermission('admin.clients.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
                    {{-- <a type="button" data-toggle="modal" data-target="#mail"
                        class="btn bg-gradient-success mr-1 mb-1 waves-effect waves-light mail" data-id="all"><i
                            class="feather icon-mail"></i> {{ __('admin.send_email') }}</a> --}}
                    @haspermission('admin.master-export')
                    <a class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light"
                        href="{{ url(route('admin.master-export', 'Client')) }}"><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'),
                ],
                'is_blocked' => [
                    'input_type' => 'select',
                    'rows' => [
                        '1' => [
                            'name' => 'محظور',
                            'id' => 1,
                        ],
                        '2' => [
                            'name' => 'غير محظور',
                            'id' => 0,
                        ],
                    ],
                    'input_name' => __('admin.ban_status'),
                ],
            ]" />

        </div>

        <div class="table_content_append">

        </div>
    </div>

    {{-- delete all script --}}
        @include('admin.shared.deleteAll')
    {{-- delete all script --}}
    {{-- delete one user script --}}
    @include('admin.shared.deleteOne')
    {{-- delete one user script --}}
    {{-- delete one user script --}}
    @include('admin.shared.filter_js', ['index_route' => url('admin/clients')])
    {{-- delete one user script --}}
    {{-- notify users model --}}
    <x-admin.NotifyAll route="{{ route('admin.clients.notify') }}" />
    {{-- notify users model --}}
@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/clients')])
    @include('admin.shared.notify')
    <script>
        $(document).ready(function() {
            $(document).on('click', '.block_user', function(e) {
                e.preventDefault();
                $.ajax({
                    url: '{{ route('admin.clients.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() {
                            getData()
                        }, 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,
                            });
                        }
                    },
                });

            });

            $(document).on('click', '.toggle_landing', function(e) {
                e.preventDefault();
                var $btn = $(this);
                $.ajax({
                    url: '{{ route('admin.clients.toggleLanding') }}',
                    method: 'post',
                    data: {
                        id: $btn.data('id')
                    },
                    dataType: 'json',
                    beforeSend: function() {
                        $btn.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disable', true);
                    },
                    success: function(response) {
                        Swal.fire({
                            position: 'top-start',
                            type: 'success',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500,
                            confirmButtonClass: 'btn btn-primary',
                            buttonsStyling: false,
                        })
                        setTimeout(function() {
                            getData()
                        }, 1000);
                    },
                });
            });
        });
    </script>
@endsection