{% extends "main.html" %}

{% block title %}Covoiturage{% endblock %}

{% block content %}
<div class="default-container">
    <h1>Covoiturage</h1>

    <ul class="nav nav-pills mb-3">
        <li class="nav-item">
            <a class="nav-link" href="{% url 'covoiturage:liste' %}">Liste des annonces</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{% url 'covoiturage:poster_annonce' %}">Poster une annonce</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{% url 'covoiturage:mes_annonces' %}">Mes annonces</a>
        </li>
    </ul>

    <fieldset>
        <legend>Chauffeur</legend>
        <p><strong>Nom :</strong> {{ annonce.user.get_link }}</p>
        <p><strong>Numéro :</strong> {{ annonce.user.get_formated_mobile|default:"Non précisé" }}</p>
        <p><strong>Email :</strong> <a
                href="mailto:{{ annonce.user.get_mail_ecole }}">{{ annonce.user.get_mail_ecole }}</a></p>
    </fieldset>
    <fieldset>
        <legend>Information</legend>
        <p>
            <strong>Départ :</strong><br />
            {{ annonce.adresse_depart|linebreaksbr }}
        </p>
        <p>
            <strong>Destination :</strong><br />
            {{ annonce.adresse_destination|linebreaksbr }}
        </p>
        <p><strong>Places :</strong> {{ annonce.places }}</p>
        <p>
            <strong>Participation :</strong>
            {% if annonce.participation %}
            {{ annonce.participation }} €
            {% else %}
            Non renseigné
            {% endif %}
        </p>
        <p><strong>Date de départ :</strong> {{ annonce.date_depart }}</p>
        {% if annonce.commentaire %}
        <p>
            <strong>Commentaire :</strong><br />
            {{ annonce.commentaire|linebreaksbr }}
        </p>
        {% endif %}
    </fieldset>
</div>
{% endblock %}