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

{% block body %}


<!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('bookingtype_index') }}">Créneaux</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Details</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Détails créneau</span>
            </div>
        </div>

        <div class="portlet-body form">
            <div class="form-body">
            <table width="100%">
                <tbody>
                    <tr>
                        <th>Titre</th>
                        <td>{{ bookingType.title }}</td>
                    </tr>
                    <tr>
                        <th>Description</th>
                        <td>{{ bookingType.description }}</td>
                    </tr>
                    <tr>
                        <th>Capacité</th>
                        <td>{{ bookingType.capacite }}</td>
                    </tr>
                    <tr>
                        <th>Durée</th>
                        <td>{{ bookingType.duree }} min</td>
                    </tr>
                    <tr>
                        <th>Heure de début</th>
                        <td>{% if bookingType.heureDebut %}{{ bookingType.heureDebut|date('Y-m-d H:i:s') }}{% endif %}</td>
                    </tr>
                    <tr>
                        <th>Heure de fin</th>
                        <td>{% if bookingType.heureFin %}{{ bookingType.heureFin|date('Y-m-d H:i:s') }}{% endif %}</td>
                    </tr>
                </tbody>
            </table>
            </div>

            <div class="form-actions">
                <div class="row">
                    <div class="col-md-9">
                        <a href="{{ path('bookingtype_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                        <a href="{{ path('bookingtype_edit', { 'id': bookingType.id }) }}" class="btn green">Modifier</a>
                        <button type="button" class="btn red" onclick="document.form.submit();"><i class="fa fa-close"></i> Supprimer</button>
                    </div>
                </div>
            </div>

            {{ form_start(delete_form) }}
            {{ form_end(delete_form) }}
            
            
        </div>
    </div>


    
{% endblock %}