{% extends 'base.html.twig' %}
{% block title %}Contact — {{ parent() }}{% endblock %}
{% block body %}
<section class="contact-page">
    <p class="section-label">Travaillons ensemble</p>
    <h1 class="section-title">Contact</h1>
    {% if sent %}
        <div class="flash flash-success">Votre message a bien été envoyé !</div>
    {% endif %}
    <div class="contact-grid">
        <div class="contact-info">
            <p>Pour toute demande de collaboration, commande ou échange autour de la photographie.</p>
            <a href="mailto:{{ settings.contact_email ?? 'contact@exemple.fr' }}">{{ settings.contact_email ?? 'contact@exemple.fr' }}</a>
            <a href="{{ settings.instagram_url ?? '#' }}" target="_blank">Instagram</a>
            <a href="{{ settings.facebook_url ?? '#' }}" target="_blank">Facebook</a>
        </div>
        <form method="post" class="contact-form">
            <input type="text" name="name" placeholder="Votre nom" required>
            <input type="email" name="email" placeholder="Votre email" required>
            <input type="text" name="subject" placeholder="Sujet">
            <textarea name="message" rows="6" placeholder="Votre message…" required></textarea>
            <input type="hidden" name="_token" value="{{ csrf_token('contact') }}">
            <button type="submit" class="send-btn">Envoyer le message</button>
        </form>
    </div>
</section>
{% endblock %}