@extends('layout.user')

@section('content')
@php
  $p = '#2563EB'; $bg='#F0F9FF'; $ink='#0F172A';
@endphp

<style>
  body{background:{{ $bg }};}
  .wrap{max-width:520px;margin:0 auto;padding:18px 12px 90px;font-family:'Hind Siliguri',sans-serif;}
  .card{background:#fff;border-radius:24px;border:1px solid rgba(37,99,235,.10);box-shadow:0 14px 34px rgba(0,0,0,.06);padding:20px;text-align:center;}
  .icon{width:70px;height:70px;border-radius:22px;background:#eff6ff;color:{{ $p }};display:grid;place-items:center;font-size:30px;margin:0 auto 10px;}
  .h{font-weight:1000;font-size:18px;color:{{ $ink }};margin-bottom:6px;}
  .p{font-size:13px;color:#475569;line-height:1.7;margin-bottom:14px;}
  .count{display:inline-block;background:#eff6ff;border:1px solid rgba(37,99,235,.16);padding:10px 14px;border-radius:14px;font-weight:1000;color:{{ $p }};}
</style>

<div class="wrap">
  <div class="card">
    <div class="icon">✅</div>
    <div class="h">আপনার রিকোয়েস্ট গ্রহণ করা হয়েছে</div>
    <div class="p">অনুগ্রহ করে <b>১৫–২০ মিনিট</b> অপেক্ষা করুন। এডমিন রিভিউ করার পর আপনার একাউন্ট এক্টিভ হবে।</div>
    <div class="count">ড্যাশবোর্ডে ফিরে যাচ্ছি: <span id="sec">4</span>s</div>
  </div>
</div>

<script>
  let s = 4;
  const el = document.getElementById('sec');
  const t = setInterval(() => {
    s--;
    el.innerText = s;
    if (s <= 0) {
      clearInterval(t);
      window.location.href = "{{ route('dashboard') }}";
    }
  }, 1000);
</script>
@endsection