@extends('admin.layouts.master')
@section('title', 'Email — ' . $section)

@section('content')
<div class="page-title-head">
    <h4 class="page-main-title">Email</h4>
    <div class="hidden items-center gap-1.25 text-sm md:flex">
        <a href="{{ route('dashboard') }}" class="text-sm">Dashboard</a>
        <i class="iconify tabler--chevron-right text-sm"></i>
        <span class="text-default-400">Email / {{ $section }}</span>
    </div>
</div>

<div class="container-fluid">
    <div class="card" style="text-align:center; padding:4rem 2rem;">
        <div style="display:flex; flex-direction:column; align-items:center; gap:1.25rem;">

            <div style="width:80px; height:80px; background:#eff6ff; border-radius:50%; display:flex; align-items:center; justify-content:center;">
                <i class="iconify tabler--mail" style="font-size:2.2rem; color:#3b82f6;"></i>
            </div>

            <div>
                <h3 style="font-size:1.35rem; font-weight:700; color:#1e293b; margin-bottom:.4rem;">
                    Email — {{ $section }}
                </h3>
                <p style="font-size:.95rem; color:#64748b; max-width:380px; margin:0 auto;">
                    The email module is currently under development.<br>
                    It will be available soon.
                </p>
            </div>

            <div style="display:inline-flex; align-items:center; gap:.5rem; background:#fef9c3; border:1px solid #fde68a; color:#92400e; border-radius:999px; padding:.4rem 1rem; font-size:.82rem; font-weight:600;">
                <i class="iconify tabler--clock" style="font-size:1rem;"></i>
                Coming Soon
            </div>

        </div>
    </div>
</div>
@endsection