templates/front/candidate/list.html.twig line 1

  1. {% extends 'base.html.twig' %}
  4. {% block section %}
  6.     <div class="container g-pt-75 g-pb-45 mt-5">
  7.         <div class="row justify-content-center">
  8.             <!-- Start Shop Content -->
  9.             <div class="col-lg-9 order-lg-2 g-mb-30">
  10.                 <div class="g-pl-20--lg">
  11.                     <div class="row justify-content-center">
  12.                         <div class="col-lg-12">
  13.                             {% for candidate in candidates %}
  14.                                 {% if candidate.motivation != null %}
  15.                                 <article class="u-shadow-v11 rounded g-pa-15 g-mb-30">
  16.                                 <div class="row align-items-center">
  17.                                     <a class="col-sm-3" href="{{ path('app_front_motivation_show', {id: candidate.motivation.id}) }}">
  18.                                     {% if candidate.motivation.profilePicFileName != "" %}
  19.                                         <img class="img-fluid" src="{{ asset('uploads/profile_pics/' ~ candidate.motivation.profilePicFileName) }}" alt="Gravity">
  20.                                         {% else %}
  21.                                         <img class="img-fluid" src="assets/img-temp/480x700/img1.jpg" alt="Gravity">
  22.                                     {% endif %}
  23.                                     </a>
  24.                                     <div class="col-sm-9 g-brd-left--sm g-brd-gray-light-v4">
  25.                                         <div class="g-py-10 g-px-0">
  26.                                             <header class="d-flex justify-content-start g-mb-3">
  27.                                                 <h4 class="h5 d-inline-block text-uppercase g-mr-10">
  28.                                                     <a class="g-color-black" href="#">{{ candidate.firstName|lower|capitalize }} {{ candidate.lastName|upper }}</a>
  29.                                                 </h4>
  30.                                                 <a class="g-color-gray-dark-v5 g-font-style-normal text-uppercase" href="#">{{ candidate.party|upper }}</a>
  31.                                                 {% if candidate.socialMedia %}
  32.                                                     <ul class="list-inline ml-5">
  33.                                                         {% if candidate.socialMedia.meta %}
  34.                                                             <li class="list-inline-item g-mx-2">
  35.                                                                 <a class="u-icon-v3 u-icon-size--xs g-color-gray-light-v1 g-bg-gray-light-v5 g-color-white--hover g-bg-primary--hover rounded-circle" target="_blank" href="{{ candidate.socialMedia.meta }}">
  36.                                                                     <i class="fa fa-facebook"></i>
  37.                                                                 </a>
  38.                                                             </li>
  39.                                                         {% endif %}
  40.                                                         {% if candidate.socialMedia.tweeter %}
  41.                                                             <li class="list-inline-item g-mx-2">
  42.                                                                 <a class="u-icon-v3 u-icon-size--xs g-color-gray-light-v1 g-bg-gray-light-v5 g-color-white--hover g-bg-primary--hover rounded-circle" target="_blank" href="{{ candidate.socialMedia.tweeter }}">
  43.                                                                     <i class="fa fa-twitter"></i>
  44.                                                                 </a>
  45.                                                             </li>
  46.                                                         {% endif %}
  47.                                                         {% if candidate.socialMedia.instagram %}
  48.                                                             <li class="list-inline-item g-mx-2">
  49.                                                                 <a class="u-icon-v3 u-icon-size--xs g-color-gray-light-v1 g-bg-gray-light-v5 g-color-white--hover g-bg-primary--hover rounded-circle" target="_blank" href="{{ candidate.socialMedia.instagram }}">
  50.                                                                     <i class="fa fa-instagram"></i>
  51.                                                                 </a>
  52.                                                             </li>
  53.                                                         {% endif %}
  54.                                                         {% if candidate.socialMedia.linkedIn %}
  55.                                                             <li class="list-inline-item g-mx-2">
  56.                                                                 <a class="u-icon-v3 u-icon-size--xs g-color-gray-light-v1 g-bg-gray-light-v5 g-color-white--hover g-bg-primary--hover rounded-circle" target="_blank" href="{{ candidate.socialMedia.linkedIn }}">
  57.                                                                     <i class="fa fa-linkedin"></i>
  58.                                                                 </a>
  59.                                                             </li>
  60.                                                         {% endif %}
  61.                                                         {% if candidate.socialMedia.youtube %}
  62.                                                             <li class="list-inline-item g-mx-2">
  63.                                                                 <a class="u-icon-v3 u-icon-size--xs g-color-gray-light-v1 g-bg-gray-light-v5 g-color-white--hover g-bg-primary--hover rounded-circle" target="_blank" href="{{ candidate.socialMedia.youtube }}">
  64.                                                                     <i class="fa fa-youtube"></i>
  65.                                                                 </a>
  66.                                                             </li>
  67.                                                         {% endif %}
  68.                                                     </ul>
  69.                                                 {% endif %}
  70.                                             </header>
  71.                                             <span class="d-block g-color-gray-dark-v4 g-font-size-18 g-mb-10">
  72.                                         <span class="g-color-red g-font-size-15">{{ candidate.slogan }}</span>
  73.                                     </span>
  74.                                             <p class="g-mb-20">
  75.                                                 {{ candidate.motivation.content|striptags|slice(0, 200)|raw }} ...
  76.                                             </p>
  77.                                             <ul class="list-inline g-mx-minus-20 g-mb-5 g-pl-7">
  78. {#                                                <li class="list-inline-item info-v5-4__action g-brd-right g-brd-gray-light-v3 g-color-gray-dark-v5 g-pr-15 g-pl-15">#}
  79. {#                                                    <i class="align-middle g-font-size-16 g-transition-0_3 g-mr-7 icon-medical-022 u-line-icon-pro"></i>#}
  80. {#                                                    <a class="g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">Add to Wishlist</a>#}
  81. {#                                                </li>#}
  82. {#                                                <li class="list-inline-item info-v5-4__action g-color-gray-dark-v5 g-pr-10 g-pl-5">#}
  83. {#                                                    <i class="align-middle g-font-size-16 g-transition-0_3 g-mr-7 icon-communication-159 u-line-icon-pro"></i>#}
  84. {#                                                    <a class="g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">Add to Compare</a>#}
  85. {#                                                </li>#}
  86.                                             </ul>
  87.                                             <a href="{{ path('app_front_motivation_show', {id: candidate.motivation.id}) }}">
  88.                                             <button type="button" class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-12 text-uppercase g-mx-5 g-mt-10">
  89.                                                 Voir
  90.                                             </button>
  91.                                             </a>
  92.                                             {% if candidate.getFalc() %}
  93.                                                 <a href="{{ path('app_fiche_falc_show', {id: candidate.getFalc().getId()}) }}">
  94.                                                     <button type="button" class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-12 text-uppercase g-mx-5 g-mt-10">
  95.                                                         Fiche falc
  96.                                                     </button>
  97.                                                 </a>
  98.                                             {% endif %}
  99.                                         </div>
  100.                                     </div>
  101.                                 </div>
  102.                             </article>
  103.                                 {% endif %}
  104.                             {% endfor %}
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.             <!-- End Shop Content -->
  110.             <!-- Start Shop Sidebar -->
  111.             <div class="col-lg-3 order-lg-1 g-brd-right--lg g-brd-gray-light-v4 g-mb-30">
  112.                 <div class="g-pr-20--lg">
  113.                     <!-- Start Categories -->
  114.                     <div class="g-mb-20">
  115.                         <h3 class="h5 g-color-black g-font-weight-600 g-mb-10">
  116.                             {% if election_type is defined and election_type == 'REGIONALE' %}
  117.                                 Régions
  118.                                 {% else %}
  119.                                 {{ current_region.name|capitalize }}
  120.                             {% endif %}
  121.                         </h3>
  122.                         <ul class="list-unstyled g-font-size-13 mb-0">
  123.                             {% if election_type is defined and election_type == 'REGIONALE' %}
  124.                                 {% for region in regions %}
  125.                                     <li>
  126.                                         {% if current_region is defined and current_region.id == region.id %}
  127.                                         <a class="d-block u-link-v5 g-color-blue rounded g-px-20 g-py-8"
  128.                                            href="{{ path('app_region_candidates', {region: region.id, election_type: election_type}) }}">
  129.                                             <i class="mr-2 fa fa-angle-right"></i>
  130.                                             {{ region.name|capitalize }}</a>
  131.                                         {% else %}
  132.                                         <a class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8"
  133.                                            href="{{ path('app_region_candidates', {region: region.id, election_type: election_type}) }}">
  134.                                             <i class="mr-2 fa fa-angle-right"></i>
  135.                                             {{ region.name|capitalize }}</a>
  136.                                         {% endif %}
  137.                                     </li>
  138.                                 {% endfor %}
  139.                             {% elseif election_type is not defined and communes is defined%}
  140.                                 {% for commune in communes %}
  141.                                     <li>
  142.                                         {% if current_commune is defined and current_commune.id == commune.id %}
  143.                                         <a class="d-block u-link-v5 g-color-blue rounded g-px-20 g-py-8"
  144.                                            href="{{ path('app_commune_candidates', {commune: commune.id, region: current_region.id}) }}">
  145.                                             <i class="mr-2 fa fa-angle-right"></i>
  146.                                             {{ commune.name|capitalize }}</a>
  147.                                         {% else %}
  148.                                         <a class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8"
  149.                                            href="{{ path('app_commune_candidates', {commune: commune.id, region: current_region.id}) }}">
  150.                                             <i class="mr-2 fa fa-angle-right"></i>
  151.                                             {{ commune.name|capitalize }}</a>
  152.                                         {% endif %}
  153.                                     </li>
  154.                                 {% endfor %}
  155.                             {% else %}
  156.                                 Rien à afficher
  157.                             {% endif %}
  158.                         </ul>
  159.                     </div>
  160.                     <!-- End Categories -->
  161.                     <hr class="g-brd-gray-light-v4 g-my-0">
  163.                 </div>
  164.             </div>
  165.             <!-- End Shop Sidebar -->
  166.         </div>
  167.     </div>
  169. {% endblock %}