@extends('layouts.dashboard')
@section('content')
<style>
.wr-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;font-family:'Outfit',sans-serif;color:#e6edf3;}
.wr-icon{font-size:3rem;color:#58a6ff;margin-bottom:16px;}
.wr-title{font-size:1.2rem;font-weight:700;margin-bottom:8px;}
.wr-sub{color:#8b949e;font-size:.85rem;margin-bottom:20px;}
.wr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(88,166,255,.15);border:1px solid #58a6ff;border-radius:8px;color:#58a6ff;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;}
.wr-btn:hover{background:#58a6ff;color:#000;}
</style>
<div class="wr-center">
    <div class="wr-icon"><i class="fas fa-envelope-open-text"></i></div>
    <div class="wr-title">Opening Webmail</div>
    <div class="wr-sub">Redirecting to your webmail client…</div>
    <a href="{{ $webmailUrl }}" target="_blank" class="wr-btn">
        <i class="fas fa-external-link-alt"></i> Open Webmail
    </a>
</div>
<script>
    setTimeout(() => { window.open('{{ $webmailUrl }}', '_blank'); }, 600);
</script>
@endsection
