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

{% block panel_style %}
{% endblock %}

{% block sidebard %}
    <li class="nav-item">
        <a class="nav-link active" aria-current="page" 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" 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">Hangar</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">Payer</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">Location</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 %}
<h2>Utile aux Bailleur</h2>
 <h2>renter - index.html.twig - $rents = $rentRepository->findRenter($user)</h2>
 <h1 class="h2">Listes des Locations de :  {{ app.user.name }}</h1>
 <h1 class="h2">Gestion Panel - </h1>
 <h2>findRenter() et findDateLastreglRenter()</h2>
 <h2></h2>
 <h2>recherche des locations par bailleur</h2>
 <h2>si pas bailleur alors pas de resultat</h2>
{% endblock %}
{% block dashboard_body %}

    <!-- résumé cards-->
    <div class="row equal my-4">

        {% set totalRevenus = 0 %}
       
	    {% for r in rentals %}
            {% if r.getRent.isMonthlyRecurring %}
                {% set totalRevenus = totalRevenus + (r.getRent.price * r.getRent.paidMonths) %}
            {% elseif r.getRent.isPaid %}
                {% set totalRevenus = totalRevenus + r.getRent.price %}
            {% endif %}
        {% endfor %}

	{# voir pour isPaid #}

        <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
            <div class="card rounded border-0">
                <div class="card-body p-4 text-center">
				
                    <p class="card-title">Revenus du mois : {{ "now"|date("M","Europe/Paris") }}</p>
					
                    <h2 class="card-text">{{ totalRevenus }} €</h2>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
            <div class="card rounded border-0">
                <div class="card-body p-4 text-center">
                    <p class="card-title">Réservations</p>
                    <h2 class="card-text">{{ rentals|length }}</h2>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-12 col-lg-4 mb-4 mb-lg-0">
            <div class="card rounded  border-0">
                <div class="card-body p-4 text-center">
                    <p class="card-title">Clients</p>
                    <h2 class="card-text">{{ nbCustomers }}</h2>
                </div>
            </div>
        </div>

    </div>

    <div class="row">
        <!-- Dernières réservations-->
        <div class="col-12 col-xl-12 mb-12 mb-lg-0">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body">
                    <h5 class="card-title">Revenus mois en cours</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</th>
                                <th scope="col">Client</th>
								
								<th scope="col">startdate</th>
								<th style="background-color:#AABBCC" scope="col">dateReference</th>
								<th scope="col">Paiement</th>
								<th scope="col">Nb Jours</th>
								
                                <th scope="col">Montant</th>
                                <th scope="col">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for rent in rentals|slice(0,10) %}
                            <tr class='clickable-row' data-href='{{ path('renter_rent_details', { 'id': rent.getRent.id }) }}' style="cursor: pointer;">
                                <th scope="row">{{ rent.getRent.id }}</th>
                                <td>{{ rent.getRent.caro.carType.name }}</td>
								<td>{{ rent.getRent.caro.adresse }}</td>
                                <td>{{ rent.getRent.user.name }}</td>
								
								<td>{{ rent.getRent.startDate|date("d/m/Y") }}</td>
								<td>{{ rent.getRent.dateReference|date("d/m/Y") }}</td>
								<td> {% if rent.ongoing > 30 and rent.ongoing < 45 %}
                                        En attente
                                        {% elseif rent.ongoing > 45 %}
                                        Probleme 
										{% else %}	
										Regler										
                                        {% endif %}  </td>
								<td>{{ rent.ongoing }} </td>
                             
								
                                <td>{{ rent.getRent.price }} €</td>
                                <td>
                                    <span><a href="{{ path('renter_rent_details', { 'id': rent.getRent.id }) }}" class="btn btn-sm btn-primary">Detail</a></span>
                                </td>
								
								
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>
        </div>
		<div class="col-12 col-xl-12 mb-12 mb-lg-0">
            <div class="card rounded shadow-sm border-0">
                <div class="card-body">
                    <h5 class="card-title">Probleme Retard paie</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">Adres</th>
                                <th scope="col">Client</th>
								
								<th scope="col">startdate</th>
								<th style="background-color:#AABBCC" scope="col">dateReference</th>
								<th scope="col">Statut</th>
								<th scope="col">Nb Jours</th>
								
                                <th scope="col">Montant</th>
                                <th scope="col">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for problem in problams|slice(0,10) %}
                            <tr class='clickable-row' data-href='{{ path('renter_rent_details', { 'id': problem.getRent.id }) }}' style="cursor: pointer;">
                                <th scope="row">{{ problem.getRent.id }}</th>
                                <td>{{ problem.getRent.caro.carType.name }}</td>
								<td>{{ problem.getRent.caro.adresse }} </td>
                                <td>{{ problem.getRent.user.name }}</td>
								
								<td>{{ problem.getRent.startDate|date("d/m/Y") }}</td>
								<td>{{ problem.getRent.dateReference|date("d/m/Y") }}</td>
								<td> {% if problem.ongoing >= 30 and problem.ongoing < 45 %}
                                        En attente du paiement
                                        {% elseif problem.ongoing > 45 %}
                                         Probleme paiement 
										{% else %}	
										Regler										
                                        {% endif %}  </td>
								<td>{{ problem.ongoing }} </td>
                             
								
                                <td>{{ problem.getRent.price }} €</td>
                                <td>
                                    <span><a href="{{ path('renter_rent_details', { 'id': problem.getRent.id }) }}" class="btn btn-sm btn-primary">Detail</a></span>
                                </td>
								
								<td>
                                        <span><a href="{{ path('renter_billing', { 'id': problem.getRent.user.id }) }}" class="btn btn-sm btn-danger">Billing <i class="fas fa-plus-square"></i></a></span>
                                    </td>
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>
        </div>
        
    </div>
{% endblock %}

{% block panel_scripts %}
   
    <script>
   
    </script>
{% endblock %}