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

{% block title %}{{ contact ? 'Modifier le contact' : 'Nouveau contact parent' }}{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 fw-bold page-title mb-0">
        <i class="fas fa-{{ contact ? 'edit' : 'user-plus' }} me-2"></i>
        {{ contact ? 'Modifier le contact' : 'Nouveau contact parent' }}
    </h1>
    <a href="{{ path('tenant_contacts_parents_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i>Retour
    </a>
</div>

<div class="card border-0 shadow-sm rounded-3" style="max-width:600px">
    <div class="card-body p-4">
        <form method="post">
            <input type="hidden" name="_token"
                   value="{{ csrf_token(contact ? 'contact_parent_edit_' ~ contact.id : 'contact_parent_new') }}">

            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Prénom du parent</label>
                    <input type="text" name="prenom_parent" class="form-control"
                           value="{{ contact.prenom_parent|default('') }}" maxlength="100">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nom du parent</label>
                    <input type="text" name="nom_parent" class="form-control"
                           value="{{ contact.nom_parent|default('') }}" maxlength="100">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Email <span class="text-danger">*</span></label>
                    <input type="email" name="email" class="form-control"
                           value="{{ contact.email|default('') }}" required maxlength="255">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Nom de l'élève</label>
                    <input type="text" name="eleve_nom" class="form-control"
                           value="{{ contact.eleve_nom|default('') }}" maxlength="100">
                </div>
                {% if contact %}
                <div class="col-12">
                    <label class="form-label fw-semibold">Statut</label>
                    <select name="actif" class="form-select">
                        <option value="1" {{ contact.actif ? 'selected' : '' }}>Actif (reçoit les emails)</option>
                        <option value="0" {{ not contact.actif ? 'selected' : '' }}>Désabonné</option>
                    </select>
                </div>
                {% endif %}
                <div class="col-12">
                    <label class="form-label fw-semibold">Notes</label>
                    <textarea name="notes" class="form-control" rows="3" maxlength="500">{{ contact.notes|default('') }}</textarea>
                    <small class="text-muted">Ex : parent 1, parent 2, tuteur légal…</small>
                </div>
            </div>

            <div class="d-flex gap-2 mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i>{{ contact ? 'Enregistrer' : 'Ajouter le contact' }}
                </button>
                <a href="{{ path('tenant_contacts_parents_index') }}" class="btn btn-outline-secondary">Annuler</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}