{% extends 'base/base_BACK.html.twig' %}

{% block title %}Voyage {% endblock %}

{% block back_content %}
    <h1 style="text-align:center;vertical-align: middle;" >Liste Voyage </h1>
<div>
<form action={{path("voyageAff")}} method="post">
<input type="text" name="titre" placeholder="titre"/>
<input type="date" name="date"/>
<select name="dest">
<option value="">tous les pays</option>
{% for des in dests %}
<option value={{des.id}} >{{des.ville}}</option>
{% endfor %}
</select>
<input type="submit"/>
</form>
    <table border="1" class="table">
        <thead>
            <tr>
                <th>Image</th>
                <th>Titre</th>
                <th>Adresse</th>
                <th>Image</th>
                <th>Datedebut</th>
                <th>Datefin</th>
                <th>Nbmaxvoyag</th>
                <th>Prix</th>
                <th>Description</th>
                <th>destination</th>
                <th style="border-width:0px;"></th>
                <th style="border-width:0px;"></th>
                <th style="border-width:0px;"></th>
            </tr>
        </thead>
        <tbody>
        {% for voyage in voyages %}
            <tr><td><img width="65" heigth="60" src={{absolute_url("/image/" ~ voyage.image) }} alt=""/></td>
                <td>{{ voyage.titre }}</td>
                <td>{{ voyage.adresse }}</td>
                <td>{{ voyage.image }}</td>
                <td>{{ voyage.datedebut ? voyage.datedebut|date('Y-m-d') : '' }}</td>
                <td>{{ voyage.datefin ? voyage.datefin|date('Y-m-d') : '' }}</td>
                <td>{{ voyage.nbmaxvoyag }}</td>
                <td>{{ voyage.prix }}</td>
                <td>{{voyage.description}}</td>
                <td>{{ voyage.destination.ville ~ ","~ voyage.destination.pays }}</td>
                <td>
                    <a href="{{ path('voyageA', {'id': voyage.id}) }}">afficher</a></td>
                    <td><a href="{{ path('voyageMod', {'id': voyage.id}) }}">modifier</a></td>
                   <td> <a href="{{ path('voyageSupp', {'id': voyage.id}) }}">supprimer</a></td>
                
            </tr>
        {% else %}
            <tr>
                <td colspan="10">aucune voyage </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>

    <a href="{{ path('voyageAjou') }}">ajouter voyage</a>
{% endblock %}