var/cache/dev/twig/30/30e868bf5e1b90378cf1df9ebfa43526.php line 40

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig */
  16. class __TwigTemplate_55da2b0cfbcb8994a58e632c8dafc02f extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheets' => [$this, 'block_stylesheets'],
  29.             'body' => [$this, 'block_body'],
  30.             'javascripts' => [$this, 'block_javascripts'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig"));
  49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig", 1);
  50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  54.         
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  57.     }
  59.     // line 2
  60.     public function block_stylesheets($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  69.         // line 3
  70.         echo "
  72. ";
  73.         // line 5
  74.         $this->displayParentBlock("stylesheets", $context, $blocks);
  75.         echo "
  76.      
  77.    
  78. <style>
  80. @import url(\"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap\");
  81. @import url(\"https://use.fontawesome.com/releases/v5.13.0/css/all.css\");
  82. @import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");
  84. :root {
  85.   /* GENERAL FONT */
  86.   --font1: \"Titillium Web\", sans-serif;
  87.   --font2: \"Roboto\", sans-serif;
  88.   /* GENERAL COLOR */
  89.   --bg-col-1: #0059b3;
  90.   --bg-col-2: #dc3545;
  91.   --bg-col-3: #fff;
  92.   --bg-col-4: #024c96;
  93.   --tx-color-1: #fff;
  94.   --tx-color-2: #000;
  95.   --tx-color-3: #0059b3;
  96.   // FOCUS START
  97.   /* READ MORE COLOR */
  98.   --tx-rm-color-1: #fff;
  99.   --bg-rm-color-1: #fff;
  100.   /* TAG BOTTOM-RIGHT COLOR */
  101.   /* FOOTER CARD COLOR */
  102.   --bg-ft-col-1: #0059b3;
  103.   --tx-ft-color-1: #fff;
  104.   // focus section
  105.   --tx-focus-section-title: #212529;
  106.  
  107.   --bg-focus-card-overlay: rgba(0, 89, 179, 0.5);
  108.   --tx-focus-hover: #fff;
  109.   --tx-focus-font-weight: 400;
  110.   --tx-focus-tag-color-1: #fff;
  111.   --bg-focus-tag-color-1: #0059b3;
  112.   --bg-focus-cat: #0059b3;
  113.   --tx-focus-cat: #fff;
  114.   --bg-focus-footer: #0059b3;
  115.   --tx-focus-footer: #fff;
  116.   --bg-focus-card: #fff;
  117.   --tx-focus-card: #000;
  118.   //button arrow & archive
  119.   --tx-button: #fff;
  120.   --bg-button: #0059b3;
  121. }
  122. /*start dark mode css*/
  123. .dark-mode {
  124.   /* GENERAL COLOR */
  125.   --bg-col-1: #121212;
  126.   --tx-color-1: #fff;
  127.   //button arrow & archive
  128.   --tx-button: #fff;
  129.   --bg-button: #272727;
  130.   --bg-button-border: #272727;
  131.   --bg-button-hover: #fff;
  132.   --tx-button-hover: #272727;
  133.   --bg-button-focus: #0f0f0f40;
  134.   //focus-section
  135.   --tx-focus-section-title: #fff;
  136.   --bg-focus-section: #121212;
  137.   --bg-focus-card-overlay: rgba(0, 0, 0, 0.5);
  138.   --tx-focus-hover: #fff;
  139.   --bg-focus-card: #272727;
  140.   --tx-focus-card: #fff;
  141.   --tx-focus-font-weight: 100;
  142.   --tx-focus-tag-color-1: #fff;
  143.   --bg-focus-tag-color-1: #272727;
  144.   --tx-focus-cat: #272727;
  145.   --bg-focus-cat: #fff;
  146.   --tx-focus-tag-a: #fff;
  147.   --bg-focus-footer: #272727;
  148.   --tx-focus-footer: #fff;
  149.   --focus-border-card: 0;
  150. }
  151. /* end dark mode css */
  152. .btn-archive {
  153.   color: var(--tx-button);
  154.   background: var(--bg-button);
  155.   border-color: var(--bg-button-border);
  157.   -webkit-transition: all 0.3s linear 0s;
  158.   transition: all 0.3s linear 0s;
  160.   &:hover {
  161.     color: var(--tx-button-hover);
  162.     background-color: var(--bg-button-hover);
  163.     border-color: var(--bg-button-hover);
  164.   }
  166.   &:focus {
  167.     -webkit-box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
  168.     box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
  169.   }
  170. }
  172. .shadow-custom {
  173.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  174. }
  176. .focus-section {
  177.   background: var(--bg-focus-section);
  178.   font-family: var(--font1);
  179.   -webkit-transition: all 0.3s linear 0s;
  180.   transition: all 0.3s linear 0s;
  182.   .title-section {
  183.     font-weight: 700;
  184.     text-transform: uppercase;
  185.     color: var(--tx-focus-section-title);
  186.   }
  188.   .card {
  189.     font-size: 1rem;
  190.     /*border: var(--focus-border-card);*/
  192.     .card-body {
  193.       background: var(--bg-focus-card);
  194.       color: var(--tx-focus-card);
  196.       .card-text {
  197.         font-weight: var(--tx-focus-font-weight);
  198.       }
  199.     }
  201.     .card-image {
  202.       position: relative;
  204.       .image-overlay {
  205.         position: absolute;
  206.         top: 0;
  207.         bottom: 0;
  208.         left: 0;
  209.         right: 0;
  210.         height: 100%;
  211.         width: 100%;
  212.         opacity: 0;
  213.         transition: 0.5s ease;
  214.        
  215.       }
  217.       &:hover .image-overlay {
  218.         opacity: 1;
  219.       }
  220.     }
  222.     .text-img-over {
  223.       position: relative;
  225.       .overlay {
  226.         position: absolute;
  227.         top: 0;
  228.         bottom: 0;
  229.         left: 0;
  230.         right: 0;
  231.         height: 100%;
  232.         width: 100%;
  233.         opacity: 0;
  234.         transition: 0.5s ease;
  235.         background: var(--bg-focus-card-overlay);
  236.       }
  238.       &:hover .overlay {
  239.         opacity: 1;
  240.       }
  241.     }
  243.     .social-hover {
  244.       color: var(--tx-focus-hover);
  245.       font-size: 30px;
  246.       position: absolute;
  247.       top: 50%;
  248.       left: 50%;
  249.       -webkit-transform: translate(-50%, -50%);
  250.       -ms-transform: translate(-50%, -50%);
  251.       transform: translate(-50%, -50%);
  252.       text-align: center;
  254.       .fa-share-alt {
  255.         color: var(--tx-focus-hover);
  257.         &:hover {
  258.           color: var(--tx-color-1);
  259.         }
  260.       }
  261.     }
  263.     .hover-text {
  264.       position: relative;
  265.       text-align: center;
  266.       color: var(--tx-focus-hover);
  267.     }
  269.     .bottom-right-tag {
  270.       position: absolute;
  271.       bottom: 0;
  272.       right: 0;
  273.       background: #dfb150;
  274.       padding: 5px 10px 5px 10px;
  275.       border-top-left-radius: calc(0.25rem - 1px);
  276.       font-size: 0.8rem;
  277.       font-weight: 200;
  278.       color: var(--tx-focus-tag-color-1);
  279.       z-index: 1;
  281.       a {
  282.         color: var(--tx-focus-tag-color-1);
  283.         text-decoration: none;
  284.       }
  286.       a:hover {
  287.         color: var(--tx-focus-tag-color-1);
  288.         text-decoration: underline;
  289.       }
  290.     }
  292.     .sub-cat {
  293.       font-weight: 600;
  294.       font-size: 1rem;
  296.       .bg-category {
  297.         background: var(--bg-focus-cat);
  298.         color: var(--tx-focus-cat);
  299.       }
  301.       a {
  302.         color: var(--tx-focus-tag-a);
  303.       }
  304.     }
  306.     .card-title {
  307.       font-family: var(--font1);
  308.       font-weight: 600;
  309.       font-size: 1.3rem;
  310.       /* height: 73px;
  311.   overflow: hidden; */
  312.     }
  314.     .card-footer {
  315.       background: #dfb150;
  316.       color: var(--tx-focus-footer);
  318.       .card-footer__info {
  319.         font-size: 1rem;
  320.         font-weight: 300;
  321.         position: relative;
  322.       }
  323.     }
  325.     .read-more {
  326.       position: absolute;
  327.       right: 0;
  328.       font-weight: 600;
  329.     }
  331.     .read-more-1 {
  332.       text-decoration: none;
  333.       position: relative;
  334.       color: var(--tx-focus-footer);
  335.     }
  337.     .read-more-1::after {
  338.       content: \"\";
  339.       position: absolute;
  340.       left: 0;
  341.       bottom: 0;
  342.       width: 100%;
  343.       height: 2px;
  344.       background: var(--bg-rm-color-1);
  345.       transform: scaleX(0);
  346.       transform-origin: left;
  347.       transition: transform 250ms ease-in;
  348.     }
  350.     .read-more-1:hover {
  351.       color: var(--tx-focus-footer);
  352.     }
  354.     .read-more-1:hover::after {
  355.       transform: scaleX(1);
  356.       transform-origin: right;
  357.       color: var(--tx-focus-footer);
  358.     }
  360.     .read-more-2 {
  361.       text-decoration: none;
  362.       position: relative;
  363.       margin-right: 15px;
  364.       color: var(--tx-focus-footer);
  365.     }
  367.     .read-more-2::after {
  368.       content: \"\";
  369.       /* You should use \\ and not /*/
  370.       font-family: \"Font Awesome 5 Free\";
  371.       /* This is the correct font-family*/
  372.       position: absolute;
  373.       right: -18px;
  374.       bottom: 0;
  375.       color: var(--tx-focus-footer);
  376.     }
  378.     .read-more-2:hover {
  379.       color: var(--tx-focus-footer);
  380.     }
  382.     .read-more-2:hover::after {
  383.       transform: translate(3px, 0);
  384.       transition: all 0.1s ease-in;
  385.       color: var(--tx-focus-footer);
  386.     }
  388.     .read-more-3 {
  389.       text-decoration: none;
  390.       position: relative;
  391.       color: var(--tx-focus-footer);
  392.     }
  394.     .read-more-3:hover {
  395.       color: var(--tx-focus-footer);
  396.       text-decoration: underline;
  397.     }
  398.   }
  399. }
  401. .custom-hr-1{
  402.      width: 3%;
  403.     border: 3px solid #555;
  404.     margin: 4px;
  405. }
  408.  .pagination {
  409.     display: flex;
  410.     justify-content: center;
  411.     margin-top: 20px;
  412. }
  414. .pagination li {
  415.     margin: 0 5px;
  416.     list-style: none;
  417. }
  419. .pagination li a {
  420.     text-decoration: none;
  421.     padding: 8px 12px;
  422.     border: 1px solid #FFCB00; /* Ajout de la couleur principale */
  423.     border-radius: 5px;
  424.     color: #FFCB00; /* Texte en couleur principale */
  425.     font-weight: 600;
  426.     transition: background-color 0.3s, color 0.3s;
  427. }
  429. .pagination li a:hover {
  430.     background-color: #FFCB00; /* Couleur au survol */
  431.     color: white; /* Texte en blanc au survol */
  432. }
  434. .pagination li.active a {
  435.     background-color: #FFCB00; /* Couleur principale pour l'élément actif */
  436.     color: white; /* Texte en blanc */
  437.     border: none; /* Supprimer la bordure */
  438. }
  440. .pagination li.disabled {
  441.     display: none; /* Cacher les boutons désactivés */
  442. }
  444. .shadow-custom:hover{
  445.      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  446. }
  448.     .shadow-custom{
  449.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  450. }
  452.     
  453. </style>
  455.   
  456. ";
  457.         
  458.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  460.         
  461.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  463.     }
  465.     // line 387
  466.     public function block_body($context, array $blocks = [])
  467.     {
  468.         $macros = $this->macros;
  469.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  470.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  472.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  473.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  475.         // line 388
  476.         echo " 
  479.  
  480. <div class=\"container\" style=\"max-width: 1230px;\">
  482.  <!--<section class=\"button\">
  483.   <div class=\"container-lg py-2\">
  484.     <button class=\"btn btn-dark btn-sm text-uppercase\" onclick=\"myFunction()\" id=\"btnValue\" type=\"button\">Dark mode</button>
  485.   </div>
  486. </section> -->        
  489. <section id=\"focus\" class=\"focus-section\">
  490.         <div class=\"container-lg py-5\">
  491.             <div class=\"container px-0\">
  492.                 <div class=\"row\">
  493.                     <div class=\"col\">
  494.                        <h1 style=\"font-size: 34px; color: black;\" class=\"title-actualites \">Offres</h1>
  495.                       <hr class=\"custom-hr-1\">
  496.                     </div>
  497.                  
  499.                 </div>
  500.             </div>
  501.             <div class=\"row row-cols-1 row-cols-md-3 g-4 mt-5 mb-2\">
  502.             ";
  503.         // line 414
  504.         $context['_parent'] = $context;
  505.         $context['_seq'] = twig_ensure_traversable((isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 414, $this->source); })()));
  506.         foreach ($context['_seq'] as $context["_key"] => $context["news"]) {
  507.             // line 415
  508.             echo "                <div class=\"col\">
  509.                     <div class=\"card shadow-sm h-100 shadow-custom\">
  510.                         <div class=\"card-image\">
  511.                             <div class=\"hover-text\">
  512.                             <img class=\"img-article img-fluid\" 
  513.                                      src=\"/uploads/coworking/";
  514.             // line 420
  515.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "image", [], "any", false, false, false, 420), "html", null, true);
  516.             echo "\"
  517.                                      class=\"card-img-top\" 
  518.                                      alt=\"image\">
  519.                                  
  520.                                 <div class=\"bottom-right-tag text-uppercase\">
  521.                               
  522.                                 ";
  523.             // line 426
  524.             if ((twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "dateFin", [], "any", false, false, false, 426), "U") < twig_date_format_filter($this->env, "now", "U"))) {
  525.                 // line 427
  526.                 echo "                              Pas active
  527.                             ";
  528.             } else {
  529.                 // line 429
  530.                 echo "                               Active 
  531.                             ";
  532.             }
  533.             // line 431
  534.             echo "                                                            
  535.                                 </div>
  536.                             </div>
  537.                             <div class=\"image-overlay\"></div>
  538.                         </div>
  539.                         <div class=\"card-body\">
  541.                             <h3 class=\"card-title\">";
  542.             // line 438
  543.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "title", [], "any", false, false, false, 438), "html", null, true);
  544.             echo "</h3>
  545.                             <div class=\"text-left my-2\">
  546.                                 <div class=\"sub-cat text-truncate\"><span
  547.                                         class=\"badge rounded-pill bg-category text-uppercase\">offre</span> <a
  548.                                         href=\"#\">";
  549.             // line 442
  550.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "underTitle", [], "any", false, false, false, 442), "html", null, true);
  551.             echo "</a></div>
  552.                             </div>
  553.                             <p class=\"card-text\">";
  554.             // line 444
  555.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "description", [], "any", false, false, false, 444), "html", null, true);
  556.             echo ".</p>
  559.                         </div>
  561.                         <div class=\"card-footer py-3\">
  562.                             <div class=\"card-footer__info\">
  563.                                 <span><i class=\"far fa-calendar-alt\"></i> ";
  564.             // line 451
  565.             echo twig_escape_filter($this->env, _twig_default_filter(twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "dateDebut", [], "any", false, false, false, 451), "d/m/Y"), "Aucune date"), "html", null, true);
  566.             echo "</span>
  567.                                
  568.                                 <span class=\"read-more\">
  569.                                      <span><i class=\"far fa-calendar-alt\"></i> ";
  570.             // line 454
  571.             echo twig_escape_filter($this->env, _twig_default_filter(twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "dateFin", [], "any", false, false, false, 454), "d/m/Y"), "Aucune date"), "html", null, true);
  572.             echo "</span>
  573.                                 </span>
  574.                             </div>
  575.                         </div>
  577.                     </div>
  578.                 </div>
  579.                  
  580.              ";
  581.         }
  582.         $_parent = $context['_parent'];
  583.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['news'], $context['_parent'], $context['loop']);
  584.         $context = array_intersect_key($context, $_parent) + $_parent;
  585.         // line 463
  586.         echo "
  587.             </div>
  588.         </div>
  590.   
  591.    </section>
  595.     
  596.      
  597.       ";
  598.         // line 474
  599.         if ( !(null === (isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 474, $this->source); })()))) {
  600.             // line 475
  601.             echo "        <div class=\"pagination\">
  602.     ";
  603.             // line 476
  604.             echo $this->extensions['Knp\Bundle\PaginatorBundle\Twig\Extension\PaginationExtension']->render($this->env, (isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 476, $this->source); })()));
  605.             echo "
  606. </div>
  607.     ";
  608.         }
  609.         // line 479
  610.         echo " 
  611.  
  612.     
  613. </div>
  617.  
  618. \t
  619. ";
  620.         
  621.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  623.         
  624.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  626.     }
  628.     // line 490
  629.     public function block_javascripts($context, array $blocks = [])
  630.     {
  631.         $macros = $this->macros;
  632.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  633.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  635.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  636.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  638.         // line 491
  639.         echo "
  640. ";
  641.         // line 492
  642.         $this->displayParentBlock("javascripts", $context, $blocks);
  643.         echo "
  644.  
  645.  
  646. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\" crossorigin=\"anonymous\"></script>
  650. <script>
  651. /*function myFunction() {
  652.   var element = document.getElementById('focus');
  653.   element.classList.toggle(\"dark-mode\");
  655.   var x = document.getElementById(\"btnValue\");
  656.   if (x.innerHTML === \"Dark mode\") {
  657.     x.innerHTML = \"Light mode\";
  658.     x.classList.remove('btn-dark')
  659.     x.classList.toggle('btn-light')
  660.   } else {
  661.     x.innerHTML = \"Dark mode\";
  662.     x.classList.remove('btn-light')
  663.     x.classList.toggle('btn-dark')
  664.   }
  666. }*/
  669.  
  671. </script>
  672. ";
  673.         
  674.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  676.         
  677.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  679.     }
  681.     public function getTemplateName()
  682.     {
  683.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig";
  684.     }
  686.     public function isTraitable()
  687.     {
  688.         return false;
  689.     }
  691.     public function getDebugInfo()
  692.     {
  693.         return array (  642 => 492,  639 => 491,  629 => 490,  610 => 479,  604 => 476,  601 => 475,  599 => 474,  586 => 463,  571 => 454,  565 => 451,  555 => 444,  550 => 442,  543 => 438,  534 => 431,  530 => 429,  526 => 427,  524 => 426,  515 => 420,  508 => 415,  504 => 414,  476 => 388,  466 => 387,  74 => 5,  70 => 3,  60 => 2,  37 => 1,);
  694.     }
  696.     public function getSourceContext()
  697.     {
  698.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
  699. {% block stylesheets %}
  702. {{ parent() }}
  703.      
  704.    
  705. <style>
  707. @import url(\"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap\");
  708. @import url(\"https://use.fontawesome.com/releases/v5.13.0/css/all.css\");
  709. @import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");
  711. :root {
  712.   /* GENERAL FONT */
  713.   --font1: \"Titillium Web\", sans-serif;
  714.   --font2: \"Roboto\", sans-serif;
  715.   /* GENERAL COLOR */
  716.   --bg-col-1: #0059b3;
  717.   --bg-col-2: #dc3545;
  718.   --bg-col-3: #fff;
  719.   --bg-col-4: #024c96;
  720.   --tx-color-1: #fff;
  721.   --tx-color-2: #000;
  722.   --tx-color-3: #0059b3;
  723.   // FOCUS START
  724.   /* READ MORE COLOR */
  725.   --tx-rm-color-1: #fff;
  726.   --bg-rm-color-1: #fff;
  727.   /* TAG BOTTOM-RIGHT COLOR */
  728.   /* FOOTER CARD COLOR */
  729.   --bg-ft-col-1: #0059b3;
  730.   --tx-ft-color-1: #fff;
  731.   // focus section
  732.   --tx-focus-section-title: #212529;
  733.  
  734.   --bg-focus-card-overlay: rgba(0, 89, 179, 0.5);
  735.   --tx-focus-hover: #fff;
  736.   --tx-focus-font-weight: 400;
  737.   --tx-focus-tag-color-1: #fff;
  738.   --bg-focus-tag-color-1: #0059b3;
  739.   --bg-focus-cat: #0059b3;
  740.   --tx-focus-cat: #fff;
  741.   --bg-focus-footer: #0059b3;
  742.   --tx-focus-footer: #fff;
  743.   --bg-focus-card: #fff;
  744.   --tx-focus-card: #000;
  745.   //button arrow & archive
  746.   --tx-button: #fff;
  747.   --bg-button: #0059b3;
  748. }
  749. /*start dark mode css*/
  750. .dark-mode {
  751.   /* GENERAL COLOR */
  752.   --bg-col-1: #121212;
  753.   --tx-color-1: #fff;
  754.   //button arrow & archive
  755.   --tx-button: #fff;
  756.   --bg-button: #272727;
  757.   --bg-button-border: #272727;
  758.   --bg-button-hover: #fff;
  759.   --tx-button-hover: #272727;
  760.   --bg-button-focus: #0f0f0f40;
  761.   //focus-section
  762.   --tx-focus-section-title: #fff;
  763.   --bg-focus-section: #121212;
  764.   --bg-focus-card-overlay: rgba(0, 0, 0, 0.5);
  765.   --tx-focus-hover: #fff;
  766.   --bg-focus-card: #272727;
  767.   --tx-focus-card: #fff;
  768.   --tx-focus-font-weight: 100;
  769.   --tx-focus-tag-color-1: #fff;
  770.   --bg-focus-tag-color-1: #272727;
  771.   --tx-focus-cat: #272727;
  772.   --bg-focus-cat: #fff;
  773.   --tx-focus-tag-a: #fff;
  774.   --bg-focus-footer: #272727;
  775.   --tx-focus-footer: #fff;
  776.   --focus-border-card: 0;
  777. }
  778. /* end dark mode css */
  779. .btn-archive {
  780.   color: var(--tx-button);
  781.   background: var(--bg-button);
  782.   border-color: var(--bg-button-border);
  784.   -webkit-transition: all 0.3s linear 0s;
  785.   transition: all 0.3s linear 0s;
  787.   &:hover {
  788.     color: var(--tx-button-hover);
  789.     background-color: var(--bg-button-hover);
  790.     border-color: var(--bg-button-hover);
  791.   }
  793.   &:focus {
  794.     -webkit-box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
  795.     box-shadow: 0 0 0 0.25rem var(--bg-button-focus);
  796.   }
  797. }
  799. .shadow-custom {
  800.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  801. }
  803. .focus-section {
  804.   background: var(--bg-focus-section);
  805.   font-family: var(--font1);
  806.   -webkit-transition: all 0.3s linear 0s;
  807.   transition: all 0.3s linear 0s;
  809.   .title-section {
  810.     font-weight: 700;
  811.     text-transform: uppercase;
  812.     color: var(--tx-focus-section-title);
  813.   }
  815.   .card {
  816.     font-size: 1rem;
  817.     /*border: var(--focus-border-card);*/
  819.     .card-body {
  820.       background: var(--bg-focus-card);
  821.       color: var(--tx-focus-card);
  823.       .card-text {
  824.         font-weight: var(--tx-focus-font-weight);
  825.       }
  826.     }
  828.     .card-image {
  829.       position: relative;
  831.       .image-overlay {
  832.         position: absolute;
  833.         top: 0;
  834.         bottom: 0;
  835.         left: 0;
  836.         right: 0;
  837.         height: 100%;
  838.         width: 100%;
  839.         opacity: 0;
  840.         transition: 0.5s ease;
  841.        
  842.       }
  844.       &:hover .image-overlay {
  845.         opacity: 1;
  846.       }
  847.     }
  849.     .text-img-over {
  850.       position: relative;
  852.       .overlay {
  853.         position: absolute;
  854.         top: 0;
  855.         bottom: 0;
  856.         left: 0;
  857.         right: 0;
  858.         height: 100%;
  859.         width: 100%;
  860.         opacity: 0;
  861.         transition: 0.5s ease;
  862.         background: var(--bg-focus-card-overlay);
  863.       }
  865.       &:hover .overlay {
  866.         opacity: 1;
  867.       }
  868.     }
  870.     .social-hover {
  871.       color: var(--tx-focus-hover);
  872.       font-size: 30px;
  873.       position: absolute;
  874.       top: 50%;
  875.       left: 50%;
  876.       -webkit-transform: translate(-50%, -50%);
  877.       -ms-transform: translate(-50%, -50%);
  878.       transform: translate(-50%, -50%);
  879.       text-align: center;
  881.       .fa-share-alt {
  882.         color: var(--tx-focus-hover);
  884.         &:hover {
  885.           color: var(--tx-color-1);
  886.         }
  887.       }
  888.     }
  890.     .hover-text {
  891.       position: relative;
  892.       text-align: center;
  893.       color: var(--tx-focus-hover);
  894.     }
  896.     .bottom-right-tag {
  897.       position: absolute;
  898.       bottom: 0;
  899.       right: 0;
  900.       background: #dfb150;
  901.       padding: 5px 10px 5px 10px;
  902.       border-top-left-radius: calc(0.25rem - 1px);
  903.       font-size: 0.8rem;
  904.       font-weight: 200;
  905.       color: var(--tx-focus-tag-color-1);
  906.       z-index: 1;
  908.       a {
  909.         color: var(--tx-focus-tag-color-1);
  910.         text-decoration: none;
  911.       }
  913.       a:hover {
  914.         color: var(--tx-focus-tag-color-1);
  915.         text-decoration: underline;
  916.       }
  917.     }
  919.     .sub-cat {
  920.       font-weight: 600;
  921.       font-size: 1rem;
  923.       .bg-category {
  924.         background: var(--bg-focus-cat);
  925.         color: var(--tx-focus-cat);
  926.       }
  928.       a {
  929.         color: var(--tx-focus-tag-a);
  930.       }
  931.     }
  933.     .card-title {
  934.       font-family: var(--font1);
  935.       font-weight: 600;
  936.       font-size: 1.3rem;
  937.       /* height: 73px;
  938.   overflow: hidden; */
  939.     }
  941.     .card-footer {
  942.       background: #dfb150;
  943.       color: var(--tx-focus-footer);
  945.       .card-footer__info {
  946.         font-size: 1rem;
  947.         font-weight: 300;
  948.         position: relative;
  949.       }
  950.     }
  952.     .read-more {
  953.       position: absolute;
  954.       right: 0;
  955.       font-weight: 600;
  956.     }
  958.     .read-more-1 {
  959.       text-decoration: none;
  960.       position: relative;
  961.       color: var(--tx-focus-footer);
  962.     }
  964.     .read-more-1::after {
  965.       content: \"\";
  966.       position: absolute;
  967.       left: 0;
  968.       bottom: 0;
  969.       width: 100%;
  970.       height: 2px;
  971.       background: var(--bg-rm-color-1);
  972.       transform: scaleX(0);
  973.       transform-origin: left;
  974.       transition: transform 250ms ease-in;
  975.     }
  977.     .read-more-1:hover {
  978.       color: var(--tx-focus-footer);
  979.     }
  981.     .read-more-1:hover::after {
  982.       transform: scaleX(1);
  983.       transform-origin: right;
  984.       color: var(--tx-focus-footer);
  985.     }
  987.     .read-more-2 {
  988.       text-decoration: none;
  989.       position: relative;
  990.       margin-right: 15px;
  991.       color: var(--tx-focus-footer);
  992.     }
  994.     .read-more-2::after {
  995.       content: \"\";
  996.       /* You should use \\ and not /*/
  997.       font-family: \"Font Awesome 5 Free\";
  998.       /* This is the correct font-family*/
  999.       position: absolute;
  1000.       right: -18px;
  1001.       bottom: 0;
  1002.       color: var(--tx-focus-footer);
  1003.     }
  1005.     .read-more-2:hover {
  1006.       color: var(--tx-focus-footer);
  1007.     }
  1009.     .read-more-2:hover::after {
  1010.       transform: translate(3px, 0);
  1011.       transition: all 0.1s ease-in;
  1012.       color: var(--tx-focus-footer);
  1013.     }
  1015.     .read-more-3 {
  1016.       text-decoration: none;
  1017.       position: relative;
  1018.       color: var(--tx-focus-footer);
  1019.     }
  1021.     .read-more-3:hover {
  1022.       color: var(--tx-focus-footer);
  1023.       text-decoration: underline;
  1024.     }
  1025.   }
  1026. }
  1028. .custom-hr-1{
  1029.      width: 3%;
  1030.     border: 3px solid #555;
  1031.     margin: 4px;
  1032. }
  1035.  .pagination {
  1036.     display: flex;
  1037.     justify-content: center;
  1038.     margin-top: 20px;
  1039. }
  1041. .pagination li {
  1042.     margin: 0 5px;
  1043.     list-style: none;
  1044. }
  1046. .pagination li a {
  1047.     text-decoration: none;
  1048.     padding: 8px 12px;
  1049.     border: 1px solid #FFCB00; /* Ajout de la couleur principale */
  1050.     border-radius: 5px;
  1051.     color: #FFCB00; /* Texte en couleur principale */
  1052.     font-weight: 600;
  1053.     transition: background-color 0.3s, color 0.3s;
  1054. }
  1056. .pagination li a:hover {
  1057.     background-color: #FFCB00; /* Couleur au survol */
  1058.     color: white; /* Texte en blanc au survol */
  1059. }
  1061. .pagination li.active a {
  1062.     background-color: #FFCB00; /* Couleur principale pour l'élément actif */
  1063.     color: white; /* Texte en blanc */
  1064.     border: none; /* Supprimer la bordure */
  1065. }
  1067. .pagination li.disabled {
  1068.     display: none; /* Cacher les boutons désactivés */
  1069. }
  1071. .shadow-custom:hover{
  1072.      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  1073. }
  1075.     .shadow-custom{
  1076.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  1077. }
  1079.     
  1080. </style>
  1082.   
  1083. {% endblock  %}
  1084. {% block body %}
  1085.  
  1088.  
  1089. <div class=\"container\" style=\"max-width: 1230px;\">
  1091.  <!--<section class=\"button\">
  1092.   <div class=\"container-lg py-2\">
  1093.     <button class=\"btn btn-dark btn-sm text-uppercase\" onclick=\"myFunction()\" id=\"btnValue\" type=\"button\">Dark mode</button>
  1094.   </div>
  1095. </section> -->        
  1098. <section id=\"focus\" class=\"focus-section\">
  1099.         <div class=\"container-lg py-5\">
  1100.             <div class=\"container px-0\">
  1101.                 <div class=\"row\">
  1102.                     <div class=\"col\">
  1103.                        <h1 style=\"font-size: 34px; color: black;\" class=\"title-actualites \">Offres</h1>
  1104.                       <hr class=\"custom-hr-1\">
  1105.                     </div>
  1106.                  
  1108.                 </div>
  1109.             </div>
  1110.             <div class=\"row row-cols-1 row-cols-md-3 g-4 mt-5 mb-2\">
  1111.             {% for news in newshome %}
  1112.                 <div class=\"col\">
  1113.                     <div class=\"card shadow-sm h-100 shadow-custom\">
  1114.                         <div class=\"card-image\">
  1115.                             <div class=\"hover-text\">
  1116.                             <img class=\"img-article img-fluid\" 
  1117.                                      src=\"/uploads/coworking/{{ news.image }}\"
  1118.                                      class=\"card-img-top\" 
  1119.                                      alt=\"image\">
  1120.                                  
  1121.                                 <div class=\"bottom-right-tag text-uppercase\">
  1122.                               
  1123.                                 {% if news.dateFin|date('U') < 'now'|date('U') %}
  1124.                               Pas active
  1125.                             {% else %}
  1126.                                Active 
  1127.                             {% endif %}
  1128.                                                             
  1129.                                 </div>
  1130.                             </div>
  1131.                             <div class=\"image-overlay\"></div>
  1132.                         </div>
  1133.                         <div class=\"card-body\">
  1135.                             <h3 class=\"card-title\">{{ news.title }}</h3>
  1136.                             <div class=\"text-left my-2\">
  1137.                                 <div class=\"sub-cat text-truncate\"><span
  1138.                                         class=\"badge rounded-pill bg-category text-uppercase\">offre</span> <a
  1139.                                         href=\"#\">{{ news.underTitle }}</a></div>
  1140.                             </div>
  1141.                             <p class=\"card-text\">{{ news.description }}.</p>
  1144.                         </div>
  1146.                         <div class=\"card-footer py-3\">
  1147.                             <div class=\"card-footer__info\">
  1148.                                 <span><i class=\"far fa-calendar-alt\"></i> {{ news.dateDebut|date('d/m/Y')|default('Aucune date') }}</span>
  1149.                                
  1150.                                 <span class=\"read-more\">
  1151.                                      <span><i class=\"far fa-calendar-alt\"></i> {{ news.dateFin|date('d/m/Y')|default('Aucune date') }}</span>
  1152.                                 </span>
  1153.                             </div>
  1154.                         </div>
  1156.                     </div>
  1157.                 </div>
  1158.                  
  1159.              {% endfor   %}
  1161.             </div>
  1162.         </div>
  1164.   
  1165.    </section>
  1169.     
  1170.      
  1171.       {% if newshome is not null %}
  1172.         <div class=\"pagination\">
  1173.     {{ knp_pagination_render(newshome) }}
  1174. </div>
  1175.     {% endif %}
  1176.  
  1177.  
  1178.     
  1179. </div>
  1183.  
  1184. \t
  1185. {% endblock %}
  1187. {% block javascripts %}
  1189. {{ parent() }}
  1190.  
  1191.  
  1192. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\" crossorigin=\"anonymous\"></script>
  1196. <script>
  1197. /*function myFunction() {
  1198.   var element = document.getElementById('focus');
  1199.   element.classList.toggle(\"dark-mode\");
  1201.   var x = document.getElementById(\"btnValue\");
  1202.   if (x.innerHTML === \"Dark mode\") {
  1203.     x.innerHTML = \"Light mode\";
  1204.     x.classList.remove('btn-dark')
  1205.     x.classList.toggle('btn-light')
  1206.   } else {
  1207.     x.innerHTML = \"Dark mode\";
  1208.     x.classList.remove('btn-light')
  1209.     x.classList.toggle('btn-dark')
  1210.   }
  1212. }*/
  1215.  
  1217. </script>
  1218. {% endblock %}
  1219. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/offres.html.twig");
  1220.     }
  1221. }