@extends('layouts.frontend')
@section('content')
<div class="modal fade" id="registrationSuccessModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content text-center p-4">
        <img src="{{ asset('frontend/images/Group 1597882544.png') }}" alt="Success" class="mb-3" style="max-width:80px; margin:0 auto; display:block;">

        <h2 class="modal_heading mb-3">{{ __('messages.registration_successful') }}</h2>
        <p class="">{{ __('messages.thank_you_interest') }}</p>
        <p class="">{{ __('messages.will_review_details') }}</p>
        <p class="mb-4">{{ __('messages.thank_you_patience') }}</p>
        <button type="button" class="primary-btn" style="margin: 0 auto" id="modalOkBtn" data-bs-dismiss="modal">{{ __('messages.okay') }}</button>
      </div>
    </div>
  </div>


<script>
    document.addEventListener('DOMContentLoaded', function() {
        var myModal = new bootstrap.Modal(document.getElementById('registrationSuccessModal'));
        myModal.show();
    });
</script>
<script>
    document.getElementById('modalOkBtn').addEventListener('click', function() {
        window.location.href = "{{ route('home') }}";
    });
</script>
@endsection