<main class="access-home py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-10">
                <div class="text-center mb-4">
                    <?php if(!empty($settings['logo_path'])): ?><img class="access-home-logo mb-3" src="<?= e(asset($settings['logo_path'])) ?>" alt="Logo"><?php endif; ?>
                    <h1 class="display-6 fw-bold text-cfc-dark mb-2"><?= e($settings['site_name']??'Autoescola') ?></h1>
                    <p class="text-muted fs-5 mb-0">Escolha sua área e acesse sua conta.</p>
                </div>
                <div class="row g-4 justify-content-center">
                    <div class="col-lg-7">
                        <div class="card border-0 shadow-soft rounded-4 access-login-card"><div class="card-body p-4 p-md-5">
                            <span class="badge text-bg-primary rounded-pill px-3 py-2 mb-3">Aluno</span>
                            <h2 class="h2 fw-bold mb-2">Acessar conta</h2>
                            <p class="text-muted mb-4">Entre diretamente no painel de aulas.</p>
                            <form method="post" action="<?= e(url('login/post')) ?>" class="row g-3">
                                <?= CSRF::input() ?>
                                <div class="col-12"><label class="form-label">E-mail</label><input type="email" name="email" class="form-control form-control-lg" autocomplete="email" required></div>
                                <div class="col-12"><label class="form-label">Senha</label><input type="password" name="password" class="form-control form-control-lg" autocomplete="current-password" required></div>
                                <div class="col-12"><button class="btn btn-primary btn-lg rounded-pill w-100 fw-bold">Entrar</button></div>
                            </form>
                        </div></div>
                    </div>
                    <div class="col-lg-5">
                        <div class="d-grid gap-4 h-100">
                            <a class="access-role-card" href="<?= e(url('professional/login')) ?>"><span class="access-role-icon"><i class="bi bi-person-badge"></i></span><div><strong>Instrutor</strong><small>Acessar aulas, alunos, contatos e mensagens.</small></div><i class="bi bi-chevron-right"></i></a>
                            <a class="access-role-card" href="<?= e(url('beginner/login')) ?>"><span class="access-role-icon"><i class="bi bi-mortarboard"></i></span><div><strong>Formação</strong><small>Acessar videoaulas, materiais e cobranças.</small></div><i class="bi bi-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
