@extends('frontend.layouts.master')
@section('content')
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.6.0/js/bootstrap.min.js"></script>
<!-- resources/views/thankyou.blade.php -->
<div class="modal-header">
    <h5 class="modal-title">Thank You</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <p>Your appointment has been submitted successfully.</p>
</div>
<div class="modal-footer">
     
    <a href="{{ route('index') }}" class="btn btn-primary">Go to Home</a>
</div>
<!-- Your main view -->
<!-- ... (Your form and other content) -->

<!-- JavaScript to show the modal when needed and handle the close event -->
<script>
    @if(session('modal'))
        $(document).ready(function() {
            $('#thankYouModal').modal('show');
        });

        // Handle modal close event and redirect
        $('#thankYouModal').on('hidden.bs.modal', function () {
            window.location.href = "{{ route('index') }}"; // Redirect to the home page
        });
    @endif
</script>



@endsection