@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">
                {{-- <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> --}}
            </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>

    {{-- delete one script --}}
        @include('admin.shared.deleteOne')
    {{-- delete one script --}}

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

    <script>
        $(document).ready(function(){
            $(document).on('click','.approve-provider',function(e){
                e.preventDefault();
                var providerId = $(this).data('id');
                var button = $(this);
                
                $.ajax({
                    url: '{{route("admin.provider_requests.approve")}}',
                    method: 'post',
                    data: { id: providerId},
                    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);
                    }
                });
            });

            $(document).on('click','.refuse-provider',function(e){
                e.preventDefault();
                var providerId = $(this).data('id');
                $('#refuseModal').modal('show');
                $('#refuse_provider_id').val(providerId);
            });

            $(document).on('submit','#refuseForm',function(e){
                e.preventDefault();
                var form = $(this);
                var formData = form.serialize();
                
                $.ajax({
                    url: '{{route("admin.provider_requests.refuse")}}',
                    method: 'post',
                    data: formData,
                    dataType:'json',
                    beforeSend: function(){
                        form.find('button[type="submit"]').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 || '{{__("admin.request_rejected_successfully")}}',
                            showConfirmButton: false,
                            timer: 1500,
                            confirmButtonClass: 'btn btn-primary',
                            buttonsStyling: false,
                        });
                        $('#refuseModal').modal('hide');
                        form[0].reset();
                        setTimeout(function(){
                            getData();
                        }, 1000);
                    },
                    error: function(xhr){
                        var errors = xhr.responseJSON?.errors || {};
                        var errorMessage = '';
                        if (errors.refuse_reason) {
                            errorMessage = errors.refuse_reason[0];
                        } else {
                            errorMessage = xhr.responseJSON?.message || '{{__("admin.error_occurred")}}';
                        }
                        Swal.fire({
                            position: 'top-start',
                            type: 'error',
                            title: errorMessage,
                            showConfirmButton: false,
                            timer: 1500,
                        });
                        form.find('button[type="submit"]').html('{{__("admin.refuse")}}').attr('disabled',false);
                    }
                });
            });
        });
    </script>

    {{-- Refuse Modal --}}
    <div class="modal fade" id="refuseModal" tabindex="-1" role="dialog" aria-labelledby="refuseModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="refuseModalLabel">{{__('admin.refuse_provider_request')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="refuseForm">
                    <div class="modal-body">
                        <input type="hidden" name="id" id="refuse_provider_id">
                        <div class="form-group">
                            <label for="refuse_reason">{{__('admin.refuse_reason')}}</label>
                            <textarea name="refuse_reason" id="refuse_reason" class="form-control" rows="10" cols="50" required placeholder="{{__('admin.refuse_reason')}}"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('admin.close')}}</button>
                        <button type="submit" class="btn btn-danger">{{__('admin.refuse')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- Refuse Modal --}}

@endsection