@extends('layouts.site', ['title' => 'Admin | MuxiYeto'])

@push('styles')
<style>
    .admin-shell { background:var(--soft); padding:54px 0 70px; }
    .admin-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
    .admin-head h1 { margin:0 0 6px; font-size:clamp(34px, 5vw, 56px); }
    .admin-head p { margin:0; color:var(--muted); font-size:18px; }
    .logout { border:1px solid var(--line); border-radius:6px; background:#fff; min-height:42px; padding:0 16px; cursor:pointer; font-weight:800; color:var(--ink); }
    .admin-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
    .admin-card { display:block; border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; min-height:170px; transition:box-shadow .15s ease, transform .15s ease; }
    .admin-card:hover { box-shadow:0 14px 32px rgba(15,23,42,.08); transform:translateY(-2px); }
    .admin-card h2 { margin:0 0 10px; font-size:23px; }
    .admin-card p { margin:0; color:var(--muted); }
    .admin-status { margin-top:22px; border-left:5px solid var(--teal); background:#fff; border-radius:8px; padding:22px 24px; }
    @media (max-width:900px) { .admin-grid { grid-template-columns:1fr; } .admin-head { align-items:flex-start; flex-direction:column; } }
</style>
@endpush

@section('content')
    <section class="admin-shell">
        <div class="container">
            <div class="admin-head">
                <div>
                    <h1>MuxiYeto Admin</h1>
                    <p>You are inside the new Laravel admin area. Click Site Content to edit the frontend content.</p>
                </div>
                <form method="post" action="{{ route('admin.logout') }}">
                    @csrf
                    <button class="logout" type="submit">Logout</button>
                </form>
            </div>

            <div class="admin-grid">
                <a class="admin-card" href="{{ route('admin.content.edit') }}">
                    <h2>Site Content</h2>
                    <p>Edit homepage text, main menu, footer links, SEO titles, video placeholder, and free-trial content.</p>
                </a>
                <article class="admin-card">
                    <h2>Free Trial Requests</h2>
                    <p>Future database table for name, email, phone, request status, and EA bot download delivery.</p>
                </article>
                <article class="admin-card">
                    <h2>EA Bot Downloads</h2>
                    <p>Future upload and protected download link management for PhenominalX AI EA files.</p>
                </article>
                <article class="admin-card">
                    <h2>Customers</h2>
                    <p>Future Lite and Diamond customers, MT5 accounts, licenses, transactions, and performance reports.</p>
                </article>
                <article class="admin-card">
                    <h2>Agents</h2>
                    <p>Future agent profiles, customer assignment, tasks, support notes, and license posting.</p>
                </article>
                <article class="admin-card">
                    <h2>Settings</h2>
                    <p>Future database, email server, Stripe, PhenominalX API, chat, tracking, and SEO configuration.</p>
                </article>
            </div>

            <div class="admin-status">
                <strong>Current setup:</strong> Content editing is file-based and ready now. Database-backed modules can be connected next.
            </div>
        </div>
    </section>
@endsection