<script>
    (function ($) {
        "use strict";
    function apporve_modal(apporve_url) {
        jQuery('#confirm-approve').modal('show', {backdrop: 'static'});
        document.getElementById('approve_link').setAttribute('href', apporve_url);
    }
    })(jQuery);

</script>
<div class="modal fade admin-query" id="confirm-approve">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">{{ __('common.Approve Confirmation') }}</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal">
                    <i class="ti-close "></i>
                </button>
            </div>
            <div class="modal-body">
                <h3 class="text-center">{{__('common.Are you sure to Approve ?')}}</h3>

                <div class="col-lg-12 text-center">
                    <div class="mt-40 d-flex justify-content-between">
                        <button type="button" class="primary-btn tr-bg"
                                data-bs-dismiss="modal">{{__('common.Cancel')}}</button>
                        <a id="approve_link"
                           class="primary-btn semi_large2 fix-gr-bg deleteButton">{{__('appointment.Approve')}}</a>
                        <a id="deletingButton" class="primary-btn semi_large2 fix-gr-bg d-none">
                            {{ __('common.Updating') }} ....
                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                            <span class="sr-only"></span>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
