@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')
    @php
        $activeApprovalTab = $activeApprovalTab ?? 'accepted';
        $approvalCounts = $approvalCounts ?? ['accepted' => 0, 'pending' => 0];
    @endphp

    <div class="content-body">

        <x-admin.status-tabs
            :tabs="[
                'accepted' => [
                    'label' => __('admin.accepted_providers_tab'),
                    'color' => 'success',
                    'count' => $approvalCounts['accepted'] ?? 0,
                    'icon' => 'feather icon-check-circle',
                ],
                'pending' => [
                    'label' => __('admin.pending_providers_tab'),
                    'color' => 'warning',
                    'count' => $approvalCounts['pending'] ?? 0,
                    'icon' => 'feather icon-clock',
                ],
            ]"
            :active="$activeApprovalTab"
            :base-url="url('admin/providers')"
        />

        <div class="mb-1 d-flex justify-content-between m-0">

            <x-admin.buttons extrabuttons="true" addbutton="{{ route('admin.providers.create') }}"
                addpermission="admin.providers.create"
                deletebutton="{{ route('admin.providers.deleteAll') }}"
                deletepermission="admin.providers.deleteAll"
            >
                <x-slot name="extrabuttonsdiv">
                    @haspermission('admin.providers.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', 'Provider')) }}"><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'),
                ],
                '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 --}}
    {{-- notify users model --}}
    <x-admin.NotifyAll route="{{ route('admin.providers.notify') }}" />
    <x-admin.send-email-modal route="{{ route('admin.providers.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/providers'), 'defer_initial_load' => true])
    @include('admin.shared.status_tabs_js', [
        'indexRoute' => url('admin/providers'),
        'activeTab' => $activeApprovalTab,
    ])
    @include('admin.shared.notify')
    @include('admin.shared.email')
    <script>
        $(document).ready(function() {
            $(document).on('click', '.accept-provider', function(e) {
                e.preventDefault();
                const providerId = $(this).data('id');
                const button = $(this);
                const originalHtml = button.html();

                $.ajax({
                    url: '{{ route('admin.providers.accept') }}',
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        id: providerId
                    },
                    dataType: 'json',
                    beforeSend: function() {
                        button.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true);
                    },
                    success: function(response) {
                        Swal.fire({
                            position: 'top-start',
                            icon: 'success',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500,
                        });
                        setTimeout(function() {
                            getData({ searchArray: searchArray() });
                        }, 1000);
                    },
                    error: function(xhr) {
                        Swal.fire({
                            position: 'top-start',
                            icon: 'error',
                            title: (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : '{{ __("admin.error_occurred") }}',
                            showConfirmButton: false,
                            timer: 2500,
                        });
                    },
                    complete: function() {
                        button.html(originalHtml).prop('disabled', false);
                    }
                });
            });

            $(document).on('click', '.reject-provider', function(e) {
                e.preventDefault();
                const providerId = $(this).data('id');
                const button = $(this);

                Swal.fire({
                    title: "{{ __('admin.reject_request') }}",
                    text: "{{ __('admin.are_you_sure_reject') }}",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#dc3545',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: '{{ __('admin.reject') }}',
                    confirmButtonClass: 'btn btn-danger',
                    cancelButtonText: '{{ __('admin.cancel') }}',
                    cancelButtonClass: 'btn btn-secondary ml-1',
                    buttonsStyling: false,
                    input: 'textarea',
                    inputPlaceholder: '{{ __("admin.rejection_reason") }}',
                    inputValidator: (value) => {
                        if (!value) {
                            return '{{ __("admin.rejection_reason_required") }}';
                        }
                    }
                }).then((result) => {
                    if (result.value) {
                        $.ajax({
                            url: '{{ route('admin.providers.reject') }}',
                            method: 'POST',
                            data: {
                                _token: '{{ csrf_token() }}',
                                id: providerId,
                                reason: result.value
                            },
                            dataType: 'json',
                            beforeSend: function() {
                                button.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true);
                            },
                            success: function(response) {
                                Swal.fire({
                                    position: 'top-start',
                                    icon: 'success',
                                    title: response.message,
                                    showConfirmButton: false,
                                    timer: 1500,
                                });
                                setTimeout(function() {
                                    getData({ searchArray: searchArray() });
                                }, 1000);
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    position: 'top-start',
                                    icon: 'error',
                                    title: (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : '{{ __("admin.error_occurred") }}',
                                    showConfirmButton: false,
                                    timer: 2500,
                                });
                            },
                            complete: function() {
                                button.html('<i class="la la-close"></i> {{ __('admin.reject') }}').prop('disabled', false);
                            }
                        });
                    }
                });
            });

            $(document).on('click', '.block_user', function(e) {
                e.preventDefault();
                $.ajax({
                    url: '{{ route('admin.providers.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({ searchArray: searchArray() });
                        }, 1000);
                    },
                });

            });

        });
    </script>
@endsection