{% extends "view/base.html" %}
{% block title %}Contact — Nino LABAT{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='contact.css') }}">
{% endblock %}

{% block content %}
<section class="contact-section">
    <div class="container">
        <h1 class="section-title">Me <span>contacter</span></h1>
        <p class="section-subtitle">Une idée, un projet, une question ? Écrivez-moi.</p>

        <div class="contact-grid">
            <div class="contact-info">
                <p class="contact-intro">
                    Je suis ouvert aux collaborations, stages, et projets techniques
                    qui touchent à l'embarqué, la robotique ou l'infrastructure.
                    N'hésitez pas à me contacter.
                </p>
                <div class="contact-links">
                    <a class="contact-link" href="https://github.com/M1n-0" target="_blank" rel="noopener">
                        <span class="contact-link-label">GitHub</span>
                        <span class="contact-link-value">github.com/M1n-0</span>
                    </a>
                    <a class="contact-link" href="mailto:labatnino@gmail.com">
                        <span class="contact-link-label">Email</span>
                        <span class="contact-link-value">labatnino@gmail.com</span>
                    </a>
                </div>
            </div>

            <!-- <form class="contact-form" onsubmit="return false;">
                <div class="form-group">
                    <label for="name">Nom</label>
                    <input type="text" id="name" name="name" placeholder="Votre nom" autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" placeholder="votre@email.com" autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" name="message" rows="5" placeholder="Votre message..."></textarea>
                </div>
                <button type="submit" class="btn-primary">Envoyer</button>
            </form> -->
        </div>
    </div>
</section>
{% endblock %}