@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">Your Registration was successful !</h2>
        <p class="">Thank you for your interst in working with us</p>
        <p class="">We will review your details and get back to you very soon</p>
        <p class="mb-4">Thank You for your patience</p>
        <button type="button" class="primary-btn" style="margin: 0 auto" id="modalOkBtn" data-bs-dismiss="modal">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>