rankings.twig

{% extends "base.twig" %}

{% block content %}

  {# Titre de la page -------------------------------------------------------- #}
  <div class="row">
    <div class="col">
      <h2 class="d-block d-md-inline">{{post.post_title}}</h2>
    </div>
  </div>
  
  {# Sélecteur de classes ---------------------------------------------------- #}
  <div class="row">
    <div class="col">
      <form>
        <div class="form-row mt-4">
          <div class="form-group col-12 col-sm-4 col-md-2">
            <h4>Catégorie:</h4>
            <select class="custom-select" required>
              <option value="1">A</option>
              <option value="2">Two</option>
              <option value="3">Three</option>
            </select>
          </div>
          <div class="form-group col-12 col-sm-6 col-md-4">
            <h4>Classe:</h4>
            <select class="custom-select" required>
              <option value="1">IGA Extra Marché Veilleux & Filles Inc.</option>
              <option value="2">Two</option>
              <option value="3">Three</option>
            </select>
          </div>
        </div>
      </form>
    </div>
  </div>
  <div class="row mt-4">
    <div class="col">
      <div class="header-selector header-selector-m0">
        <a href="#" class="header-selector-node active">Classement</a>
        <a href="#" class="header-selector-node">Joueurs</a>
        <a href="#" class="header-selector-node">Gardien</a>
      </div>
      <hr>
    </div>
  </div>

  {# Tableau statistique ----------------------------------------------------- #}
  <div class="row">
    <div class="col">
      
      <div class="table-responsive">
			<table class="table table-custom table-bordered">
				<thead class="primary-head">
					<tr>
						<th scope="col" class="cell-sm">Rang</th>
						<th scope="col" class="cell-lg">Équipe</th>
						<th scope="col" class="cell-sm">PJ</th>
						<th scope="col" class="cell-sm">v</th>
						<th scope="col" class="cell-sm">v p-tb</th>
						<th scope="col" class="cell-sm">d</th>
						<th scope="col" class="cell-sm">d p-tb</th>
						<th scope="col" class="cell-sm">fj</th>
						<th scope="col" class="cell-sm">pp</th>
						<th scope="col" class="cell-sm">pc</th>
						<th scope="col" class="cell-sm">diff</th>
						<th scope="col" class="cell-sm">br</th>
						<th scope="col" class="cell-sm">br perf.</th>
						<th scope="col" class="cell-sm">TOT</th>
					</tr>
				</thead>
				<tbody>
					<tr class="bordered-bottom">
						<th class="cell-sm" scope="row">1</th>
						<td class="cell-lg"><a class="text-primary link">Seigneurs (Charlesbourg)</a></td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
					</tr>
					<tr class="bordered-bottom">
						<th class="cell-sm" scope="row">1</th>
						<td class="cell-lg"><a class="text-primary link">Seigneurs (Charlesbourg)</a></td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
					</tr>
					<tr class="bordered-bottom">
						<th class="cell-sm" scope="row">1</th>
						<td class="cell-lg"><a class="text-primary link">Seigneurs (Charlesbourg)</a></td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">1</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
						<td class="cell-sm">2</td>
					</tr>
				</tbody>
			</table>
		</div>

    </div>
  </div>

{% endblock %}