@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 extrabuttons="true" addbutton="{{ route('admin.users.create') }}"
                deletebutton="{{ route('admin.users.deleteAll') }}">
                <x-slot name="extrabuttonsdiv">
                    <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>
                    <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>
                    <a class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light"
                        href="{{ url(route('admin.master-export', 'User')) }}"><i class="fa fa-file-excel-o"></i>
                        {{ __('admin.export') }}</a>
                </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' => __('admin.banned'),
                            'id' => 1,
                        ],
                        '2' => [
                            'name' => __('admin.not_banned'),
                            'id' => 0,
                        ],
                    ],
                    'input_name' => __('admin.ban_status'),
                ],
                'is_active' => [
                    'input_type' => 'select',
                    'rows' => [
                        '1' => [
                            'name' => __('admin.active'),
                            'id' => 1,
                        ],
                        '2' => [
                            'name' => __('admin.not_active'),
                            'id' => 0,
                        ],
                    ],
                    'input_name' => __('admin.phone_activation_status'),
                ],
            ]" />

        </div>

        <div class="table_content_append">

        </div>
    </div>
    {{-- notify users model --}}
    <x-admin.NotifyAll route="{{ route('admin.users.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.users.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) {
                        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