{% extends 'renter/index.html.twig' %}
{% block sidebard %}
    <li class="nav-item">
        <a class="nav-link" href="{{ path("renter_panel") }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
            <span class="ml-2">Accueil</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" aria-current="page" href="{{ path('renter_cars') }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
            <span class="ml-2">Hangars</span>
        </a>
    </li>
	<li class="nav-item">
        <a class="nav-link" href="{{ path('renter_rents') }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
            <span class="ml-2">Locat en Cours</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('renter_addCar') }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
            <span class="ml-2">add hangar</span>
        </a>
    </li>
	<li class="nav-item">
        <a class="nav-link" href="{{ path('location_index') }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
            <span class="ml-2">Les Locations</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('renter_customers') }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
            <span class="ml-2">Clients</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('app_logout') }}">
            <i class="fas fa-sign-out-alt"></i>
            <span class="ml-2">Déconnexion</span>
        </a>
    </li>
{% endblock %}
{% block dashboard_current %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('renter_panel') }}">Panel</a></li>
            <li class="breadcrumb-item active" aria-current="page">hangars</li>
        </ol>
    </nav>
{% endblock %}
{% block dashboard_body %}
	<h2>dans renter/cars.html.twig</h2>
    <h1 class="h2">Listes des hangars mis en Location par :  {{ app.user.name }}</h1>
    <div class="row">
        <div class="col">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body">
				{# <h1 class="h2">hangartypes Renter/cars.html.twig</h1> #}
                {#     <h5 class="card-title"> Listes des hangars <a class="btn btn-primary" href="{{ path('renter_addCar') }}" role="button">Ajouter +</a></h5> #}
                    {% for message in app.flashes('success') %}
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                    {% for message in app.flashes('danger') %}
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ message|raw }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    {% endfor %}
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Modèle</th>
                                <th scope="col">Caractéristiques</th>
								{# <th scope="col">Name</th> #}								
                                <th scope="col">Prix/Jour</th>
                                <th scope="col">Dispo</th>
                                <th scope="col">action</th>
								<th scope="col">Depart</th>
                            </tr>
                            </thead>       
                            <tbody>
							{% set count = 0 %}
                           {% for c in Cars %}
						   	{% set count = count + 1 %}
						  <tr {% if not c.isRented %}class='clickable-row' data-href='{{ path('renter_editCar', { 'id': c.getCars.id }) }}' style="cursor: pointer;"{% endif %}>
                                <tr> 
									<th scope="row">#{{ c.getCars.id }}</th>
									<th scope="row">{{ c.getCars.carType.name }}</th>
									{# <th scope="row">{{ c.getCars.renter.name }}</th> #}
                                    <td>
                                        <ul>{{ c.getCars.image }}
                                        {% for key, descr in c.getCars.Features %}
                                            <li>{{ key }} : {{ descr }}</li>
                                        {% endfor %}
                                        </ul>
                                    </td>
                                    <td>{{ c.getCars.Price }} €</td>
                                    <td>
                                    {% if c.isRented %}
                                        <span class="btn btn-sm btn-secondary">Louée</span>
                                    {% else %}
                                        {% if c.getCars.available %}
                                            <span class="btn btn-sm btn-secondary">Dispo</span>
                                        {% else  %}
                                            <span class="btn btn-sm btn-secondary">Non dispo</span>
                                        {% endif %}
                                    {% endif %}
                                    </td>
									{% if c.isRented %}
                                        <td><a href="#" class="btn btn-sm btn-secondary">En location</a></td>
                                    {% else %}
                                        <td><a href="{{ path('renter_editCar', { 'id': c.getCars.id }) }}" class="btn btn-sm btn-primary">Modifier <i class="fas fa-edit"></i></a>
										</td>
                                    {% endif %} 
									<td>depart: {{ c.getCars.departement }}</td>
                              
                                  
                                </tr>
                            {% endfor %}
							<h2>Nombre de Hangar : {{ count }}</h2>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block panel_scripts %}
    <script>
        jQuery(document).ready(function($) {
            $(".clickable-row").click(function() {
                window.location = $(this).data("href");
            });
        });
    </script>
{% endblock %}