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

{% block title %}
  Hello DashboardController!
{% endblock %}

{% block body %}
  <div class="page-header ">
    <div class="row">
      <div class="col-sm-6">
        <h1 class="m-4 titre-dashboard">
          Tableau de bord
        </h1>
      </div>
      <div class="col-sm-6">
        <!-- Bookmark Start -->
        <div class="bookmark">
     
		  <h1 class="m-4 titre-dashboard">Session N° {{lastSession}}</h1>
          {# <ul>
            <li>
              <a href="javascript:void(0)"
                data-container="body"
                data-bs-toggle="popover"
                data-placement="top"
                title=""
                data-original-title="Chat"
                data-bs-original-title="">
                <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-message-square">
                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                </svg>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)"
                data-container="body"
                data-bs-toggle="popover"
                data-placement="top"
                title=""
                data-original-title="Icons"
                data-bs-original-title="">
                <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-command">
                  <path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path>
                </svg>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)"
                data-container="body"
                data-bs-toggle="popover"
                data-placement="top"
                title=""
                data-original-title="Learning"
                data-bs-original-title="">
                <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-layers">
                  <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                  <polyline points="2 17 12 22 22 17"></polyline>
                  <polyline points="2 12 12 17 22 12"></polyline>
                </svg>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)" data-bs-original-title="" title="">
                <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-star bookmark-search">
                  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
                </svg>
              </a>
              <form class="form-inline search-form">
                <div class="form-group form-control-search">
                  <input type="text"
                    placeholder="Search.."
                    data-bs-original-title=""
                    title="" />
                </div>
              </form>
            </li>
          </ul> #}
        </div>
        <!-- Bookmark Ends -->
      </div>
    </div>
  </div>

  <div class="container-fluid general-widget">
    <div class="row">
      <div class="col-sm-6 col-xl-4 col-lg-6">
        <div class="card o-hidden border-0 shadowing">
          <div class="b-r-4 card-body">
            <div class="media static-top-widget">
			<div class="media-body">
                <span class="m-0 d-block">Nombre des Formateurs</span>
				
                <h4 class="mb-0 counter d-inline"></h4>
                <h4 class="d-inline">
                  {{ nbrteacher }}
                </h4>
              </div>
              <div class="align-self-top text-center">
                <img   src="{{ asset('assets/images/dashboard/formateur.jfif') }} " width ="50px">
              </div>
              
            </div>
			
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-xl-4 col-lg-6">
        <div class="card o-hidden border-0 shadowing">
          <div class="b-r-4 card-body">
            <div class="media static-top-widget">
			 <div class="media-body">
                <span class="m-0 d-block">Nombre des Sessions</span>
                <h4 class="mb-0 counter d-inline"></h4>
                <h4 class="d-inline">
                  {{ nbrdessessions }}
                </h4>

                
              </div>
              <div class="align-self-center text-center">
                <img   src="{{ asset('assets/images/dashboard/student.png') }}" width ="50px">
              </div>
             
            </div>
          </div>
        </div>
      </div>
	  
      <div class="col-sm-6 col-xl-4 col-lg-6">
        <div class="card o-hidden border-0 shadowing">
          <div class="b-r-4 card-body">
            <div class="media static-top-widget">
			  <div class="media-body">
                <span class="m-0 d-block">Nombre des Formations</span>
                <h4 class="mb-0 counter d-inline"></h4>
                <h4 class="d-inline">
                  {{ nbrdesmodules }}
                </h4>
              </div>
              <div class="align-self-center text-center">
               <img   src="{{ asset('assets/images/dashboard/courses.jpg') }}" width ="50px">
              </div>
             
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid general-widget dashboard-section-2">
    <div class="row">
     {#  <div class="col-sm-6 col-xl-4 col-lg-6 box-col-6">
        <div class="card social-widget-card">
          <div class="card-body">
           
            <h5 class="b-b-light">
              Inscription
            </h5>
            <div class="row">
              <div class="col text-center b-r-light">
                <span>Nombre des candidats</span>
                <h4 class="counter mb-0">
                  {{ nbrcandidat }}
                </h4>
              </div>
              <div class="col text-center">
                <span>Nombre des Inscriptions</span>
                <h4 class="counter mb-0">
                  {{ nbrdesinscriptions }}
                </h4>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-xl-4 col-lg-6 box-col-6">
        <div class="card social-widget-card">
          <div class="card-body">
           
            <h5 class="b-b-light">
              Les Factures Candidats
            </h5>
            <div class="row">
              <div class="col text-center b-r-light">
                <span>Nombre total des Factures candidats</span>
                <h4 class="counter mb-0">
                  {{ nbrfacturecandidattotal }}
                </h4>
              </div>
              <div class="col text-center">
                <span>Nombre des Factures candidats Non Payé</span>
                <h4 class="counter mb-0">
                  {{ nbrfacturecandidatnonpaye }}
                </h4>
              </div>
            </div>
          </div>
        </div>
      </div> #}
	         
      {# <div class="col-sm-6 col-xl-4 col-lg-6 box-col-6">
        <div class="card social-widget-card">
          <div class="card-body">
            
            <h5 class="b-b-light">
              Les Factures Formateurs
            </h5>
            <div class="row">
              <div class="col text-center b-r-light">
                <span>Nombre total des Factures Formateurs</span>
                <h4 class="counter mb-0">
                  {{ nbrfactureformateurtotal }}
                </h4>
              </div>
              <div class="col text-center">
                <span>Nombre des Factures Formateurs Non Payé</span>
                <h4 class="counter mb-0">
                  {{ nbrfactureformateurnonpaye }}
                </h4>
              </div>
            </div>
          </div>
        </div>
      </div> #}
      <div class="col-12 pb-5">
        <div class="row">
            <div class="col-6 proorder-md-13 prooder">
                <div class="card">
                    <div class="card-header card-no-border pb-0">
                        <div class="header-top">
                          
                            <div class="dropdown icon-dropdown">

                            </div>
                        </div>
                        <div class="card-body rinning-col">
                            <div class="row">
                                <div class="col-8">
                                    <div class="running-box">
                                        <div class="d-flex align-items-center justify-content-between gap-2">
                                            <div class="flex-grow-1"><a href="product-page.html">
                                                    <h5>Séances du jours</h5>
                                                </a>
                                                <p>{{nbseancesparjour}} planifées</p>
                                            </div>
                                            
                                        </div>
                                      
                                        <ul class="d-flex align-items-center gap-3">
                                            
                                            <li class="bg-3">
                                                <h5>{{nbseancesencoursparjour}} En cours</h5>

                                            </li>
                                            <li class="bg-2">
                                                <h5>{{nbseancesterminesparjour}} terminées</h5>

                                            </li>
                                        </ul>
                                        <div>
                                            <a href="{{path('app_seance_index')}}" class="btn bg-3">Voir toutes les seances</a> 
                                          
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4 running-events">
                                    <img src="{{ asset('assets/images/dashboard/round.png') }}"style="
    width: 150px;
">
                                    <div>
                                        <img class="running-events-image"
                                            src="{{ asset('assets/images/dashboard/events-bg.png') }} "style="
    width: 128px;
">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-6">
                <div classs="card-tables" style="background-color: #fff;padding: 30px;">
                    <table class="dashboard-table">
                        <tr>
                            <td>CANDIDATS</td>
                            <td class="nbrfacture">{{nbrfacturecandidatnonpaye}}/{{nbrfacturecandidattotal}}<span class="d-block desc-fact">FACTURES PAYÉ</span>
                            </td>
                            {% if nbrfacturecandidatnonpaye == nbrfacturecandidattotal %}
                              <td> <span class="badge badge-pill badge-success">Clôturé<span></td>
                            {% else %}
                              <td><span class="badge badge-pill badge-danger">Non clôturé<span></td>
                            {% endif %}
                        </tr>
                    </table>
                    <table class="dashboard-table">
                        <tr>
                            <td>Formateurs</td>
                            <td class="nbrfacture">{{nbrfactureformateurnonpaye}}/{{nbrfactureformateurtotal}}<span class="d-block desc-fact">FACTURES PAYÉ</span>
                            </td>
                            {% if nbrfactureformateurnonpaye == nbrfactureformateurtotal %}
                              <td> <span class="badge badge-pill badge-success">Clôturé<span></td>
                            {% else %}
                              <td><span class="badge badge-pill badge-danger">Non clôturé<span></td>
                            {% endif %}
                        </tr>
                    </table>

                </div>
            </div>

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