templates/office/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : {{ office.titre }}{% endblock %}
  5. {% block body %}
  7. <section class="container pt-4 pb-5">
  8.     <div class="row pt-3">
  9.         <div class="col">
  10.             {# Breadcrumbs #}
  11.             <div class="row">
  12.                 <div class="col small">
  13.                     <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
  14.                         aria-label="breadcrumb">
  15.                         <ol class="breadcrumb small">
  16.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li>
  17.                             <li class="breadcrumb-item active" aria-current="page"><a href="{{ path('app_office') }}" class="text-decoration-none text-dark">Nos offices</a></li>
  18.                             <li class="breadcrumb-item active" aria-current="page">{{ office.titre }}</li>
  19.                         </ol>
  20.                     </nav>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  26.     <div class="row mt-4">
  27.         <div class="col text-center">
  28.             <div class="border rounded pt-2 mb-4">
  29.                 <h1 class="fw-bold color1">{{ office.titre }}</h1>
  30.                 <p>{{ office.adresse }}</p>
  31.                 <p>Téléphone : {{ office.telephone }}</p>
  32.             </div>
  33.             <p>
  34.                 <img src="{{ asset('assets/img/offices/' ~ office.image) }}" alt="{{ office.titre }}" class="img-fluid">
  35.             </p>
  36.             <div class="my-4 bg-light p-3 rounded">
  37.                 {{ office.presentation|replace({'<p style="text-align:justify">': '<p style="text-align:center;">', '<span style="font-size:14px">': '<span style="font-size:15px;">',})|raw }}
  38.             </div>
  39.         </div>
  40.     </div>
  42.     <div class="row mt-4">
  43.         <div class="col-lg-5 col-sm-12 text-center">
  44.             {# <iframe src="{{ office.map }}" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> #}
  45.             <div class="googlemapsembed" data-url="{{ office.map }}" width="100%" height="500"></div>
  46.         </div>
  47.         <div class="col-lg-7 col-sm-12 text-center d-flex align-items-center justify-content-center flex-column">
  48.                 <p>
  49.                     {{ office.metro|raw }}
  50.                     {{ office.bus|raw }}
  51.                 </p>
  52.                 <p>{{ office.parking|raw }}</p>
  53.                 <p>{{ office.accesPmr|raw }}</p>
  54.         </div>
  55.     </div>
  57.     {# AVIS #}
  58.     <div class="row mt-5">
  59.         <h2 class="text-center mb-4 border rounded">Les avis</h2>
  60.         <div class="col">
  61.             <div class="row row-cols-1 row-cols-md-4 g-4 d-flex justify-content-center">
  62.                 {% for avis in avis %}
  63.                     <div class="col">
  64.                         <div class="card h-100">
  65.                             {# <img src="{{ asset('assets/img/avis/' ~ av.image) }}" class="card-img-top img-fluid" alt="{{ av.firstname }} {{ av.lastname }}"> #}
  66.                             <div class="card-body">
  67.                                 <img src="{{ asset('assets/img/avis/' ~ avis.image ) }}" class="rounded-circle img-fluid float-start me-3" alt="Avis" style="max-width: 50px; width: 100%;">
  68.                                 <h5 class="card-title">{{ avis.firstname }} {{ avis.lastname }}</h5>
  70.                                 {% set avis5 =
  71.                                     '<svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  72.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  73.                                                                 class="iconify iconify--ic" width="17" height="17"
  74.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  75.                                                                 <path fill="currentColor"
  76.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  77.                                                                 </path>
  78.                                                             </svg>
  79.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  80.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  81.                                                                 class="iconify iconify--ic" width="17" height="17"
  82.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  83.                                                                 <path fill="currentColor"
  84.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  85.                                                                 </path>
  86.                                                             </svg>
  87.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  88.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  89.                                                                 class="iconify iconify--ic" width="17" height="17"
  90.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  91.                                                                 <path fill="currentColor"
  92.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  93.                                                                 </path>
  94.                                                             </svg>
  95.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  96.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  97.                                                                 class="iconify iconify--ic" width="17" height="17"
  98.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  99.                                                                 <path fill="currentColor"
  100.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  101.                                                                 </path>
  102.                                                             </svg>
  103.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  104.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  105.                                                                 class="iconify iconify--ic" width="17" height="17"
  106.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  107.                                                                 <path fill="currentColor"
  108.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  109.                                                                 </path>
  110.                                                             </svg>'
  111.                                 %}
  113.                                 {% set avis4 =
  114.                                     '<svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  115.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  116.                                                                 class="iconify iconify--ic" width="17" height="17"
  117.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  118.                                                                 <path fill="currentColor"
  119.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  120.                                                                 </path>
  121.                                                             </svg>
  122.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  123.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  124.                                                                 class="iconify iconify--ic" width="17" height="17"
  125.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  126.                                                                 <path fill="currentColor"
  127.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  128.                                                                 </path>
  129.                                                             </svg>
  130.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  131.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  132.                                                                 class="iconify iconify--ic" width="17" height="17"
  133.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  134.                                                                 <path fill="currentColor"
  135.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  136.                                                                 </path>
  137.                                                             </svg>
  138.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  139.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  140.                                                                 class="iconify iconify--ic" width="17" height="17"
  141.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  142.                                                                 <path fill="currentColor"
  143.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  144.                                                                 </path>
  145.                                                             </svg>
  146.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  147.                                                             '
  148.                                 %}
  150.                                 {% set avis3 =
  151.                                     '<svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  152.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  153.                                                                 class="iconify iconify--ic" width="17" height="17"
  154.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  155.                                                                 <path fill="currentColor"
  156.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  157.                                                                 </path>
  158.                                                             </svg>
  159.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  160.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  161.                                                                 class="iconify iconify--ic" width="17" height="17"
  162.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  163.                                                                 <path fill="currentColor"
  164.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  165.                                                                 </path>
  166.                                                             </svg>
  167.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  168.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  169.                                                                 class="iconify iconify--ic" width="17" height="17"
  170.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  171.                                                                 <path fill="currentColor"
  172.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  173.                                                                 </path>
  174.                                                             </svg>
  175.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  176.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  177.                                                             '
  178.                                 %}
  180.                                 {% set avis2 =
  181.                                     '<svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  182.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  183.                                                                 class="iconify iconify--ic" width="17" height="17"
  184.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  185.                                                                 <path fill="currentColor"
  186.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  187.                                                                 </path>
  188.                                                             </svg>
  189.                                                             <svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  190.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  191.                                                                 class="iconify iconify--ic" width="17" height="17"
  192.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  193.                                                                 <path fill="currentColor"
  194.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  195.                                                                 </path>
  196.                                                             </svg>
  197.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  198.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  199.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  200.                                                             '
  201.                                 %}
  203.                                 {% set avis1 =
  204.                                     '<svg style="color: rgb(255, 187, 0);" xmlns="http://www.w3.org/2000/svg"
  205.                                                                 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  206.                                                                 class="iconify iconify--ic" width="17" height="17"
  207.                                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  208.                                                                 <path fill="currentColor"
  209.                                                                     d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27z">
  210.                                                                 </path>
  211.                                                             </svg>
  212.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  213.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  214.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  215.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path fill="currentColor" d="m22 9.24l-7.19-.62L12 2L9.19 8.63L2 9.24l5.46 4.73L5.82 21L12 17.27L18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27l1-4.28l-3.32-2.88l4.38-.38L12 6.1l1.71 4.04l4.38.38l-3.32 2.88l1 4.28L12 15.4z"/></svg>
  216.                                                             '
  217.                                 %}
  219.                                 {% if avis.eval == 5 %}
  220.                                     {{ avis5|raw }}
  221.                                 {% elseif avis.eval == 4 %}
  222.                                     {{ avis4|raw }}
  223.                                 {% elseif avis.eval == 3 %}
  224.                                     {{ avis3|raw }}
  225.                                 {% elseif avis.eval == 2 %}
  226.                                     {{ avis2|raw }}
  227.                                 {% elseif avis.eval == 1 %}
  228.                                     {{ avis1|raw }}
  229.                                 {% endif %}
  231.                                 <span class="text-xxsmall">
  232.                                     {{ avis.createdAt|ago }}
  233.                                 </span>
  234.                                 <p class="mt-3">
  235.                                     {{ avis.content|replace({'<div>': '', '</div>': '', '<span style="font-size:14px">': '<span style="font-size: 0.9rem;"', '</span>': '',})|raw }}
  236.                                 </p>
  237.                             </div>
  238.                         </div>
  239.                     </div>
  240.                 {% endfor %}
  241.               </div>
  242.         </div>
  243.     </div>
  245. </section>
  247. {% endblock %}