templates/pages/battles.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Battles{% endblock %}
  3. {% block bodyClass %}battlesBody{% endblock %}
  4. {% import "components/macros.html.twig" as macros %}
  6. {% block body %}
  7.     <section id="battles" class="battles">
  8.         <div class="container-fluid">
  9.             <div class="row">
  10.                 <div class="col-md-12">
  11.                     <div class="vertical-tab" role="tabpanel">
  12.                         <!-- Nav tabs -->
  13.                         <ul id="battlesTab" class="nav nav-tabs" role="tablist">
  14.                             <li role="presentation" class="active"><a href="#allBattlesTab" aria-controls="home" role="tab" data-toggle="tab">All battles</a></li>
  15.                             <li role="presentation"><a href="#mostViewedBattlesTab" aria-controls="profile" role="tab" data-toggle="tab">Most viewed battles</a></li>
  16.                         </ul>
  17.                         <!-- Tab panes -->
  18.                         <div class="tab-content tabs">
  19.                             <div role="tabpanel" class="tab-pane fade in active" id="allBattlesTab">
  20.                                 <h3>All battles</h3>
  21.                                 <div class="row">
  22.                                     {% if allBattles|length > 0 %}
  23.                                         <div class="battles-list">
  24.                                             {% for battle in allBattles %}
  25.                                                 {{ macros.renderCard('battlecard',null,battle) }}
  26.                                             {% endfor %}
  27.                                         </div>
  28.                                     {% else %}
  29.                                         <div class="no-content-message">
  30.                                             <p class="text-center">No battles at this moment :(</p>
  31.                                         </div>
  32.                                     {% endif %}
  34.                                     <nav aria-label="Battles navigation" style="margin: 0 auto">
  35.                                         <ul id="pagin" class="pagination">
  37.                                         </ul>
  38.                                     </nav>
  39.                                 </div>
  40.                             </div>
  41.                             <div role="tabpanel" class="tab-pane fade" id="mostViewedBattlesTab">
  42.                                 <h3>Most viewed battles</h3>
  43.                                 <div class="no-content-message">
  44.                                     <p class="text-center">No battles at this moment :(</p>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  53.         </div>
  55.     </section>
  58. {% endblock %}