templates/commons/paragraphs.html.twig line 1

Open in your IDE?
  1. <div class="containerParagraphs {% if indexSection == 1 %}first{% endif %}">
  2.   {% for paragraph in paragraphs %}
  3.     {% set category = paragraph.category %}
  4.     {% if category == '1 ou 2 colonnes : paragraphe + visuel non obligatoire' %}
  5.       <div class="paragraph single-or-double-column {% if (loop.index == 1) %}first{% endif %} {% if (loop.index is even) %}even{% else %}odd{% endif %}">
  6.         <div class="contentText {% if paragraph.illustrationName is null %}full-width{% endif %}">
  7.           {% if paragraph.subTitle %}
  8.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  9.           {% endif %}
  10.           {% if paragraph.title %}
  11.             <h3>{{ paragraph.title }}</h3>
  12.           {% endif %}
  13.           {% if paragraph.text %}
  14.             <div class="text {% if indexSection == 1 and loop.index == 1 and paragraph.title == null and paragraph.subTitle == null %}first{% endif %}">{{ paragraph.text|raw }}</div>
  15.           {% endif %}
  16.           {% if paragraph.ctaLink and paragraph.ctaText %}
  17.             <a href="{{ paragraph.ctaLink }}" {{ paragraph.ctaExternal ? "target='_blank'" : "" }} class="btn default"><span>{{ paragraph.ctaText }}</span></a>
  18.           {% endif %}
  19.           {% if paragraph.pdfName and paragraph.pdfLabel %}
  20.             {% set filePath = vich_uploader_asset(paragraph, 'pdfFile') %}
  21.             {% set extension = filePath | split('.') | last %}  {# Extraction de l'extension #}
  23.             <a href="{{ filePath }}" class="btn default" target="_blank">
  24.               <span>{{ paragraph.pdfLabel }} - {{ extension }} ({{ (paragraph.pdfSize / 1024)|number_format(0, ',', ' ') }} Ko)</span>
  25.             </a>
  26.           {% endif %}
  27.         </div>
  28.         {% if paragraph.illustrationName is not null %}
  29.           <div class="illustration {{ paragraph.illustrationResponsive ? "" : "responsive" }}">
  30.             {% set filePath = vich_uploader_asset(paragraph, 'illustrationFile') %}
  31.             {% set extension = filePath | split('.') | last %}
  33.             {% if extension == 'svg' %}
  34.               <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  35.                    src="{{ filePath }}"
  36.                    alt="{{ paragraph.illustrationAlt }}" />
  37.             {% else %}
  38.               <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  39.                    src="{{ filePath | imagine_filter('default') }}"
  40.                    alt="{{ paragraph.illustrationAlt }}" />
  41.             {% endif %}
  44.           </div>
  45.         {% endif %}
  46.       </div>
  47.     {% elseif category == 'frise historique' %}
  48.       {% set timelineItems = [] %}
  50.       {# Boucle sur les fields pour construire chaque item de la timeline #}
  51.       {% for field in paragraph.historicalFriezeFields %}
  52.         {# Structure de chaque item de la timeline #}
  53.         {% set item = {
  54.           'title': field.year,
  55.           'cardTitle': field.title,
  56.           'cardSubtitle': "",
  57.           'cardDetailedText': field.resume
  58.         } %}
  60.         {# Ajout de l'item au tableau des items #}
  61.         {% set timelineItems = timelineItems|merge([item]) %}
  62.       {% endfor %}
  64.       {# Conversion du tableau en JSON valide #}
  65.       {% set timelineItemsJson = timelineItems|json_encode %}
  66.       <div class="paragraph timeline-container">
  67.         {% if paragraph.title %}
  68.           <h3>{{ paragraph.title }}</h3>
  69.         {% endif %}
  70.         <div id="timeline{{ random() }}" class="timeline" data-items="{{ timelineItemsJson }}">
  72.         </div>
  73.       </div>
  74.       {{ encore_entry_script_tags('timeline') }}
  75.       {{ encore_entry_link_tags('timeline') }}
  76.     {% elseif category == "2 colonnes de 2 paragraphes" %}
  77.       <div class="paragraph two-columns-text">
  78.         <div class="contentText">
  79.           {% if paragraph.subTitle %}
  80.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  81.           {% endif %}
  82.           {% if paragraph.title %}
  83.             <h3>{{ paragraph.title }}</h3>
  84.           {% endif %}
  85.           {% if paragraph.text %}
  86.             <div class="text">{{ paragraph.text|raw }}</div>
  87.           {% endif %}
  88.           {% if paragraph.ctaLink and paragraph.ctaText %}
  89.             <a href="{{ paragraph.ctaLink }}" {{ paragraph.ctaExternal ? "target='_blank'" : "" }} class="btn default"><span>{{ paragraph.ctaText }}</span></a>
  90.           {% endif %}
  91.           {% if paragraph.pdfName and paragraph.pdfLabel %}
  92.             {% set filePath = vich_uploader_asset(paragraph, 'pdfFile') %}
  93.             {% set extension = filePath | split('.') | last %}  {# Extraction de l'extension #}
  95.             <a href="{{ filePath }}" class="btn default" target="_blank">
  96.               <span>{{ paragraph.pdfLabel }} - {{ extension }} ({{ (paragraph.pdfSize / 1024)|number_format(0, ',', ' ') }} Ko)</span>
  97.             </a>
  98.           {% endif %}
  99.         </div>
  100.         <div class="contentText">
  101.           {% if paragraph.secondSubTitle %}
  102.             <span class="subTitle">{{ paragraph.secondSubTitle }}</span>
  103.           {% endif %}
  104.           {% if paragraph.secondTitle %}
  105.             <h3>{{ paragraph.secondTitle }}</h3>
  106.           {% endif %}
  107.           {% if paragraph.secondText %}
  108.             <div class="text">{{ paragraph.secondText|raw }}</div>
  109.           {% endif %}
  110.           {% if paragraph.secondCtaLink and paragraph.secondCtaText %}
  111.             <a href="{{ paragraph.secondCtaLink }}" {{ paragraph.secondCtaExternal ? "target='_blank'" : "" }} class="btn default"><span>{{ paragraph.secondCtaText }}</span></a>
  112.           {% endif %}
  113.           {% if paragraph.secondPdfName and paragraph.secondPdfLabel %}
  114.             {% set filePath = vich_uploader_asset(paragraph, 'secondPdfFile') %}
  115.             {% set extension = filePath | split('.') | last %}  {# Extraction de l'extension #}
  117.             <a href="{{ filePath }}" class="btn default" target="_blank">
  118.               <span>{{ paragraph.secondPdfLabel }} - {{ extension }} ({{ (paragraph.secondPdfSize / 1024)|number_format(0, ',', ' ') }} Ko)</span>
  119.             </a>
  120.           {% endif %}
  121.         </div>
  122.       </div>
  123.     {% elseif category == "encadré en full-with" %}
  124.       <div class="paragraph full-width-bg">
  125.         <div class="contentText">
  126.           {% if paragraph.subTitle %}
  127.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  128.           {% endif %}
  129.           {% if paragraph.title %}
  130.             <h3>{{ paragraph.title }}</h3>
  131.           {% endif %}
  132.           {% if paragraph.text %}
  133.             <div class="text">{{ paragraph.text|raw }}</div>
  134.           {% endif %}
  135.           {% if paragraph.ctaLink and paragraph.ctaText %}
  136.             <a href="{{ paragraph.ctaLink }}" {{ paragraph.ctaExternal ? "target='_blank'" : "" }} class="btn default">{{ paragraph.ctaText }}</a>
  137.           {% endif %}
  138.           {% if paragraph.pdfName and paragraph.pdfLabel %}
  139.             {% set filePath = vich_uploader_asset(paragraph, 'pdfFile') %}
  140.             {% set extension = filePath | split('.') | last %}  {# Extraction de l'extension #}
  142.             <a href="{{ filePath }}" class="btn default" target="_blank">
  143.               <span>{{ paragraph.pdfLabel }} - {{ extension }} ({{ (paragraph.pdfSize / 1024)|number_format(0, ',', ' ') }} Ko)</span>
  144.             </a>
  145.           {% endif %}
  146.         </div>
  147.       </div>
  148.     {% elseif category == "trombinoscope" %}
  149.       <div class="paragraph trombinoscope">
  150.         <div class="contentText">
  151.           {% if paragraph.subTitle %}
  152.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  153.           {% endif %}
  154.           {% if paragraph.title %}
  155.             <h3>{{ paragraph.title }}</h3>
  156.           {% endif %}
  157.           {% if paragraph.text %}
  158.             <div class="text">{{ paragraph.text|raw }}</div>
  159.           {% endif %}
  160.         </div>
  161.         <div class="container-trombinoscope">
  162.           {% for teamMember in paragraph.teamMembers %}
  163.             <div class="teamMember">
  164.               <img src="{{ vich_uploader_asset(teamMember, 'imageFile') }}" alt="{{ teamMember.imageAlt }}"/>
  165.               <h4>{{ teamMember.name }}</h4>
  166.               <span>{{ teamMember.role }}</span>
  167.             </div>
  168.           {% endfor %}
  169.         </div>
  170.       </div>
  171.     {% elseif category == "membres titulaires" %}
  172.       <div class="paragraph teamMembers">
  173.         <div class="contentText">
  174.           {% if paragraph.subTitle %}
  175.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  176.           {% endif %}
  177.           {% if paragraph.title %}
  178.             <h3>{{ paragraph.title }}</h3>
  179.           {% endif %}
  180.           {% if paragraph.text %}
  181.             <div class="text">{{ paragraph.text|raw }}</div>
  182.           {% endif %}
  183.         </div>
  184.         <div class="container-full-members">
  185.           {% for fullMember in paragraph.fullMembers %}
  186.             <div class="fullMember">
  187.               <p>{{ fullMember.firstname|capitalize }} {{ fullMember.name|upper }} ({{ fullMember.departement }})</p>
  188.             </div>
  189.           {% endfor %}
  190.         </div>
  191.       </div>
  192.     {% elseif category == "liste de partenaires" %}
  193.       <div class="paragraph partners">
  194.         <div class="contentText">
  195.           {% if paragraph.subTitle %}
  196.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  197.           {% endif %}
  198.           {% if paragraph.title %}
  199.             <h3>{{ paragraph.title }}</h3>
  200.           {% endif %}
  201.           {% if paragraph.text %}
  202.             <div class="text">{{ paragraph.text|raw }}</div>
  203.           {% endif %}
  204.         </div>
  205.         <div class="container-partners">
  206.           {% for partner in paragraph.partenaires %}
  207.             <div class="partner {% if not partner.linkUrl %}no-link{% endif %}" {% if partner.linkUrl %}data-link="blank"{% endif %}>
  208.               <div class="container-logo">
  209.                 <img src="{{ vich_uploader_asset(partner, 'logoFile') }}" alt="{{ partner.logoAlt }}"/>
  210.               </div>
  211.               <div class="content">
  212.                 {% if partner.title %}
  213.                   <h4>{{ partner.title }}</h4>
  214.                 {% endif %}
  215.                 {% if partner.resume %}
  216.                   <p>{{ partner.resume }}</p>
  217.                 {% endif %}
  218.                 {% if partner.linkUrl %}
  219.                   <a href="{{ partner.linkUrl }}" target="_blank">{{ partner.linkUrl }}</a>
  220.                 {% endif %}
  221.               </div>
  222.             </div>
  223.           {% endfor %}
  224.         </div>
  225.       </div>
  226.     {% elseif category == "1 visuel ou 1 vidéo en full-width" %}
  227.       <div class="paragraph full-width-media">
  228.         {% if paragraph.illustrationName %}
  229.           <div class="container-image">
  230.             {% set filePath = vich_uploader_asset(paragraph, 'illustrationFile') %}
  231.             {% set extension = filePath | split('.') | last %}
  233.             {% if extension == 'svg' %}
  234.               <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  235.                    src="{{ filePath }}"
  236.                    alt="{{ paragraph.illustrationAlt }}" />
  237.             {% else %}
  238.               <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  239.                    src="{{ filePath | imagine_filter('default') }}"
  240.                    alt="{{ paragraph.illustrationAlt }}" />
  241.             {% endif %}
  243.             {% if paragraph.youtubeUrlEmbed %}
  244.               <a class="trigger-video" href="{{ paragraph.youtubeUrlOriginal }}" target="_blank">
  245.                 <i class="fa-solid fa-play"></i>
  246.               </a>
  247.             {% endif %}
  248.           </div>
  249.         {% elseif paragraph.youtubeUrlEmbed %}
  250.           <div class="container-video">
  251.             <div class="videoWrapper">
  252.               <iframe width="560" height="315" src="{{ paragraph.youtubeUrlEmbed }}"
  253.                       allowfullscreen></iframe>
  254.             </div>
  255.           </div>
  256.         {% endif %}
  258.       </div>
  259.     {% elseif category == "bibliographie" %}
  260.       <div class="paragraph books">
  261.         <div class="container-books">
  262.           {% for book in paragraph.books %}
  263.             <div class="container-book">
  264.               {% if book.author %}
  265.                 <span class="authors">{{ book.author }}</span>
  266.               {% endif %}
  267.               {% if book.title %}
  268.                 <h4>{{ book.title }}</h4>
  269.               {% endif %}
  270.               {% if book.source %}
  271.                 <span class="source">{{ book.source }}</span>
  272.               {% endif %}
  273.               <div class="container-button">
  274.                 {% if book.ctaLink %}
  275.                   <a href="{{ book.ctaLink }}"
  276.                      class="btn default" {% if book.ctaExternal %} target="_blank" {% endif %}>
  277.                   <span>
  278.                     <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  279.                       <g clip-path="url(#clip0_1183_11374)">
  280.                         <path d="M9.41354 0C9.81704 0 10.2209 0 10.6244 0C11.0295 0.0548342 11.4373 0.0932182 11.8384 0.167636C16.1944 0.974483 19.5276 4.59981 19.9487 9.01984C20.1933 11.5884 19.5687 13.949 17.9923 15.9944C15.7314 18.9276 12.7108 20.2573 9.01865 19.9597C7.02894 19.7995 5.25136 19.0408 3.70585 17.7726C1.78033 16.191 0.588224 14.1699 0.151459 11.7114C0.0857093 11.3417 0.0497035 10.9665 0 10.5936C0 10.1898 0 9.78556 0 9.38174C0.0410935 9.05979 0.0751424 8.73705 0.124455 8.41666C0.762773 4.26219 4.09722 0.866772 8.23709 0.157844C8.62689 0.0912598 9.02139 0.0520925 9.41354 0ZM7.36982 10.3049C7.36473 10.3504 7.35769 10.3817 7.35808 10.413C7.38039 11.9386 7.48488 13.4571 7.73144 14.9647C7.75336 15.0978 7.82537 15.0943 7.92126 15.0943C9.15797 15.0951 10.3951 15.0943 11.6318 15.1017C11.775 15.1025 11.8165 15.0536 11.8388 14.9188C12.0787 13.47 12.1828 12.0099 12.2165 10.5434C12.2181 10.4686 12.2165 10.3938 12.2165 10.3049H7.36982ZM12.2185 9.70448C12.2185 9.62458 12.2196 9.55408 12.2185 9.48358C12.1899 8.07042 12.096 6.66275 11.8803 5.26409C11.8557 5.10389 11.7989 5.06551 11.6467 5.0659C10.4237 5.06864 9.20103 5.06316 7.97801 5.06002C7.90208 5.06002 7.82655 5.06002 7.74749 5.06002C7.48723 6.60909 7.37608 8.14288 7.36239 9.70487H12.2185V9.70448ZM12.4619 15.0986C12.4967 15.0986 12.5668 15.0986 12.6372 15.0986C13.4047 15.1006 14.1718 15.0978 14.9388 15.1088C15.095 15.1111 15.1658 15.0637 15.2226 14.9192C15.6151 13.915 15.875 12.877 16.0065 11.8085C16.0664 11.3205 16.0918 10.8278 16.1341 10.3186H12.8587C12.7265 11.9131 12.595 13.4924 12.4615 15.0982L12.4619 15.0986ZM16.1071 9.71584C16.1114 9.67785 16.1188 9.64651 16.118 9.61596C16.0715 8.1092 15.8198 6.64199 15.2821 5.22844C15.2379 5.11251 15.1846 5.07099 15.0594 5.07138C14.2461 5.07608 13.4329 5.07217 12.6196 5.07217C12.5636 5.07217 12.5073 5.07961 12.4979 5.08039C12.618 6.63181 12.7366 8.16638 12.8564 9.71584H16.1071ZM3.89214 10.2987C3.88705 10.3363 3.88001 10.3613 3.88079 10.3864C3.92658 11.9539 4.20132 13.4755 4.77663 14.9392C4.82163 15.0532 4.87877 15.0951 5.00362 15.0935C5.5304 15.0865 6.05757 15.0916 6.58474 15.0919C6.77181 15.0919 6.95889 15.0919 7.09978 15.0919C6.9718 13.4869 6.84539 11.901 6.7178 10.299H3.89214V10.2987ZM7.13187 5.06472C7.06182 5.06159 6.99098 5.05611 6.92014 5.05572C6.27634 5.05415 5.63215 5.05807 4.98836 5.04827C4.83964 5.04592 4.77428 5.09645 4.72223 5.23275C4.25768 6.45164 4.00329 7.71518 3.91132 9.01318C3.89566 9.23682 3.90897 9.46243 3.90897 9.69391H6.76007C6.7996 8.91134 6.82034 8.14406 6.88179 7.3799C6.94362 6.61027 7.04538 5.84415 7.13109 5.06433L7.13187 5.06472ZM0.599573 10.294C0.593703 10.3237 0.589007 10.3363 0.589398 10.3488C0.653191 12.0228 1.12753 13.5711 2.01632 14.9905C2.05037 15.0449 2.15212 15.0833 2.22257 15.0845C2.71687 15.0927 3.21116 15.0888 3.70546 15.0888C3.87061 15.0888 4.03577 15.0888 4.22206 15.0888C3.61505 13.5315 3.33483 11.9394 3.29726 10.294H0.599573ZM15.7693 15.0935C15.848 15.0986 15.9044 15.1053 15.9607 15.1057C16.5528 15.108 17.1454 15.1049 17.7371 15.1147C17.8741 15.117 17.9461 15.0653 18.0146 14.9541C18.705 13.8296 19.1425 12.6142 19.3268 11.3088C19.3726 10.9845 19.3895 10.6559 19.42 10.3233H16.6996C16.6593 11.9664 16.3693 13.5515 15.7693 15.0935ZM16.702 9.71663H19.418C19.4047 9.53998 19.3934 9.37861 19.3805 9.21685C19.2681 7.79312 18.8427 6.46887 18.1273 5.23471C18.0612 5.12073 17.9899 5.06942 17.8541 5.07373C17.5226 5.08352 17.1912 5.07687 16.8593 5.07687C16.5298 5.07687 16.2002 5.07687 15.8445 5.07687C16.4069 6.58755 16.6659 8.13074 16.702 9.71663ZM4.1661 5.06277C4.07373 5.05807 4.01699 5.05297 3.95985 5.05258C3.36145 5.05102 2.76305 5.05493 2.16465 5.04632C2.02845 5.04436 1.95605 5.09136 1.88873 5.20573C1.29425 6.21389 0.898577 7.29452 0.71033 8.44878C0.643798 8.85573 0.615619 9.26894 0.567873 9.69391H3.29765C3.3364 8.11037 3.60175 6.57423 4.1657 5.06316L4.1661 5.06277ZM11.7187 4.47721C11.7187 4.43531 11.723 4.40906 11.7179 4.38478C11.5265 3.44711 11.3023 2.51728 10.8624 1.66148C10.7015 1.34853 10.4902 1.04968 10.2503 0.791963C9.97632 0.497425 9.63975 0.5033 9.35405 0.787263C9.15406 0.985841 8.95407 1.21262 8.84214 1.46603C8.57562 2.0696 8.34472 2.69119 8.13181 3.3163C8.00579 3.68643 7.94161 4.07771 7.84494 4.478H11.7187V4.47721ZM7.88564 15.6861C7.88799 15.7304 7.88564 15.757 7.89112 15.7817C8.05941 16.5776 8.24805 17.3707 8.59989 18.1067C8.77991 18.4834 9.00417 18.8516 9.27186 19.17C9.58026 19.537 9.95323 19.5253 10.2828 19.1732C10.48 18.9625 10.6491 18.7153 10.7868 18.4607C11.1888 17.7177 11.4119 16.9085 11.6024 16.0903C11.6326 15.9607 11.6576 15.8295 11.6878 15.6853H7.88603L7.88564 15.6861ZM14.949 4.49014C14.2708 2.72761 12.2079 0.776296 11.0318 0.736345C11.2044 1.07514 11.4017 1.41981 11.5598 1.78133C11.9155 2.59444 12.1261 3.45338 12.2975 4.32133C12.323 4.4498 12.366 4.50032 12.4975 4.49092C12.6333 4.48113 12.7703 4.49014 12.9069 4.49014C13.5812 4.49014 14.2555 4.49014 14.9494 4.49014H14.949ZM10.9547 19.311C11.8631 19.0827 12.5926 18.6154 13.2333 17.9978C13.917 17.3386 14.441 16.5662 14.8762 15.6806C14.0156 15.6806 13.2031 15.6787 12.3907 15.6861C12.3472 15.6865 12.2772 15.7613 12.2658 15.8122C11.9911 17.0264 11.6839 18.2281 10.9547 19.311ZM8.41164 0.921998C7.38704 1.14643 5.40203 3.23091 5.08698 4.46429H7.2348C7.398 3.85093 7.53106 3.23326 7.72949 2.63753C7.92634 2.04571 8.18856 1.47582 8.41164 0.921998ZM5.12573 15.6763C5.66386 17.0816 7.41444 18.8814 8.44138 19.0976C8.32123 18.8614 8.19208 18.6303 8.08328 18.3902C7.71344 17.5755 7.49154 16.7146 7.30759 15.8428C7.28803 15.7492 7.28098 15.6728 7.14909 15.674C6.47985 15.6798 5.81062 15.6767 5.12573 15.6767V15.6763ZM17.6408 4.4921C16.4589 2.907 14.9905 1.78877 13.3295 1.18481C13.5002 1.38182 13.7608 1.68772 14.027 1.98892C14.6477 2.69158 15.1341 3.48001 15.5318 4.32642C15.5623 4.39183 15.6347 4.48387 15.6891 4.48505C16.3243 4.49602 16.9595 4.4921 17.6408 4.4921ZM6.83835 1.14604C5.62354 1.35088 2.88046 3.40325 2.4163 4.4733C3.01587 4.4733 3.60605 4.46821 4.19623 4.47682C4.35278 4.47917 4.43536 4.43609 4.50424 4.2853C4.89325 3.43497 5.38442 2.64771 6.01843 1.95719C6.27987 1.67284 6.56713 1.41276 6.83835 1.14564V1.14604ZM13.2427 18.8524C14.232 18.7278 17.2342 16.5219 17.4514 15.6853C16.8636 15.6853 16.2789 15.6896 15.6942 15.6822C15.5572 15.6802 15.4887 15.7241 15.4304 15.8483C15.0786 16.5924 14.643 17.2845 14.1021 17.9061C13.8039 18.2488 13.492 18.579 13.2431 18.8524H13.2427ZM2.47735 15.6744C3.64988 17.187 5.08776 18.2496 6.84461 18.8739C6.63836 18.6644 6.41684 18.4729 6.21255 18.2645C5.51318 17.5513 4.97896 16.7229 4.54063 15.8287C4.50972 15.7656 4.43301 15.6822 4.37626 15.681C3.75947 15.6704 3.14267 15.6744 2.47735 15.6744Z"
  281.                               fill="white"/>
  282.                       </g>
  283.                       <defs>
  284.                         <clipPath id="clip0_1183_11374">
  285.                           <rect width="20" height="20" fill="white"/>
  286.                         </clipPath>
  287.                       </defs>
  288.                     </svg>
  289.                     Voir sur le site
  290.                   </span>
  291.                   </a>
  292.                 {% endif %}
  293.                 {% if book.pdfName %}
  294.                   <a href="{{ vich_uploader_asset(book, 'pdfFile') }}" class="btn default" target="_blank">
  295.                   <span>
  296.                     <svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  297.                       <g clip-path="url(#clip0_1182_11281)">
  298.                         <path d="M14.7395 0H4.77779C4.75736 0 4.73692 0.00255451 4.71733 0.00596053C4.71563 0.00596053 4.71393 0.00596053 4.71137 0.00596053C4.68327 0.0119211 4.65603 0.0221391 4.63133 0.0349117C4.62452 0.0383177 4.61856 0.0417237 4.6126 0.0451297C4.58705 0.0596053 4.56321 0.0766354 4.54192 0.0970715L0.0970715 4.54363C0.0766354 4.56406 0.0596053 4.58876 0.0442782 4.6143C0.0408722 4.62026 0.0374662 4.62622 0.0349117 4.63218C0.0221391 4.65773 0.0119211 4.68498 0.00596053 4.71308C0.00596053 4.71393 0.00596053 4.71563 0.00596053 4.71648C0.00255451 4.73692 0 4.75736 0 4.77864V20.9368C0 21.1207 0.149013 21.2689 0.332087 21.2689H14.7404C14.9243 21.2689 15.0725 21.1199 15.0725 20.9368V0.332087C15.0725 0.148162 14.9235 0 14.7404 0H14.7395ZM4.4457 1.13506V4.44656H1.1342L4.4457 1.13506ZM14.4083 20.6047H0.664173V5.11073H4.77779C4.96172 5.11073 5.10988 4.96172 5.10988 4.77864V0.665025H14.4075V20.6047H14.4083Z"
  299.                               fill="white"/>
  300.                         <path d="M5.44032 13.4533C5.44032 13.7005 5.38136 13.9089 5.26343 14.0785C5.1455 14.2465 4.98072 14.387 4.76909 14.5001C4.61885 14.5793 4.43308 14.639 4.21176 14.6794C3.99205 14.7182 3.799 14.7384 3.63261 14.74L3.63503 15.4912H2.30469C2.30469 15.278 2.3055 15.0494 2.30711 14.8054C2.30873 14.5615 2.30953 14.2101 2.30953 13.7513C2.30953 13.5591 2.30873 13.3281 2.30711 13.0583C2.3055 12.7869 2.30469 12.5163 2.30469 12.2465C2.39354 12.2465 2.50339 12.2457 2.63424 12.2441C2.76671 12.2409 2.89999 12.2393 3.03407 12.2393C3.46864 12.2393 3.79173 12.2514 4.00336 12.2756C4.21499 12.2982 4.41288 12.3426 4.59705 12.4089C4.8636 12.5026 5.07038 12.6383 5.21739 12.816C5.36601 12.9937 5.44032 13.2061 5.44032 13.4533ZM4.08333 13.5696C4.08333 13.5018 4.06879 13.4379 4.03971 13.3782C4.01224 13.3168 3.97024 13.2675 3.9137 13.2304C3.86362 13.198 3.81354 13.1778 3.76346 13.1698C3.71338 13.1617 3.6633 13.1577 3.61322 13.1577C3.60838 13.1577 3.59868 13.1577 3.58414 13.1577C3.5696 13.1577 3.56233 13.1577 3.56233 13.1577C3.56233 13.1867 3.56233 13.2457 3.56233 13.3345C3.56233 13.4234 3.56233 13.5009 3.56233 13.5672C3.56233 13.6431 3.56233 13.7392 3.56233 13.8555C3.56233 13.9719 3.56233 14.03 3.56233 14.03C3.56718 14.03 3.57607 14.03 3.58899 14.03C3.60191 14.03 3.6108 14.03 3.61565 14.03C3.65442 14.03 3.70288 14.0235 3.76104 14.0106C3.8192 13.9961 3.86362 13.9783 3.89431 13.9573C3.95732 13.9153 4.00417 13.8677 4.03486 13.8143C4.06717 13.761 4.08333 13.6795 4.08333 13.5696Z"
  301.                               fill="white"/>
  302.                         <path d="M9.52198 13.8895C9.52198 14.1738 9.45171 14.4234 9.31116 14.6382C9.17223 14.8515 8.9913 15.0235 8.76836 15.1544C8.57451 15.2691 8.35399 15.3571 8.10683 15.4185C7.85966 15.4783 7.55999 15.5082 7.20781 15.5082C7.0075 15.5082 6.76921 15.5049 6.49297 15.4985C6.21834 15.4936 6.06487 15.4912 6.03256 15.4912C6.03256 15.4654 6.03336 15.3135 6.03498 15.0356C6.0366 14.7578 6.0374 14.3297 6.0374 13.7513C6.0374 13.5591 6.0366 13.3281 6.03498 13.0583C6.03336 12.7869 6.03256 12.5163 6.03256 12.2465C6.07133 12.2465 6.22318 12.2457 6.48812 12.2441C6.75306 12.2409 6.96711 12.2393 7.13027 12.2393C7.50829 12.2393 7.83381 12.27 8.10683 12.3313C8.38146 12.3911 8.62055 12.4856 8.8241 12.6149C9.05996 12.7651 9.23524 12.9468 9.34993 13.1601C9.46463 13.3717 9.52198 13.6148 9.52198 13.8895ZM8.15771 13.8265C8.15771 13.7295 8.13429 13.6383 8.08744 13.5526C8.04059 13.467 7.97032 13.3992 7.87662 13.3491C7.80392 13.3103 7.72719 13.2845 7.64642 13.2715C7.56564 13.257 7.4776 13.2497 7.38229 13.2497C7.37421 13.2497 7.36613 13.2497 7.35805 13.2497C7.35159 13.2497 7.34836 13.2497 7.34836 13.2497C7.34836 13.295 7.34836 13.3798 7.34836 13.5042C7.34836 13.627 7.34836 13.7328 7.34836 13.8216C7.34836 13.9234 7.34836 14.0203 7.34836 14.1124C7.34836 14.2045 7.34836 14.324 7.34836 14.471C7.35321 14.471 7.35644 14.471 7.35805 14.471C7.36128 14.471 7.36532 14.471 7.37017 14.471C7.43317 14.471 7.51314 14.4613 7.61007 14.442C7.70861 14.421 7.78373 14.3967 7.83543 14.3693C7.96951 14.2966 8.05675 14.215 8.09713 14.1245C8.13752 14.0341 8.15771 13.9347 8.15771 13.8265Z"
  303.                               fill="white"/>
  304.                         <path d="M12.8694 13.24C12.7983 13.24 12.6877 13.24 12.5374 13.24C12.3872 13.2384 12.2798 13.2376 12.2151 13.2376C12.1231 13.2376 11.9914 13.2384 11.8202 13.24C11.6505 13.24 11.5164 13.24 11.4179 13.24C11.4179 13.2772 11.4179 13.3305 11.4179 13.4C11.4179 13.4694 11.4179 13.5349 11.4179 13.5963C11.5181 13.5963 11.6521 13.5971 11.8202 13.5987C11.9882 13.5987 12.1174 13.5987 12.2079 13.5987C12.3032 13.5987 12.4122 13.5987 12.535 13.5987C12.6594 13.5971 12.7555 13.5963 12.8234 13.5963V14.3693C12.7555 14.3693 12.6489 14.3693 12.5035 14.3693C12.3597 14.3676 12.2588 14.3668 12.2006 14.3668C12.1134 14.3668 11.9954 14.3676 11.8468 14.3693C11.6998 14.3693 11.577 14.3693 11.4785 14.3693C11.4785 14.6019 11.4793 14.803 11.4809 14.9726C11.4825 15.1407 11.4833 15.3135 11.4833 15.4912H10.153C10.153 15.3587 10.1538 15.1802 10.1554 14.9557C10.157 14.7311 10.1578 14.3297 10.1578 13.7513C10.1578 13.5591 10.157 13.3281 10.1554 13.0583C10.1538 12.7869 10.153 12.5163 10.153 12.2465C10.2499 12.2465 10.409 12.2473 10.6304 12.249C10.8517 12.249 11.1053 12.249 11.3912 12.249C11.6239 12.249 11.9074 12.249 12.2418 12.249C12.5762 12.2473 12.7854 12.2465 12.8694 12.2465V13.24Z"
  305.                               fill="white"/>
  306.                       </g>
  307.                       <defs>
  308.                         <clipPath id="clip0_1182_11281">
  309.                           <rect width="15.0733" height="21.2689" fill="white"/>
  310.                         </clipPath>
  311.                       </defs>
  312.                     </svg>
  313.                     Télécharger le pdf
  314.                   </span>
  315.                   </a>
  316.                 {% endif %}
  317.               </div>
  318.             </div>
  319.           {% endfor %}
  320.         </div>
  321.       </div>
  322.     {% elseif category == "liste des manuels" %}
  323.       <div class="paragraph manuels">
  324.         <div class="container-manuels">
  325.           {% set manuels = getManuels() %}
  326.           {% for manuel in manuels %}
  327.             <div class="manuel">
  328.               <div class="container-image">
  329.                 {% set filePath = vich_uploader_asset(manuel, 'illustrationFile') %}
  330.                 {% set extension = filePath | split('.') | last %}
  332.                 {% if extension == 'svg' %}
  333.                   <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  334.                        src="{{ filePath }}"
  335.                        alt="{{ paragraph.illustrationAlt }}" />
  336.                 {% else %}
  337.                   <img class="{{ paragraph.illustrationResponsive ? "" : "responsive" }}"
  338.                        src="{{ filePath | imagine_filter('default') }}"
  339.                        alt="{{ paragraph.illustrationAlt }}" />
  340.                 {% endif %}
  341.               </div>
  342.               <div class="content">
  343.                 <h3>{{ manuel.title }}</h3>
  344.                 <h4 class="subTitle">{{ manuel.subTitle }}</h4>
  345.                 <p class="author">{{ manuel.author }}</p>
  346.                 <p class="resume">{{ manuel.resume }}</p>
  347.                 <a href="{{ manuel.ctaLink }}" target="_blank" class="btn default">
  348.                   <span>
  349.                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  350.                       <path d="M17 18C17.5304 18 18.0391 18.2107 18.4142 18.5858C18.7893 18.9609 19 19.4696 19 20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22C16.4696 22 15.9609 21.7893 15.5858 21.4142C15.2107 21.0391 15 20.5304 15 20C15 18.89 15.89 18 17 18ZM1 2H4.27L5.21 4H20C20.2652 4 20.5196 4.10536 20.7071 4.29289C20.8946 4.48043 21 4.73478 21 5C21 5.17 20.95 5.34 20.88 5.5L17.3 11.97C16.96 12.58 16.3 13 15.55 13H8.1L7.2 14.63L7.17 14.75C7.17 14.8163 7.19634 14.8799 7.24322 14.9268C7.29011 14.9737 7.3537 15 7.42 15H19V17H7C6.46957 17 5.96086 16.7893 5.58579 16.4142C5.21071 16.0391 5 15.5304 5 15C5 14.65 5.09 14.32 5.24 14.04L6.6 11.59L3 4H1V2ZM7 18C7.53043 18 8.03914 18.2107 8.41421 18.5858C8.78929 18.9609 9 19.4696 9 20C9 20.5304 8.78929 21.0391 8.41421 21.4142C8.03914 21.7893 7.53043 22 7 22C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20C5 18.89 5.89 18 7 18ZM16 11L18.78 6H6.14L8.5 11H16Z"
  351.                             fill="white"/>
  352.                     </svg>
  353.                     Acheter maintenant
  354.                   </span>
  355.                 </a>
  356.               </div>
  357.             </div>
  358.           {% endfor %}
  359.         </div>
  360.       </div>
  361.     {% elseif category == "liste des publications" and publications is defined %}
  362.       <div class="paragraph publications">
  363.         <div class="container-publications">
  364.           {% for publication in publications %}
  365.             <div class="publication" data-link>
  366.               <div class="content">
  367.                 <span class="subTitle">{{ formatDateMoisAnnee(publication.date) }}</span>
  368.                 <h3>{{ publication.title }}</h3>
  369.                 <p class="author">{{ publication.author }}</p>
  370.                 <a href="{{ path('app_publication_show', {'slug': publication.slug}) }}"></a>
  371.               </div>
  372.             </div>
  373.           {% endfor %}
  374.         </div>
  375.         {{ pagerfanta(publications) }}
  376.       </div>
  377.     {% elseif category == "liste des thèses" and theses is defined %}
  378.       <div class="paragraph publications">
  379.         <div class="container-publications">
  380.           {% for these in theses %}
  381.             <div class="publication" data-link>
  382.               <div class="content">
  383.                 <span class="subTitle">{{ formatDateMoisAnnee(these.date) }}</span>
  384.                 <h3>{{ these.title }}</h3>
  385.                 <p class="author">{{ these.author|raw }}</p>
  386.                 <a href="{{ path('app_these_show', {'slug': these.slug}) }}"></a>
  387.               </div>
  388.             </div>
  389.           {% endfor %}
  390.         </div>
  391.         {{ pagerfanta(theses) }}
  392.       </div>
  393.     {% elseif category == "liste de logo" %}
  394.       <div class="paragraph logos">
  395.         <div class="contentText">
  396.           {% if paragraph.subTitle %}
  397.             <span class="subTitle">{{ paragraph.subTitle }}</span>
  398.           {% endif %}
  399.           {% if paragraph.title %}
  400.             <h3>{{ paragraph.title }}</h3>
  401.           {% endif %}
  402.           {% if paragraph.text %}
  403.             <div class="text">{{ paragraph.text|raw }}</div>
  404.           {% endif %}
  405.         </div>
  406.         <div class="swiper swiperLogos">
  407.           <div class="swiper-wrapper">
  408.             {% for logo in paragraph.logos %}
  409.               <div class="swiper-slide">
  410.                 <img src="{{ vich_uploader_asset(logo, 'logoFile') }}" alt="{{ logo.logoAlt }}">
  411.               </div>
  412.             {% endfor %}
  413.           </div>
  414.         </div>
  415.       </div>
  416.     {% elseif category == "liste des définitions" %}
  417.       <div class="definitions">
  418.         <div class="filters">
  419.           <h2>Trier par lettre</h2>
  420.           <div class="container-filters">
  421.             {% for key, definitions in letters %}
  422.               <button type="button" class="def-filter" data-key="{{ key }}">
  423.                 {{ key }}
  424.               </button>
  425.             {% endfor %}
  426.           </div>
  427.         </div>
  428.         <div class="container-letters">
  429.           {% for key, definitions in letters %}
  430.             <div class="c-accordion letter-accordion" data-component="accordion" data-key="{{ key }}">
  431.               <div role="heading" aria-level="3">
  432.                 <div id="accordion-trigger-{{ loop.index0 }}" class="c-accordion__trigger" data-open="true" data-controls="accordion-panel-{{ loop.index0 }}">
  433.                   <h2>{{ key }}</h2>
  434.                   <i class="icon fa-solid fa-chevron-right"></i>
  435.                 </div>
  436.               </div>
  437.               <div id="accordion-panel-{{ loop.index0 }}" class="c-accordion__panel">
  438.                 <div class="container-definitions">
  439.                   {% for definition in definitions %}
  440.                     <div class="definition">
  441.                       <h3>{{ definition.name }}</h3>
  442.                       <div class="description">{{ definition.definition|raw }}</div>
  443.                       <div class="container-cta">
  444.                         {% if definition.pdfName %}
  445.                           <a href="{{ vich_uploader_asset(definition, 'pdfFile') }}" target="_blank"  class="btn"><span>{{ definition.pdfLibelle ? definition.pdfLibelle : definition.pdfName }} - {{ definition.pdfExtension }} ({{ definition.pdfSize/1000 }}ko)</span></a>
  446.                         {% endif %}
  447.                         {% if definition.secondPdfName %}
  448.                           <a href="{{ vich_uploader_asset(definition, 'secondPdfFile') }}" target="_blank"  class="btn"><span>{{ definition.secondPdfLibelle ? definition.secondPdfLibelle : definition.secondPdfName }} - {{ definition.secondPdfExtension }} ({{ definition.secondPdfSize/1000 }}ko)</span></a>
  449.                         {% endif %}
  450.                       </div>
  451.                     </div>
  452.                   {% endfor %}
  453.                 </div>
  454.               </div>
  455.             </div>
  456.           {% endfor %}
  457.         </div>
  458.       </div>
  459.     {% endif %}
  460.     {# Ajouter d'autres conditions avec {% elseif %} si nécessaire #}
  461.   {% endfor %}
  462. </div>