{{-- @push('styles') --}}
{{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> --}}
{{-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> --}}
{{-- @endpush --}}

<div class="modal fade myModal" id="myModal" role="dialog">
    <div class="modal-dialog" style="top: 20px;">
        <!-- Modal content-->
        <div class="modal-content" style="position: relative">
            <a href="https://khalti.com/" target="_blank">
                <img src="{{ asset('img/bitdefender_antivirus.jpg') }}" alt="" class="popup"
                    style="width:100%;">
            </a>
            <div class="pull-right" data-dismiss="modal" style="position: absolute; top: -12px; right: -8px">
                <img src="{{ asset('img/icons/cross-button.png') }}" style="width:2em;" />
            </div>
        </div>
    </div>
</div>

<div id="Message" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content" style="padding: 15px">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <div class="modal-body" >
                <h4>Dear Esteemed Customers: </h4>
                <p>We would like to express our sincere apologies for the services interruption due to the power outage
                    in our datacenter midnight last night, which was caused by unexpected rare hardware failure with ATS
                    switch. The outage was for maximum of 3 minutes.</p>
                <p>We are in the process of replacing the ATS and we will have one more manual system to ensure similar
                    problem does not happen again.</p>
                <p>We appreciate your patience while we resolved this issue and apologize for any inconvenience you
                    experienced.</p>
                <p>For further support please do reach out to us.</p>
                <p>Best regards,</p>

                <p>AWT Support </p>
                <p>Support:+9779801000575,01551065,</p>
                <p>Toll Free No:166001-51065</p>


                <p>support@accessworld.net</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

@push('scripts')
    <script>
        $(document).ready(function() {
            // $("#myBtn").ready(function(){
            //     $("#myModal").modal({show: true});
            // });

            $("#Message").modal({
                show: true
            });
        });
    </script>
@endpush