@php
  use Illuminate\Support\Facades\Crypt;
  if (isset($_GET['data'])) {
      $encryptedData = $_GET['data'];
      if ($encryptedData) {
          $data = Crypt::decrypt($encryptedData);
      }
  }
@endphp
@if (session('verifiedMessage') ||
        session('expiredToken') ||
        isset($_GET['verifiedMessage']) ||
        isset($_GET['expiredToken']))
  <script>
    // window.onload = function() {
    //   $('#commonNoticeModal').modal('show');
    // };

    window.showCommonNoticeModal = function() {
      @if (session('verifiedMessage') ||
              session('expiredToken') ||
              isset($_GET['verifiedMessage']) ||
              isset($_GET['expiredToken']))
        $('#commonNoticeModal').modal('show');
      @endif
    }
  </script>
@endif

<!-- Modal -->
<div class="modal fade" id="commonNoticeModal" tabindex="-1" aria-hidden="true" role="dialog" data-keyboard="false"
  data-bs-backdrop="static">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="card border-0 shadow-none text-center">
          <div class="card-body">
            <h2 class="fp-item fp-item-header text-center">Thông báo</h2>

            <div class="fp-item fp-item-icon d-flex justify-content-center my-5">
              <div class="icon-wrapCommonNotice d-flex justify-content-center align-items-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"
                  fill="none">
                  <path
                    d="M53.334 70V63.3333C53.334 59.7971 51.9292 56.4057 49.4287 53.9052C46.9283 51.4048 43.5369 50 40.0007 50H16.6673C13.1311 50 9.73971 51.4048 7.23923 53.9052C4.73874 56.4057 3.33398 59.7971 3.33398 63.3333V70"
                    stroke="#CC3A3D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                  <path
                    d="M28.3333 36.6667C35.6971 36.6667 41.6667 30.6971 41.6667 23.3333C41.6667 15.9695 35.6971 10 28.3333 10C20.9695 10 15 15.9695 15 23.3333C15 30.6971 20.9695 36.6667 28.3333 36.6667Z"
                    stroke="#CC3A3D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M56.666 36.6667L63.3327 43.3333L76.666 30" stroke="#CC3A3D" stroke-width="5"
                    stroke-linecap="round" stroke-linejoin="round" />
                </svg>
              </div>
            </div>
            @if (session('verifiedMessage'))
              <p class="card-text confirmTextEmail">{{ session('verifiedMessage') }}</p>
              {{-- <a href="{{ route('landingpage') }}" class="btn btn-danger mt-4">Đồng ý</a> --}}
              <button type="button" class="btn btn-danger mt-4" data-bs-dismiss="modal">Đồng ý</button>
            @endif
            @if (isset($_GET['verifiedMessage']))
              <p class="card-text confirmTextEmail">{{ $data['message'] }}</p>
              {{-- <a href="{{ route('landingpage') }}" class="btn btn-danger mt-4">Đồng ý</a> --}}
              <button type="button" class="btn btn-danger mt-4" data-bs-dismiss="modal">Đồng ý</button>
            @endif
            @if (session('expiredToken'))
              <p class="card-text confirmTextEmail">{{ session('expiredToken')['message'] }}</p>
              <a href="{{ route('auth.shared.confirm.verifyLink', ['verify_token' => session('expiredToken')['verify_token'], 'role_id' => session('expiredToken')['role_id'], 're_verify_token' => 1]) }}"
                class="btn btn-danger mt-4">Đồng ý</a>
            @endif
            @if (isset($_GET['expiredToken']))
              <p class="card-text confirmTextEmail">{{ $data['message'] }}</p>
              <a href="{{ route('auth.shared.confirm.verifyLink', ['verify_token' => $data['verify_token'], 'role_id' => $data['role_id'], 're_verify_token' => 1]) }}"
                class="btn btn-danger mt-4">Đồng ý</a>
            @endif
          </div>

        </div>
      </div>

    </div>
  </div>
</div>
<!-- /.modal -->