@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"
        >
            <x-slot name="extrabuttonsdiv">
            </x-slot>
        </x-admin.buttons>

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

    <div class="table_content_append">
    </div>
</div>
    
@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>

    {{-- filter script --}}
        @include('admin.shared.filter_js' , [ 'index_route' => route('admin.provider_update_requests.index')])
    {{-- filter script --}}

    <script>
        $(document).ready(function(){
            $(document).on('click','.approve-update',function(e){
                e.preventDefault();
                var updateId = $(this).data('id');
                var button = $(this);
                
                $.ajax({
                    url: '{{route("admin.provider_update_requests.approve")}}',
                    method: 'post',
                    data: { id: updateId},
                    dataType:'json',
                    beforeSend: function(){
                        button.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disabled',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);
                    },
                    error: function(xhr){
                        Swal.fire({
                            position: 'top-start',
                            type: 'error',
                            title: xhr.responseJSON?.message || '{{__("admin.error_occurred")}}',
                            showConfirmButton: false,
                            timer: 1500,
                        });
                        button.html('<i class="feather icon-check"></i> {{__("admin.approve")}}').attr('disabled',false);
                    }
                });
            });

        });
    </script>

@endsection