@extends('layout.master2')

@section('content')
<div class="page-content d-flex align-items-center justify-content-center" style="height: 100vh;">
  <div class="modal-dialog modal-dialog-centered modal-md">
    <div class="modal-content shadow-sm border-0 rounded-3">
      <div class="modal-header bg-primary text-white rounded-top">
        <h5 class="modal-title fw-bold mb-0 py-2 px-3">Verifikasi Email Diperlukan</h5>
      </div>
      <div class="modal-body px-4 py-4">
        @if (session('status') == 'verification-link-sent')
          <div class="alert alert-success alert-dismissible fade show " role="alert">
            Link verifikasi baru telah dikirim ke email Anda.
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
          </div>
        @endif

        <p class="mb-4">
          Sebelum melanjutkan, silakan cek email Anda untuk link verifikasi.
          Jika belum menerima email, klik tombol di bawah untuk mengirim ulang.
        </p>

        <form method="POST" action="{{ route('verification.send') }}" class="mb-3">
          @csrf
          <button type="submit" class="btn btn-primary w-50 d-block mx-auto">
            Kirim Ulang Email Verifikasi
          </button>
        </form>

        {{-- <form method="POST" action="{{ route('logout') }}"> --}}
        <form id="logoutForm">
          <button type="submit" class="btn btn-outline-danger w-50 d-block mx-auto">
            Logout
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@push('custom-scripts')
<script>
  $(document).ready(function () {
    $.ajaxSetup({
      headers: {
        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
      }
    });

    $("#logoutForm").on("submit", function (e) {
      e.preventDefault();

      const token = localStorage.getItem("token") || sessionStorage.getItem("token");

      $.ajax({
        url: "/logout",
        method: "POST",
        headers: {
          "Authorization": token ? "Bearer " + token : undefined
        },
        success: function () {
          localStorage.removeItem("token");
          sessionStorage.removeItem("token");

          window.location.href = "/login";
        },
        error: function (xhr) {
          const response = xhr.responseJSON || {};
          alert(response.message || "Logout gagal.");
        }
      });
    });
  });
</script>

@endpush