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

{% block panel_style %}
{% endblock %}

{% block sidebard %}
    <li class="nav-item">
        <a class="nav-link active" aria-current="page" href="{{ path("user_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" href="{{ path('user_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-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">Rents</span>
        </a>
    </li>
	
	<li class="nav-item">
        <a class="nav-link" href="{{ path('user_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-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">Panel</span>
        </a>
    </li>
	<li class="nav-item">
        <a class="nav-link active" aria-current="page" href="{{ path('renter_rentdateReference') }}">
            <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">DateRef</span>
        </a>
    </li>
	
{% endblock %}
{% block dashboard_current %}
{% endblock %}
{% block dashboard_body %}
    <h1 class="h2">Payer - Panel -user/index.html - $rentRepository->findBy</h1>
	<h2>Bienvenue : {{ app.user.name }}	</h2> 
    <!-- résumé cards-->
    <div class="row equal my-4">
        <div class="col-12 col-md-3 col-lg-3 mb-3 mb-lg-3">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body p-4 text-center">
                    <p class="card-title">dans user/index.html.twig</p>
                    <h2 class="card-text">{{ rentals|length }}</h2>
                </div>
            </div>
        </div>
		{# reste a voir le calcul avec IsPaid #}
		
        {% set totalPrice = 0 %}
		
		{% set totalReste = 0 %}
		
        {% for r in rentals %}
		
     		{% set totalPrice = totalPrice + r.price %}
			{% set totalReste = totalReste + r.price %}
						
        {% endfor %}
		
        <div class="col-12 col-md-3 col-lg-3 mb-3 mb-lg-3">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body p-4 text-center">
                    <p class="card-title">Facture Regler ce mois</p>
                    <h2 class="card-text">{{ totalPrice|number_format(2) }} €</h2>
                </div>
            </div>
        </div>
		<div class="col-12 col-md-6 col-lg-6 mb-6 mb-lg-6">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body p-4 text-center">
                    <p class="card-title">Reste a Regler ce mois</p>
                    <h2 class="card-text">{{ totalReste|number_format(2) }} €</h2>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Dernières réservations-->
        <div class="col-12 col-xl-12 mb-12 mb-lg-12">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body">
                    <h5 class="card-title">Dernières réservations de : {{ app.user }}</h5>
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Modèle</th>
								<th scope="col">Adresse Hangar</th>								
                                <th scope="col">Bailleur</th>
								
                                <th scope="col">Dates Start</th>
								<th scope="col">Dates Regl</th>
                                <th scope="col">Prix/mois</th>
								
                                <th scope="col"></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for rent in rentals %}
                            <tr class='clickable-row' data-href='{{ path('renter_rent_details', { 'id': rent.id }) }}' style="cursor: pointer;">
                                <th scope="row">{{ rent.id }}</th>
                                <td>{{ rent.caro.carType.name }}</td>
								<td>{{ rent.caro.id }} : {{ rent.caro.adresse }} </td>
                                <td>{{ rent.caro.renter.name }}</td>
								<td>{{ rent.user.firstname }}</td>
								
								<td>{{ rent.startDate ? rent.startDate|date('Y-m-d') : '' }}</td>
								<td>{{ rent.datelastregl ? rent.datelastregl|date('Y-m-d') : '' }}</td>
							    <td>{{ rent.price }} €</td>
                                
								<td>
                                <a href="{{ path('user_rent_detail', { 'id': rent.id }) }}" class="btn btn-sm btn-primary">
                                         Détails <i class="fas fa-plus-square"></i>
                                </a>
                                </td>
								
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <a href="{{ path('renter_rents') }}" class="btn btn-block btn-light">Afficher toutes les locations</a>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">



        </div>
    </div>
{% endblock %}

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