{% extends 'parent/base.html.twig' %}

{% block title %}Activation accès parent | {{ ecole ? ecole.nom : 'SALSABIL Madrassas' }}{% endblock %}
{% block portal_label %}Activation du portail parent{% endblock %}
{% block portal_title %}Activez votre accès parent{% endblock %}
{% block portal_subtitle %}{{ ecole ? ecole.nom : 'SALSABIL Madrassas' }} · Code {{ parent.codeTuteur }}{% endblock %}

{% block content %}
<section class="portal-card mx-auto" style="max-width: 860px;">
    <div class="portal-section-title">
        <div>
            <h2>Vérifiez vos informations</h2>
            <p>Créez votre mot de passe pour accéder au tableau de bord parent de l’école.</p>
        </div>
    </div>

    <div class="portal-item mb-3">
        <div>
            <span class="portal-label">Code tuteur</span>
            <p class="portal-item-title">{{ parent.codeTuteur }}</p>
            <p class="portal-item-meta">Vous pourrez vous connecter avec ce code ou avec votre email.</p>
        </div>
    </div>

    {% for error in errors %}<div class="alert alert-danger">{{ error }}</div>{% endfor %}

    <form method="post" class="portal-form row g-3">
        <input type="hidden" name="_token" value="{{ csrf_token('activate_parent_' ~ parent.id) }}">
        <div class="col-md-6"><label>Nom</label><input class="form-control" name="nom" value="{{ parent.nom }}" required></div>
        <div class="col-md-6"><label>Prénom</label><input class="form-control" name="prenom" value="{{ parent.prenom }}"></div>
        <div class="col-md-6"><label>Téléphone principal</label><input class="form-control" name="telephone_principal" value="{{ parent.telephonePrincipal }}"></div>
        <div class="col-md-6"><label>WhatsApp</label><input class="form-control" name="telephone_whatsapp" value="{{ parent.telephoneWhatsapp }}"></div>
        <div class="col-12"><label>Email de connexion</label><input class="form-control" type="email" name="email" value="{{ parent.email }}" placeholder="facultatif mais recommandé"></div>
        <div class="col-md-6"><label>Mot de passe</label><input class="form-control" type="password" name="password" minlength="8" required></div>
        <div class="col-md-6"><label>Confirmer le mot de passe</label><input class="form-control" type="password" name="password_confirm" minlength="8" required></div>
        <div class="col-12 d-flex justify-content-end"><button class="portal-btn portal-btn-primary" type="submit"><span class="material-symbols-outlined">verified_user</span>Activer mon accès</button></div>
    </form>
</section>
{% endblock %}