{{-- Alert modal --}}
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
        <h3 class="modal-title mx-auto" id="alertModalTitle">
            <span><i class="far fa-check-circle" style="font-size: 2rem;"></i></span>
            
        </h3>
        <button type="button" class="close pt-4" data-dismiss="modal" aria-label="Close" style="position: absolute; top: -10px; right: 15px; margin: 0; padding: 0;">
            <img src="{{ asset('img/icon_exit_blue.png') }}" width="15px" height="15px">
        </button>
        </div>
        <div class="modal-body text-center">
            <div class="component">
                <label id="alertModalMsg" for="alertMsg" class="component-label" style="font-size: 1rem;"></label>
                <span class="invalid-feedback" role="alert" style="display: none;"></span>
            </div>
        </div>
        <div class="modal-footer d-flex justify-content-center px-0">
            <button type="button" class="btn btn-primary m-2" data-dismiss="modal">{{ __('modal.close') }}</button>
        </div>
        </div>
    </div>
</div>