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


{% block title %}

{% trans %}Dashboard{% endtrans %}

{% endblock %}
{% block body %}

<div class="form_errors form">
        <div>
          <h2 class="form_title">
                            {% trans %}Dashboard{% endtrans %}
                        </h2>
     </div>
<h1>Hello {{app.user.firstname}}</h1>

Nous sommes le {{'now'|format_datetime('full', 'none', locale='fr') }}.
<div class="mt-4 row d-flex justify-content-around">
<div class="col-sm-3">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Demandes de réservations</h5>
        <div class="row">
        <div class="col-8 card-text">À traiter</div>
        <div class="col-4 card-text">{{ bookings }}</div>
         </div>
         <div class="row">
        <div class="col-8 card-text">7 derniers jours</div>
        <div class="col-4 card-text">{{ bookingsW }}</div>
         </div>
     <div class="row">
        <div class="col-8 card-text">30 derniers jours</div>
        <div class="col-4 card-text">{{ bookingsM }}</div>
         </div>
        </div>
        <a href="{{path('admin_cal_index')}}" class="btn btn-info"><i class="fa-solid fa-calendar-check"></i> Voir toutes les réservations</a>
      </div>
    </div>
 
 
<div class="col-sm-3">
   <div class="card">
      <div class="card-body">
        <h5 class="card-title">Acomptes</h5>
        <div class="row">
        <div class="col-8 card-text">Confirmations envoyées</div>
        <div class="col-4 card-text">{{ calendarsDS }}</div>
         </div>
         <div class="row">
        <div class="col-8 card-text">Acomptes payés</div>
        <div class="col-4 card-text">{{ calendarsDR }}</div>
         </div>
     <div class="row">
        <div class="col-8 card-text">Restes à payer</div>
        <div class="col-4 card-text">{{ calendarsDS-calendarsDR }}</div>
         </div>
        </div>
        <a href="{{path('admin_cal_index')}}" class="btn btn-info"><i class="fa-solid fa-calendar-check"></i> Voir toutes les réservations</a>
      </div>
  </div>
 <div class="col-sm-3">
   <div class="card">
      <div class="card-body">
        <h5 class="card-title">Heures réservées</h5>
        <div class="row">
        <div class="col-8 card-text">Ski</div>
        <div class="col-4 card-text">{{ calendarsSki }}</div>
         </div>
         <div class="row">
        <div class="col-8 card-text">Snowboard</div>
        <div class="col-4 card-text">{{ calendarsSnow }}</div>
         </div>
     <div class="row">
        <div class="col-8 card-text">Parapente</div>
        <div class="col-4 card-text">{{ calendarsPara }}</div>
         </div>
        </div>
        <a href="{{path('admin_cal_index')}}" class="btn btn-info"><i class="fa-solid fa-calendar-check"></i> Voir toutes les réservations</a>
      </div>
  </div>
 </div>
</div>

{% endblock %}