{% extends "base.html" %}

{% block title %}Geekbrain.io - Contact{% endblock %}

{% block content %}
<h1>Contactez-moi</h1>

<div class="grid" style="grid-template-columns: 1fr 1fr; gap: 30px;">
    <div>
        <form id="contact-form" method="post">
            <div class="form-group">
                <label for="name">Nom *</label>
                <input type="text" id="name" name="name" required>
            </div>
            <div class="form-group">
                <label for="email">Email *</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div class="form-group">
                <label for="subject">Sujet *</label>
                <input type="text" id="subject" name="subject" required>
            </div>
            <div class="form-group">
                <label for="message">Message *</label>
                <textarea id="message" name="message" rows="6" required></textarea>
            </div>
            <div class="form-group">
                <div class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}"></div>
            </div>
            <button type="submit" class="btn">Envoyer</button>
        </form>
    </div>
    <div style="background: var(--bg-light); color: #333; padding: 20px; border-radius: 8px;">
        <h3>Coordonnées</h3>
        <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
        <p>Disponible pour missions freelance.</p>
    </div>
</div>
{% endblock %}