{% extends "main.html" %}
{% load bootstrap4 %}

{% block title %}Covoiturage - Poster une Annonce{% 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 active" href="#">Poster une annonce</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{% url 'covoiturage:mes_annonces' %}">Mes annonces</a>
        </li>
    </ul>

    <form method="post" action="">
        <fieldset>
            <legend>Poster une annonce</legend>
            {% bootstrap_form form %}
            <section class="barre_boutons">
                <input type="submit" name="envoyer" value="Envoyer" class="btn btn-primary" />
            </section>
        </fieldset>
    </form>
</div>
{% endblock %}