var/cache/dev/twig/44/44e17b8f20f9017331fbda9f0158b569.php line 43

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* Theme/Produit/Service/Article/articlesblog.html.twig */
  17. class __TwigTemplate_64bd758e84746b67195b44aad16de85c extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'meta' => [$this, 'block_meta'],
  30.             'title' => [$this, 'block_title'],
  31.             'stylesheets' => [$this, 'block_stylesheets'],
  32.             'userblog_body' => [$this, 'block_userblog_body'],
  33.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  34.         ];
  35.     }
  37.     protected function doGetParent(array $context)
  38.     {
  39.         // line 1
  40.         return "Theme/Users/User/layoutbase.html.twig";
  41.     }
  43.     protected function doDisplay(array $context, array $blocks = [])
  44.     {
  45.         $macros = $this->macros;
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  47.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Article/articlesblog.html.twig"));
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  50.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Article/articlesblog.html.twig"));
  52.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Article/articlesblog.html.twig", 1);
  53.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 2
  63.     public function block_meta($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  72.         // line 3
  73.         yield "\t";
  74.         yield from $this->yieldParentBlock("meta", $context, $blocks);
  75.         yield "
  76. \t<meta name=\"keywords\" content=\"";
  77.         // line 4
  78.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 4, $this->source); })()), "html", null, true);
  79.         yield ", \"/>
  80. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  81. \t<meta name=\"description\" content=\"";
  82.         // line 6
  83.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 6, $this->source); })()), "html", null, true);
  84.         yield "\" />
  85. ";
  86.         
  87.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  89.         
  90.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  92.         return; yield '';
  93.     }
  95.     // line 9
  96.     public function block_title($context, array $blocks = [])
  97.     {
  98.         $macros = $this->macros;
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  100.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  103.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  105.         // line 10
  106.         yield "\t";
  107.         yield from $this->yieldParentBlock("title", $context, $blocks);
  108.         yield " - Détails du service ..
  109. ";
  110.         
  111.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  113.         
  114.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  116.         return; yield '';
  117.     }
  119.     // line 13
  120.     public function block_stylesheets($context, array $blocks = [])
  121.     {
  122.         $macros = $this->macros;
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  124.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  127.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  129.         // line 14
  130.         yield "    ";
  131.         yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  132.         yield "
  133. ";
  134.         
  135.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  137.         
  138.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  140.         return; yield '';
  141.     }
  143.     // line 17
  144.     public function block_userblog_body($context, array $blocks = [])
  145.     {
  146.         $macros = $this->macros;
  147.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  148.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  150.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  151.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  153.         // line 18
  154.         yield "
  155.   <style>
  156. \t";
  157.         // line 21
  158.         yield "\t";
  159.         // line 25
  160.         yield "  /*  CARDS */
  162. .testing-one {
  163.   /*border: 1px solid #0000003f;*/
  164.   box-shadow: 2px 2px 2px 2px rgba(46, 61, 73, 0.2);
  165.   width: 100%;
  166.   border-radius: 10px;
  167.   padding: 20px;
  168.   margin-bottom: 20px;
  169.   padding-bottom: 50px;
  170. }
  172. .testing-one:hover {
  173.   box-shadow: 2px 4px 8px 2px rgba(46, 61, 73, 0.2);
  174. }
  176. .testing-one:hover .articleTitle {
  177.   text-decoration: underline;
  178.   color: rgba(12, 145, 228, 0.96);
  179. }
  181. .img {
  182.   float: left;
  183.   height: auto;
  184.   width: 300px;
  185.   margin-right: 50px;
  186.   margin-left: none;
  187. }
  189. .article-description {
  190.     padding-top: 20px;
  191. }
  193. a {
  194.   text-decoration: none;
  195. }
  197. .articleTitle {
  198.   font-size: 25px;
  199.   color: black;
  200. }
  203. .btn-home {
  204.   font-family: \"Barlow\", sans-serif;
  205.   font-weight: 700;
  206.   font-size: 18px;
  207.   padding: 15px 40px;
  208.   background: #fff;
  209.   border: none;
  210.   cursor: pointer;
  211.   transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  212.   position: relative;
  213.   z-index: 2;
  214.   border-radius: 50px;
  215.   overflow: hidden;
  216. }
  217. .btn-home:after {
  218.   content: \"\";
  219.   position: absolute;
  220.   transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  221. }
  223. .btn-4 {
  224.   color: #252D4A;
  225.   border: 2px solid currentColor;
  226. }
  227. .btn-4:after {
  228.   border: solid #5568AA;
  229.   border-width: 0 2px 2px 0;
  230.   display: inline-block;
  231.   padding: 4px;
  232.   transform: rotate(-45deg) translateY(-48%);
  233.   top: 48%;
  234.   right: 27%;
  235.   opacity: 0;
  236.   visibility: hidden;
  237.   z-index: -1;
  238. }
  239. .btn-4:hover, .btn-4:focus {
  240.   color: #5568AA;
  241.   border: 2px solid transparent;
  242.   padding: 15px 70px;
  243. }
  244. .btn-4:hover:after, .btn-4:focus:after {
  245.   opacity: 1;
  246.   visibility: visible;
  247.   right: 18%;
  248. }
  249. .btn-4:focus {
  250.   border-color: currentColor;
  251. }
  252. .btn-4:hover{
  253.   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  254. }
  255. .img-card {
  256.   float: left;
  257.   height: 200px;
  258.   width: 300px;
  259.   margin-right: 50px;
  260.   margin-top: 10px;
  261.   margin-left: none;
  262. }
  264. ";
  265.         // line 130
  266.         yield "    .section-head.center.wt-small-separator-outer {
  267.         margin-bottom: 50px;
  268.         text-align: left;
  269.     }
  270.     .section-head {
  271.         position: relative;
  272.     }
  273.     .site-text-primary, .wt-small-separator {
  274.         color: #ea130e;
  275.     }
  276.     .wt-small-separator {
  277.         font-family: \"Heebo\", sans-serif;
  278.         text-transform: uppercase;
  279.         letter-spacing: 1px;
  280.         padding-right: 40px;
  281.         font-size: 26px;
  282.         line-height: 26px;
  283.         margin-bottom: 15px;
  284.         position: relative;
  285.         display: inline-block;
  286.         font-weight: 700;
  287.     }
  288.     .section-head.center .wt-small-separator div.sep-leaf-left {
  289.         position: relative;
  290.     }
  291.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  292.         background-color: #ea130e;
  293.     }
  294.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  295.         right: -20px;
  296.         width: 10px;
  297.     }
  298.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  299.         position: absolute;
  300.         content: '';
  301.         height: 22px;
  302.         bottom: 0px;
  303.         top: 0px;
  304.         transform: skew(-20deg);
  305.     }
  306.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  307.         right: -27px;
  308.         width: 4px;
  309.     }
  310.     .section-head.center.wt-small-separator-outer h2 {
  311.         max-width: 630px;
  312.         margin: 0px auto;
  313.     }
  314. </style>
  316. <!-- page title -->
  317. ";
  318.         // line 200
  319.         yield "<!-- /page title -->
  321. <!-- CTA Section -->
  322. <section class=\"cta \" style=\"padding: 1rem 0;\">
  323. \t<div class=\"container\">
  324. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  325. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  326. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  327. \t\t\t\t<div>Notre blog</div>
  328. \t\t\t</div>
  329. \t\t</div>
  330. \t\t<div>Notre blog est une ressource précieuse pour rester informé des dernières tendances en comptabilité, fiscalité et finance. Nous partageons des conseils pratiques, des analyses approfondies et des actualités pour aider nos lecteurs à prendre des décisions éclairées et à optimiser leur gestion financière.</div>
  331. \t</div>
  332. </section>
  334. <section class=\"section-sm\">
  335. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  336. \t\t\t<div class=\"wrap\">
  337. \t\t\t\t<div class=\"container\">
  338. \t\t\t\t\t<ol class=\"breadcrumb\">
  339. \t\t\t\t\t\t<li href=\"#\">
  340. \t\t\t\t\t\t\t<a>Home</a>
  341. \t\t\t\t\t\t</li>
  342. \t\t\t\t\t\t<li href=\"#\">
  343. \t\t\t\t\t\t\t<a>Blog</a>
  344. \t\t\t\t\t\t</li>
  345. \t\t\t\t\t</ol>
  346. \t\t\t\t</div>
  347. \t\t\t</div>
  348. \t\t</div>
  349.   </section>
  351.   <div class=\"container\">
  352.     
  353.     <div class=\"row\" style=\"margin-top: 10px;\">
  354.         <!-- Normal Demo-->
  355.         <div class=\"col-md-4\">
  356.             <!-- Post-->
  357.             <div class=\"post-module\">
  358.                 <!-- Thumbnail-->
  359.                 <div class=\"thumbnail\">
  360.                     <div class=\"date\">
  361.                         <div class=\"day\">27</div>
  362.                         <div class=\"month\">Mar</div>
  363.                     </div><img src=\"";
  364.         // line 244
  365.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/cabinet2.jpg"), "html", null, true);
  366.         yield "\"/>
  367.                 </div>
  368.                 <!-- Post Content-->
  369.                 <div class=\"post-content\">
  370.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  371.                     <h1 class=\"title\">Conseil en fiscalite des societes et des dirigeants</h1>
  372.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Assurer la conformite des declarations fiscales.</h2>
  373.                     <p class=\"description\">Améliorez la gestion de votre activité grâce à nos outils simples et efficaces. Profitez d'une solution complète pour vous concentrer sur votre croissance et atteindre vos objectifs.</p>
  374.                     <div class=\"post-meta\">
  375.                         <span class=\"timestamp\">
  376.                             <i class=\"bi bi-star-fill\"></i>
  377.                             85% de satisfaction
  378.                         </span>
  379.                         <span class=\"comments\">
  380.                             <i class=\"bi bi-person-check\"></i>
  381.                             259 clients suivis
  382.                         </span>
  383.                     </div>
  384.                 </div>
  385.             </div>
  386.         </div>
  387.         <!-- Hover Demo-->
  388.         <div class=\"col-md-4\">
  389.             <!-- Post-->
  390.             <div
  391.                 class=\"post-module\">
  392.                 <!-- Thumbnail-->
  393.                 <div class=\"thumbnail\">
  394.                     <div class=\"date\">
  395.                         <div class=\"day\">27</div>
  396.                         <div class=\"month\">Mar</div>
  397.                     </div><img src=\"";
  398.         // line 275
  399.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg"), "html", null, true);
  400.         yield "\"/>
  401.                 </div>
  402.                 <!-- Post Content-->
  403.                 <div class=\"post-content\">
  404.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  405.                     <h1 class=\"title\">Calcul et optimisation des impôts et taxes</h1>
  406.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Optimiser la fiscalité des entreprises</h2>
  407.                     <p class=\"description\">Simplifiez le calcul et l'optimisation de vos impôts et taxes. Bénéficiez de solutions personnalisées pour réduire vos charges fiscales et maximiser vos économies.</p>
  408.                     <div class=\"post-meta\">
  409.                         <span class=\"timestamp\">
  410.                             <i class=\"bi bi-star-fill\"></i>
  411.                             98% de satisfaction
  412.                         </span>
  413.                         <span class=\"comments\">
  414.                             <i class=\"bi bi-person-check\"></i>
  415.                             134 clients suivis
  416.                         </span>
  417.                     </div>
  418.                 </div>
  419.             </div>
  420.         </div>
  421.         <div class=\"col-md-4\">
  422.             <!-- Post-->
  423.             <div class=\"post-module\">
  424.                 <!-- Thumbnail-->
  425.                 <div class=\"thumbnail\">
  426.                     <div class=\"date\">
  427.                         <div class=\"day\">27</div>
  428.                         <div class=\"month\">Mar</div>
  429.                     </div><img src=\"";
  430.         // line 304
  431.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/deux-hommes-affaires.jpg"), "html", null, true);
  432.         yield "\"/>
  433.                 </div>
  434.                 <!-- Post Content-->
  435.                 <div class=\"post-content\">
  436.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  437.                     <h1 class=\"title\">Assistance en cas de contrôle fiscal</h1>
  438.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Prévenir les risques de redressements ou de sanctions</h2>
  439.                     <p class=\"description\">Recevez une assistance professionnelle lors de contrôles fiscaux. Notre équipe vous accompagne pour garantir la conformité et défendre vos intérêts, minimisant ainsi les risques et les pénalités.</p>
  440.                     <div class=\"post-meta\">
  441.                         <span class=\"timestamp\">
  442.                             <i class=\"bi bi-star-fill\"></i>
  443.                             89% de satisfaction
  444.                         </span>
  445.                         <span class=\"comments\">
  446.                             <i class=\"bi bi-person-check\"></i>
  447.                             390 clients suivis
  448.                         </span>
  449.                     </div>
  450.                 </div>
  451.             </div>
  452.         </div>
  453.     </div> 
  455.     
  456.     <div class=\"col-md-12\">
  457.       <div class=\"my-div\">
  458.         <section class=\"testing-one\">
  459.           <div class=\"description2 to-expand\">
  460.             <h2 class=\"article-title\">
  461.               <a href=\"";
  462.         // line 333
  463.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_detail_blog_article");
  464.         yield "\" class=\"toggle-overlay-article articleTitle\">
  465.                 Actualités fiscales
  466.               </a>
  467.             </h2>
  469.             
  470.             <div class=\"img\">
  471.               <img class=\"img-card\" src=\"";
  472.         // line 340
  473.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/homme-affaires-afro-americain.jpg"), "html", null, true);
  474.         yield "\" alt=\"...\"/>
  475.             </div>
  477.             <p class=\"article-description\">
  478.               Restez informé des dernières évolutions fiscales et obtenez des conseils pratiques pour votre déclaration d'impôts.
  479.             </p>
  480.             <div style=\"margin-bottom: 50px;\">
  481.               <a href=\"";
  482.         // line 347
  483.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_detail_blog_article");
  484.         yield "\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  485.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  486.               </a>
  487.             </div>
  488.           </div></hr>
  489.         </section>
  490.       </div>
  491.     </div>
  493.     <div class=\"col-md-12\">
  494.       <div class=\"my-div\">
  495.         <section class=\"testing-one\">
  496.           <div class=\"description2 to-expand\">
  497.             <h2 class=\"article-title\">
  498.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  499.                 Études de cas
  500.               </a>
  501.             </h2>
  502.             <div class=\"img\">
  503.               <img class=\"img-card\" src=\"";
  504.         // line 366
  505.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/business/business-img-6-min.jpg"), "html", null, true);
  506.         yield "\" alt=\"...\"/>
  507.             </div>
  509.             <p class=\"article-description\">
  510.               Examinez des exemples concrets de réussites grâce à une gestion comptable efficace et apprenez des solutions à des problèmes complexes.
  511.             </p>
  512.             <div style=\"margin-bottom: 20px;\">
  513.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  514.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  515.               </a>
  516.             </div>
  517.           </div></hr>
  518.         </section>
  519.       </div>
  520.     </div>
  522.     <div class=\"col-md-12\">
  523.       <div class=\"my-div\">
  524.         <section class=\"testing-one\">
  525.           <div class=\"description2 to-expand\">
  526.             <h2 class=\"article-title\">
  527.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  528.                 Les bases de la comptabilité
  530.               </a>
  531.             </h2>
  532.             <div class=\"img\">
  533.               <img class=\"img-card\" src=\"";
  534.         // line 393
  535.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/business/business-img-5-min.jpg"), "html", null, true);
  536.         yield "\" alt=\"...\"/>
  537.             </div>
  539.             <p class=\"article-description\">
  540.               Découvrez les principes fondamentaux de la comptabilité, y compris les notions clés et les types de documents à connaître.
  541.             </p>
  542.             <div style=\"margin-bottom: 50px;\">
  543.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  544.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  545.               </a>
  546.             </div>
  547.           </div></hr>
  548.         </section>
  549.       </div>
  550.     </div>
  552.     <div class=\"col-md-12\">
  553.       <div class=\"my-div\">
  554.         <section class=\"testing-one\">
  555.           <div class=\"description2 to-expand\">
  556.             <h2 class=\"article-title\">
  557.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  558.                 Comptabilité pour les travailleurs indépendants
  559.               </a>
  560.             </h2>
  561.             <div class=\"img\">
  562.               <img class=\"img-card\" src=\"";
  563.         // line 419
  564.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/portfolio-details-img-5-min.jpg"), "html", null, true);
  565.         yield "\" alt=\"...\"/>
  566.             </div>
  568.             <p class=\"article-description\">
  569.               Explorez les spécificités de la comptabilité pour freelances, y compris la facturation et la gestion des dépenses.
  570.             </p>
  571.             <div style=\"margin-bottom: 50px;\">
  572.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  573.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  574.               </a>
  575.             </div>
  576.           </div></hr>
  577.         </section>
  578.       </div>
  579.     </div>
  581.     <div class=\"col-md-12\">
  582.       <div class=\"my-div\">
  583.         <section class=\"testing-one\">
  584.           <div class=\"description2 to-expand\">
  585.             <h2 class=\"article-title\">
  586.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  587.                 Outils et logiciels comptables
  588.               </a>
  589.             </h2>
  590.             <div class=\"img\">
  591.               <img class=\"img-card\" src=\"";
  592.         // line 445
  593.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/hero-bg-2-min.jpg"), "html", null, true);
  594.         yield "\" alt=\"...\"/>
  595.             </div>
  597.             <p class=\"article-description\">
  598.               Comparez les meilleures solutions logicielles de comptabilité et découvrez comment les utiliser pour simplifier vos tâches.
  599.             </p>
  600.             <div style=\"margin-bottom: 50px;\">
  601.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  602.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  603.               </a>
  604.             </div>
  605.           </div></hr>
  606.         </section>
  607.       </div>
  608.     </div>
  609.   </div>
  611.   <!-- ======= Breadcrumbs ======= -->
  612.     ";
  613.         // line 467
  614.         yield "                    ";
  615.         // line 478
  616.         yield "                    ";
  617.         // line 492
  618.         yield "                  ";
  619.         // line 496
  620.         yield "
  621.     <!-- ======= Blog Section ======= -->
  622.     ";
  623.         // line 536
  624.         yield "
  626.         ";
  627.         // line 614
  628.         yield "
  629.   </main><!-- End #main -->
  631.   <div class=\"text-center\" style=\"margin-top: 60px; margin-bottom: 60px;\">
  632. \t";
  633.         // line 663
  634.         yield "
  635. \t\t";
  636.         // line 671
  637.         yield "\t\t\t";
  638.         // line 674
  639.         yield "\t\t";
  640.         // line 675
  641.         yield "\t\t";
  642.         // line 684
  643.         yield "\t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  644. \t\t<a href=\"#\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  645. \t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  646. \t\t</a>
  647. \t\t<a href=\"#\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  648. \t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  649. \t\t</a>
  651. \t\t<a href=\"#\" class=\"btn btn-outline-primary mx-2 active\" style=\"margin: 0px 0px;\">1</a>
  653. \t\t<a href=\"#\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  654. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  655. \t\t</a>
  656. \t\t<a href=\"#\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  657. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  658. \t\t</a>
  659. \t</div>
  660. </div>
  662. \t<script>
  663. \tvar swiperFade = new Swiper(\".swiperFade\", {
  664. \tloop: true,
  665. \teffect: 'fade',
  666. \tnavigation: {
  667. \t  nextEl: \".swiper-button-next\",
  668. \t  prevEl: \".swiper-button-prev\"
  669. \t},
  670. \tpagination: {
  671. \t  el: \".swiper-pagination\",
  672. \t},
  673. \t});
  675. \tvar swiperVertical = new Swiper(\".swiperVertical\", {
  676. \t  loop: true,
  677. \t  effect: 'fade',
  678. \t  direction: \"vertical\",
  679. \t  pagination: {
  680. \t    el: \".swiper-pagination\",
  681. \t    clickable: true,
  682. \t  }
  683. \t});
  685. \tvar swiperEffect = new Swiper(\".swiperEffect\", {
  686. \t  loop: true,
  687. \t  effect: \"cards\",
  688. \t  grabCursor: true,
  689. \t  navigation: {
  690. \t    nextEl: \".swiper-button-next\",
  691. \t    prevEl: \".swiper-button-prev\"
  692. \t  },
  693. \t  pagination: {
  694. \t    el: \".swiper-pagination\",
  695. \t  },
  696. \t});
  697. </script>
  699. ";
  700.         
  701.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  703.         
  704.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  706.         return; yield '';
  707.     }
  709.     // line 742
  710.     public function block_javascripttemplate($context, array $blocks = [])
  711.     {
  712.         $macros = $this->macros;
  713.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  714.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  716.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  717.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  719.         // line 743
  720.         yield "
  721. button = document.querySelector('button.filter-select');
  722. datalist = document.querySelector('datalist#text_editors');
  723. select = document.querySelector('select.select-input');
  724. options = select.options;
  726. /* on arrow button click, show/hide the DDL*/
  727. button.addEventListener('click', toggle_ddl);
  729. function toggle_ddl() {
  730.   if (datalist.style.display === '') {
  731.     datalist.style.display = 'block';
  732.     this.textContent = \"▲\";
  733.     /* If input already has a value, select that option from DDL */
  734.     var val = input.value;
  735.     for (var i = 0; i < options.length; i++){
  736.       if (options[i].text === val){
  737.         select.selectedIndex = i;
  738.         break;
  739.       }
  740.     }
  741.   } else hide_select();
  742. }
  744. /* when user selects an option from DDL, write it to text field */
  745. select.addEventListener('change', fill_input);
  747. function fill_input() {
  748.   input.value = options[this.selectedIndex].value;
  749.   //alert(options[this.selectedIndex].getAttribute('data-value'))
  750.   document.location.href= ''+options[this.selectedIndex].getAttribute('data-value');
  751.   hide_select();
  752. }
  754. /* when user wants to type in text field, hide DDL */
  755. input = document.querySelector('input#filter-select-input');
  756. input.addEventListener('focus', hide_select);
  758. function hide_select() {
  759.   datalist.style.display = '';
  760.   button.textContent = \"▼\";
  761. }
  762. input.addEventListener('change', change_select);
  764. function change_select(){
  765.     var val = input.value;
  766.     for (var i = 0; i < options.length; i++) {
  767.       if (options[i].text === val) {
  768.         //alert(options[i].getAttribute('data-value'))
  769.         document.location.href= ''+options[i].getAttribute('data-value');
  770.         break;
  771.       }
  772.     }
  773. }
  774. ";
  775.         
  776.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  778.         
  779.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  781.         return; yield '';
  782.     }
  784.     /**
  785.      * @codeCoverageIgnore
  786.      */
  787.     public function getTemplateName()
  788.     {
  789.         return "Theme/Produit/Service/Article/articlesblog.html.twig";
  790.     }
  792.     /**
  793.      * @codeCoverageIgnore
  794.      */
  795.     public function isTraitable()
  796.     {
  797.         return false;
  798.     }
  800.     /**
  801.      * @codeCoverageIgnore
  802.      */
  803.     public function getDebugInfo()
  804.     {
  805.         return array (  720 => 743,  710 => 742,  643 => 684,  641 => 675,  639 => 674,  637 => 671,  634 => 663,  628 => 614,  624 => 536,  620 => 496,  618 => 492,  616 => 478,  614 => 467,  593 => 445,  564 => 419,  535 => 393,  505 => 366,  483 => 347,  473 => 340,  463 => 333,  431 => 304,  399 => 275,  365 => 244,  319 => 200,  266 => 130,  160 => 25,  158 => 21,  154 => 18,  144 => 17,  130 => 14,  120 => 13,  106 => 10,  96 => 9,  83 => 6,  78 => 4,  73 => 3,  63 => 2,  40 => 1,);
  806.     }
  808.     public function getSourceContext()
  809.     {
  810.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  811. {% block meta %}
  812. \t{{ parent() }}
  813. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  814. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  815. \t<meta name=\"description\" content=\"{{ site }}\" />
  816. {% endblock %}
  818. {% block title %}
  819. \t{{ parent() }} - Détails du service ..
  820. {% endblock %}
  822. {% block stylesheets %}
  823.     {{ parent() }}
  824. {% endblock %}
  826. {% block userblog_body %}
  828.   <style>
  829. \t{# End Breadcrumb #}
  830. \t{# :root {
  831.   --swiper-pagination-color: #fff;
  832.   --swiper-pagination-bullet-inactive-color: #fff;
  833.  } #}
  834.   /*  CARDS */
  836. .testing-one {
  837.   /*border: 1px solid #0000003f;*/
  838.   box-shadow: 2px 2px 2px 2px rgba(46, 61, 73, 0.2);
  839.   width: 100%;
  840.   border-radius: 10px;
  841.   padding: 20px;
  842.   margin-bottom: 20px;
  843.   padding-bottom: 50px;
  844. }
  846. .testing-one:hover {
  847.   box-shadow: 2px 4px 8px 2px rgba(46, 61, 73, 0.2);
  848. }
  850. .testing-one:hover .articleTitle {
  851.   text-decoration: underline;
  852.   color: rgba(12, 145, 228, 0.96);
  853. }
  855. .img {
  856.   float: left;
  857.   height: auto;
  858.   width: 300px;
  859.   margin-right: 50px;
  860.   margin-left: none;
  861. }
  863. .article-description {
  864.     padding-top: 20px;
  865. }
  867. a {
  868.   text-decoration: none;
  869. }
  871. .articleTitle {
  872.   font-size: 25px;
  873.   color: black;
  874. }
  877. .btn-home {
  878.   font-family: \"Barlow\", sans-serif;
  879.   font-weight: 700;
  880.   font-size: 18px;
  881.   padding: 15px 40px;
  882.   background: #fff;
  883.   border: none;
  884.   cursor: pointer;
  885.   transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  886.   position: relative;
  887.   z-index: 2;
  888.   border-radius: 50px;
  889.   overflow: hidden;
  890. }
  891. .btn-home:after {
  892.   content: \"\";
  893.   position: absolute;
  894.   transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  895. }
  897. .btn-4 {
  898.   color: #252D4A;
  899.   border: 2px solid currentColor;
  900. }
  901. .btn-4:after {
  902.   border: solid #5568AA;
  903.   border-width: 0 2px 2px 0;
  904.   display: inline-block;
  905.   padding: 4px;
  906.   transform: rotate(-45deg) translateY(-48%);
  907.   top: 48%;
  908.   right: 27%;
  909.   opacity: 0;
  910.   visibility: hidden;
  911.   z-index: -1;
  912. }
  913. .btn-4:hover, .btn-4:focus {
  914.   color: #5568AA;
  915.   border: 2px solid transparent;
  916.   padding: 15px 70px;
  917. }
  918. .btn-4:hover:after, .btn-4:focus:after {
  919.   opacity: 1;
  920.   visibility: visible;
  921.   right: 18%;
  922. }
  923. .btn-4:focus {
  924.   border-color: currentColor;
  925. }
  926. .btn-4:hover{
  927.   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  928. }
  929. .img-card {
  930.   float: left;
  931.   height: 200px;
  932.   width: 300px;
  933.   margin-right: 50px;
  934.   margin-top: 10px;
  935.   margin-left: none;
  936. }
  938. {# css indice sections  #}
  939.     .section-head.center.wt-small-separator-outer {
  940.         margin-bottom: 50px;
  941.         text-align: left;
  942.     }
  943.     .section-head {
  944.         position: relative;
  945.     }
  946.     .site-text-primary, .wt-small-separator {
  947.         color: #ea130e;
  948.     }
  949.     .wt-small-separator {
  950.         font-family: \"Heebo\", sans-serif;
  951.         text-transform: uppercase;
  952.         letter-spacing: 1px;
  953.         padding-right: 40px;
  954.         font-size: 26px;
  955.         line-height: 26px;
  956.         margin-bottom: 15px;
  957.         position: relative;
  958.         display: inline-block;
  959.         font-weight: 700;
  960.     }
  961.     .section-head.center .wt-small-separator div.sep-leaf-left {
  962.         position: relative;
  963.     }
  964.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  965.         background-color: #ea130e;
  966.     }
  967.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  968.         right: -20px;
  969.         width: 10px;
  970.     }
  971.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  972.         position: absolute;
  973.         content: '';
  974.         height: 22px;
  975.         bottom: 0px;
  976.         top: 0px;
  977.         transform: skew(-20deg);
  978.     }
  979.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  980.         right: -27px;
  981.         width: 4px;
  982.     }
  983.     .section-head.center.wt-small-separator-outer h2 {
  984.         max-width: 630px;
  985.         margin: 0px auto;
  986.     }
  987. </style>
  989. <!-- page title -->
  990. {# <section class=\"page-title-section overlay\">
  991.   <div class=\"container\">
  992.     <div class=\"row\">
  993.       <div class=\"col-md-12\">
  994.         {% if aboutBlog != null %}
  995.         <h2 style=\"color: #fff;\">
  996.           {{ aboutBlog.title }}
  997.         </h2>
  998.         <p class=\"text-lighten\">{{ aboutBlog.valeur }}</p>
  999.         {% else %}
  1000.         <h2 style=\"color: #fff;\">
  1001.             {{ site }} est l'agence qu'il vous faut pour la modernisation de votre entreprise !
  1002.           </h2>
  1003.           <p class=\"text-lighten\">Avez-vous d'autres questions? Ne vous inquiétez pas, il n'y a pas de questions idiotes. Remplissez simplement le formulaire ci-dessous et nous vous répondrons dans les plus brefs délais.</p>
  1004.         {% endif %}
  1005.       </div>
  1006.     </div>
  1007.   </div>
  1008. </section> #}
  1009. <!-- /page title -->
  1011. <!-- CTA Section -->
  1012. <section class=\"cta \" style=\"padding: 1rem 0;\">
  1013. \t<div class=\"container\">
  1014. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  1015. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  1016. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  1017. \t\t\t\t<div>Notre blog</div>
  1018. \t\t\t</div>
  1019. \t\t</div>
  1020. \t\t<div>Notre blog est une ressource précieuse pour rester informé des dernières tendances en comptabilité, fiscalité et finance. Nous partageons des conseils pratiques, des analyses approfondies et des actualités pour aider nos lecteurs à prendre des décisions éclairées et à optimiser leur gestion financière.</div>
  1021. \t</div>
  1022. </section>
  1024. <section class=\"section-sm\">
  1025. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  1026. \t\t\t<div class=\"wrap\">
  1027. \t\t\t\t<div class=\"container\">
  1028. \t\t\t\t\t<ol class=\"breadcrumb\">
  1029. \t\t\t\t\t\t<li href=\"#\">
  1030. \t\t\t\t\t\t\t<a>Home</a>
  1031. \t\t\t\t\t\t</li>
  1032. \t\t\t\t\t\t<li href=\"#\">
  1033. \t\t\t\t\t\t\t<a>Blog</a>
  1034. \t\t\t\t\t\t</li>
  1035. \t\t\t\t\t</ol>
  1036. \t\t\t\t</div>
  1037. \t\t\t</div>
  1038. \t\t</div>
  1039.   </section>
  1041.   <div class=\"container\">
  1042.     
  1043.     <div class=\"row\" style=\"margin-top: 10px;\">
  1044.         <!-- Normal Demo-->
  1045.         <div class=\"col-md-4\">
  1046.             <!-- Post-->
  1047.             <div class=\"post-module\">
  1048.                 <!-- Thumbnail-->
  1049.                 <div class=\"thumbnail\">
  1050.                     <div class=\"date\">
  1051.                         <div class=\"day\">27</div>
  1052.                         <div class=\"month\">Mar</div>
  1053.                     </div><img src=\"{{ asset('templateSyscofie/images/cabinet2.jpg') }}\"/>
  1054.                 </div>
  1055.                 <!-- Post Content-->
  1056.                 <div class=\"post-content\">
  1057.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1058.                     <h1 class=\"title\">Conseil en fiscalite des societes et des dirigeants</h1>
  1059.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Assurer la conformite des declarations fiscales.</h2>
  1060.                     <p class=\"description\">Améliorez la gestion de votre activité grâce à nos outils simples et efficaces. Profitez d'une solution complète pour vous concentrer sur votre croissance et atteindre vos objectifs.</p>
  1061.                     <div class=\"post-meta\">
  1062.                         <span class=\"timestamp\">
  1063.                             <i class=\"bi bi-star-fill\"></i>
  1064.                             85% de satisfaction
  1065.                         </span>
  1066.                         <span class=\"comments\">
  1067.                             <i class=\"bi bi-person-check\"></i>
  1068.                             259 clients suivis
  1069.                         </span>
  1070.                     </div>
  1071.                 </div>
  1072.             </div>
  1073.         </div>
  1074.         <!-- Hover Demo-->
  1075.         <div class=\"col-md-4\">
  1076.             <!-- Post-->
  1077.             <div
  1078.                 class=\"post-module\">
  1079.                 <!-- Thumbnail-->
  1080.                 <div class=\"thumbnail\">
  1081.                     <div class=\"date\">
  1082.                         <div class=\"day\">27</div>
  1083.                         <div class=\"month\">Mar</div>
  1084.                     </div><img src=\"{{ asset('templateSyscofie/images/negociations-commerciales-dans-bureau-moderne.jpg') }}\"/>
  1085.                 </div>
  1086.                 <!-- Post Content-->
  1087.                 <div class=\"post-content\">
  1088.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1089.                     <h1 class=\"title\">Calcul et optimisation des impôts et taxes</h1>
  1090.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Optimiser la fiscalité des entreprises</h2>
  1091.                     <p class=\"description\">Simplifiez le calcul et l'optimisation de vos impôts et taxes. Bénéficiez de solutions personnalisées pour réduire vos charges fiscales et maximiser vos économies.</p>
  1092.                     <div class=\"post-meta\">
  1093.                         <span class=\"timestamp\">
  1094.                             <i class=\"bi bi-star-fill\"></i>
  1095.                             98% de satisfaction
  1096.                         </span>
  1097.                         <span class=\"comments\">
  1098.                             <i class=\"bi bi-person-check\"></i>
  1099.                             134 clients suivis
  1100.                         </span>
  1101.                     </div>
  1102.                 </div>
  1103.             </div>
  1104.         </div>
  1105.         <div class=\"col-md-4\">
  1106.             <!-- Post-->
  1107.             <div class=\"post-module\">
  1108.                 <!-- Thumbnail-->
  1109.                 <div class=\"thumbnail\">
  1110.                     <div class=\"date\">
  1111.                         <div class=\"day\">27</div>
  1112.                         <div class=\"month\">Mar</div>
  1113.                     </div><img src=\"{{ asset('templateSyscofie/images/deux-hommes-affaires.jpg') }}\"/>
  1114.                 </div>
  1115.                 <!-- Post Content-->
  1116.                 <div class=\"post-content\">
  1117.                     <a href=\"#\"><div class=\"category\">En savoir plus</div></a>
  1118.                     <h1 class=\"title\">Assistance en cas de contrôle fiscal</h1>
  1119.                     <h2 class=\"sub_title\" style=\"font-size: 15px;\">Prévenir les risques de redressements ou de sanctions</h2>
  1120.                     <p class=\"description\">Recevez une assistance professionnelle lors de contrôles fiscaux. Notre équipe vous accompagne pour garantir la conformité et défendre vos intérêts, minimisant ainsi les risques et les pénalités.</p>
  1121.                     <div class=\"post-meta\">
  1122.                         <span class=\"timestamp\">
  1123.                             <i class=\"bi bi-star-fill\"></i>
  1124.                             89% de satisfaction
  1125.                         </span>
  1126.                         <span class=\"comments\">
  1127.                             <i class=\"bi bi-person-check\"></i>
  1128.                             390 clients suivis
  1129.                         </span>
  1130.                     </div>
  1131.                 </div>
  1132.             </div>
  1133.         </div>
  1134.     </div> 
  1136.     
  1137.     <div class=\"col-md-12\">
  1138.       <div class=\"my-div\">
  1139.         <section class=\"testing-one\">
  1140.           <div class=\"description2 to-expand\">
  1141.             <h2 class=\"article-title\">
  1142.               <a href=\"{{ path('produit_service_detail_blog_article') }}\" class=\"toggle-overlay-article articleTitle\">
  1143.                 Actualités fiscales
  1144.               </a>
  1145.             </h2>
  1147.             
  1148.             <div class=\"img\">
  1149.               <img class=\"img-card\" src=\"{{ asset('templateSyscofie/images/homme-affaires-afro-americain.jpg') }}\" alt=\"...\"/>
  1150.             </div>
  1152.             <p class=\"article-description\">
  1153.               Restez informé des dernières évolutions fiscales et obtenez des conseils pratiques pour votre déclaration d'impôts.
  1154.             </p>
  1155.             <div style=\"margin-bottom: 50px;\">
  1156.               <a href=\"{{ path('produit_service_detail_blog_article') }}\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  1157.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  1158.               </a>
  1159.             </div>
  1160.           </div></hr>
  1161.         </section>
  1162.       </div>
  1163.     </div>
  1165.     <div class=\"col-md-12\">
  1166.       <div class=\"my-div\">
  1167.         <section class=\"testing-one\">
  1168.           <div class=\"description2 to-expand\">
  1169.             <h2 class=\"article-title\">
  1170.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  1171.                 Études de cas
  1172.               </a>
  1173.             </h2>
  1174.             <div class=\"img\">
  1175.               <img class=\"img-card\" src=\"{{ asset('templateSyscofie/images/business/business-img-6-min.jpg') }}\" alt=\"...\"/>
  1176.             </div>
  1178.             <p class=\"article-description\">
  1179.               Examinez des exemples concrets de réussites grâce à une gestion comptable efficace et apprenez des solutions à des problèmes complexes.
  1180.             </p>
  1181.             <div style=\"margin-bottom: 20px;\">
  1182.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  1183.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  1184.               </a>
  1185.             </div>
  1186.           </div></hr>
  1187.         </section>
  1188.       </div>
  1189.     </div>
  1191.     <div class=\"col-md-12\">
  1192.       <div class=\"my-div\">
  1193.         <section class=\"testing-one\">
  1194.           <div class=\"description2 to-expand\">
  1195.             <h2 class=\"article-title\">
  1196.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  1197.                 Les bases de la comptabilité
  1199.               </a>
  1200.             </h2>
  1201.             <div class=\"img\">
  1202.               <img class=\"img-card\" src=\"{{ asset('templateSyscofie/images/business/business-img-5-min.jpg') }}\" alt=\"...\"/>
  1203.             </div>
  1205.             <p class=\"article-description\">
  1206.               Découvrez les principes fondamentaux de la comptabilité, y compris les notions clés et les types de documents à connaître.
  1207.             </p>
  1208.             <div style=\"margin-bottom: 50px;\">
  1209.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  1210.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  1211.               </a>
  1212.             </div>
  1213.           </div></hr>
  1214.         </section>
  1215.       </div>
  1216.     </div>
  1218.     <div class=\"col-md-12\">
  1219.       <div class=\"my-div\">
  1220.         <section class=\"testing-one\">
  1221.           <div class=\"description2 to-expand\">
  1222.             <h2 class=\"article-title\">
  1223.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  1224.                 Comptabilité pour les travailleurs indépendants
  1225.               </a>
  1226.             </h2>
  1227.             <div class=\"img\">
  1228.               <img class=\"img-card\" src=\"{{ asset('templateSyscofie/images/portfolio-details-img-5-min.jpg') }}\" alt=\"...\"/>
  1229.             </div>
  1231.             <p class=\"article-description\">
  1232.               Explorez les spécificités de la comptabilité pour freelances, y compris la facturation et la gestion des dépenses.
  1233.             </p>
  1234.             <div style=\"margin-bottom: 50px;\">
  1235.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  1236.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  1237.               </a>
  1238.             </div>
  1239.           </div></hr>
  1240.         </section>
  1241.       </div>
  1242.     </div>
  1244.     <div class=\"col-md-12\">
  1245.       <div class=\"my-div\">
  1246.         <section class=\"testing-one\">
  1247.           <div class=\"description2 to-expand\">
  1248.             <h2 class=\"article-title\">
  1249.               <a href=\"#!\" class=\"toggle-overlay-article articleTitle\">
  1250.                 Outils et logiciels comptables
  1251.               </a>
  1252.             </h2>
  1253.             <div class=\"img\">
  1254.               <img class=\"img-card\" src=\"{{ asset('templateSyscofie/images/hero-bg-2-min.jpg') }}\" alt=\"...\"/>
  1255.             </div>
  1257.             <p class=\"article-description\">
  1258.               Comparez les meilleures solutions logicielles de comptabilité et découvrez comment les utiliser pour simplifier vos tâches.
  1259.             </p>
  1260.             <div style=\"margin-bottom: 50px;\">
  1261.               <a href=\"#!\" class=\"toggle-overlay-article\" style=\"display: inline-block;\">
  1262.                 <button class=\"btn-home btn-4 btn-mulberry\">En savoir plus</button>
  1263.               </a>
  1264.             </div>
  1265.           </div></hr>
  1266.         </section>
  1267.       </div>
  1268.     </div>
  1269.   </div>
  1271.   <!-- ======= Breadcrumbs ======= -->
  1272.     {# <div class=\"breadcrumbs\">
  1273.         <nav>
  1274.             <div class=\"container\">
  1275.                 <div class=\"row\"> #}
  1276.                     {# <div class=\"col-md-6\">
  1277.                         <nav>
  1278.                             <ol>
  1279.                             <li><a href=\"{{ path('users_user_accueil') }}\">Accueil</a></li>
  1280.                             <li>Blog</li>
  1281.                             {% if typearticle != null %}
  1282.                             <li>{{ typearticle.name }}</li>
  1283.                             {% endif %}
  1284.                             </ol>
  1285.                         </nav>
  1286.                     </div> #}
  1287.                     {# <div class=\"col-md-6\">
  1288.                         <form class=\"search-select-form\" >
  1289.                             <input id=\"filter-select-input\" style=\"height: 45px; padding: 7px 15px;\" placeholder=\"Filtrer par catégorie\" list=text_editors>
  1290.                             <button type=\"button\" class=\"filter-select\" style=\"height: 45px; background-color: #2fa84b; color: #fff;\">▼</button>
  1291.                             <datalist id=\"text_editors\">
  1292.                                 <select multiple size=8 class=\"select-input\">
  1293.                                     {% for article in type_article %}
  1294.                                     <option value=\"{{ article.name }}\" data-value=\"{{ path('produit_service_blog_pagine', {'type': article.id, 'page': page}) }}\">{{ article.name }}</option>
  1295.                                     {% endfor %}
  1296.                                     <option value=\"Tous les articles\" data-value=\"{{ path('produit_service_blog_pagine', {'type': 0, 'page': 1}) }}\">Tous les articles</option>
  1297.                                 </select>
  1298.                             </datalist>
  1299.                         </form>
  1300.                     </div> #}
  1301.                   {# </div>
  1302.             </div>
  1303.         </nav>
  1304.     </div><!-- End Breadcrumbs --> #}
  1306.     <!-- ======= Blog Section ======= -->
  1307.     {# <section id=\"blog\" class=\"blog\">
  1308.       <div class=\"container\" data-aos=\"fade-up\">
  1310.         <div class=\"row gy-4 posts-list\">
  1312.         {% for article in liste_article %}
  1313.         <div class=\"col-xl-4 col-md-6\">
  1314.             <article>
  1316.             <div class=\"post-img\">
  1317.                 <img src=\"{% if article.imgarticle != null  %}{{ vich_uploader_asset(article.imgarticle) }}{% else %}{{ asset('template/assets/img/blog/blog-3.jpg') }}{% endif %}\" alt=\"\" class=\"img-fluid\">
  1318.             </div>
  1319.             <p class=\"post-category\">{{ article.typearticle.name }}</p>
  1320.             <h2 class=\"title\">
  1321.                 <a href=\"{{ path('produit_service_description_article_blog', {'id': article.id }) }}\">{{ article.title }}</a>
  1322.             </h2>
  1324.             <div class=\"d-flex align-items-center\">
  1325.                 <img src=\"{{ asset('template/images/co.png') }}\" alt=\"\" class=\"img-fluid post-author-img flex-shrink-0\">
  1326.                 <div class=\"post-meta\">
  1327.                 <p class=\"post-author-list\">{{ article.user.name(50) }}</p>
  1328.                 <p class=\"post-date\">
  1329.                     <time datetime=\"2022-01-01\">{{ article.createdAt|date('d') }} {{ article.createdAt|date('m') }} {{ article.createdAt|date('Y') }}</time>
  1330.                 </p>
  1331.                 </div>
  1332.             </div>
  1334.             </article>
  1335.         </div><!-- End post list item -->
  1336.         {% else %}
  1337.         <div class=\"col-xl-12 col-md-12\">
  1338.             <article style=\"background: #fff; min-height: 500px; padding-top: 150px;\">
  1339.               <h3 class=\"text-center\">Aucune donnée.</h3>
  1340.             </article>
  1341.         </div><!-- End post list item -->
  1342.         {% endfor %}
  1344.         </div><!-- End blog posts list --> #}
  1347.         {# {% if nombrepage > 0 %}
  1348. \t\t\t\t\t\t
  1349. \t\t\t{% if page > 1 and page <= nombrepage %}
  1350. \t\t\t{% set pagepre = page - 1 %}
  1351. \t\t\t{% else %}
  1352. \t\t\t\t{% set pagepre = nombrepage %}
  1353. \t\t\t{% endif %}
  1355. \t\t\t{% if page < nombrepage %}
  1356. \t\t\t\t{% set pagesuiv = page + 1 %}
  1357. \t\t\t{% else %}
  1358. \t\t\t\t{% set pagesuiv =  1 %}
  1359. \t\t\t{% endif %}
  1361. \t\t\t{% if nombrepage < 5 %}
  1362. \t\t\t\t{% set debut = 1 %}
  1363. \t\t\t\t{% set fin = nombrepage %}
  1364. \t\t\t{% else %}
  1365. \t\t\t\t{% if page > 2 and page < (nombrepage - 2) %}
  1366. \t\t\t\t\t{% set debut = page - 2 %}
  1367. \t\t\t\t\t{% if page + 2 >= nombrepage %}
  1368. \t\t\t\t\t\t{% set fin = nombrepage %}
  1369. \t\t\t\t\t{% else %}
  1370. \t\t\t\t\t\t{% set fin = page + 2 %}
  1371. \t\t\t\t\t{% endif %}
  1372. \t\t\t\t{% else %}
  1373. \t\t\t\t\t{% if page <= 2 %}
  1374. \t\t\t\t\t\t{% if page == 1 %}
  1375. \t\t\t\t\t\t\t{% set debut = 1 %}
  1376. \t\t\t\t\t\t\t{% set fin = page + 3 %}
  1377. \t\t\t\t\t\t{% else %}
  1378. \t\t\t\t\t\t\t{% set debut = 1 %}
  1379. \t\t\t\t\t\t\t{% set fin = page + 2 %}
  1380. \t\t\t\t\t\t{% endif %}
  1381. \t\t\t\t\t{% else %}
  1382. \t\t\t\t\t\t{% set debut = page - 2 %}
  1383. \t\t\t\t\t\t{% if page + 2 >= nombrepage %}
  1384. \t\t\t\t\t\t\t{% set fin = nombrepage %}
  1385. \t\t\t\t\t\t{% else %}
  1386. \t\t\t\t\t\t\t{% set fin = page + 2 %}
  1387. \t\t\t\t\t\t{% endif %}
  1388. \t\t\t\t\t{% endif %}
  1389. \t\t\t\t{% endif %}
  1390. \t\t\t\t
  1391. \t\t\t{% endif %}
  1392. \t\t\t
  1394. \t\t\t<div class=\"blog-pagination\">
  1395.                 <ul class=\"justify-content-center\">
  1396.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': 1 }) }}\" title=\"Première page\"><span class=\"bi bi-arrow-left\"></span></a></li>
  1397.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': pagepre }) }}\" title=\"Page précedente\"><span class=\"bi bi-chevron-compact-left\" ></span></a></li>
  1398.                     {% for p in debut..fin %}
  1399.                     <li class=\"page {% if p == page %}active{% endif %}\"><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': p }) }}\">{{ p }}</a></li>
  1400.                     {% endfor %}
  1401.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': pagesuiv }) }}\"  title=\"Page suivante\"><span class=\"bi bi-chevron-compact-right\"></span></a></li>
  1402.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': nombrepage }) }}\" title=\"Dernière page\"><span class=\"bi bi-arrow-right\"></span></a></li>
  1403.                 </ul>
  1404.             </div>
  1405. \t\t\t
  1406. \t\t\t{% else %}
  1408. \t\t\t<div class=\"blog-pagination\">
  1409.                 <ul class=\"justify-content-center\">
  1410.                     <li><a  href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': page }) }}\" title=\"Première page\"><span class=\"fa fa-fast-backward\"></span></a></li>
  1411.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': page }) }}\" title=\"Page précedente\"><span class=\"fa fa-step-backward\"></span></a></li>
  1412.                     
  1413.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': 1 }) }}\" class=\"page active\">1</a></li>
  1414.                     
  1415.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': page }) }}\"  title=\"Page suivante\"><span class=\"fa fa-step-forward\" style=\"font-size: 13px;\"></span></a></li>
  1416.                     <li><a href=\"{{ path('produit_service_blog_pagine', {'type': type, 'page': page }) }}\" title=\"Dernière page\"><span class=\"fa fa-fast-forward\" style=\"font-size: 13px;\"></span></a></li>
  1417.                 </ul>
  1418.             </div>
  1419. \t\t\t{% endif %}
  1421.       </div>
  1422.     </section><!-- End Blog Section --> #}
  1424.   </main><!-- End #main -->
  1426.   <div class=\"text-center\" style=\"margin-top: 60px; margin-bottom: 60px;\">
  1427. \t{# {% if nombrepage > 0 %}
  1429. \t\t{% if page > 1 and page <= nombrepage %}
  1430. \t\t\t{% set pagepre = page - 1 %}
  1431. \t\t{% else %}
  1432. \t\t\t{% set pagepre = nombrepage %}
  1433. \t\t{% endif %}
  1435. \t\t{% if page < nombrepage %}
  1436. \t\t\t{% set pagesuiv = page + 1 %}
  1437. \t\t{% else %}
  1438. \t\t\t{% set pagesuiv =  1 %}
  1439. \t\t{% endif %}
  1441. \t\t{% if nombrepage < 5 %}
  1442. \t\t\t{% set debut = 1 %}
  1443. \t\t\t{% set fin = nombrepage %}
  1444. \t\t{% else %}
  1445. \t\t\t{% if page > 2 and page < (nombrepage - 2) %}
  1446. \t\t\t\t{% set debut = page - 2 %}
  1447. \t\t\t\t{% if page + 2 >= nombrepage %}
  1448. \t\t\t\t\t{% set fin = nombrepage %}
  1449. \t\t\t\t{% else %}
  1450. \t\t\t\t\t{% set fin = page + 2 %}
  1451. \t\t\t\t{% endif %}
  1452. \t\t\t{% else %}
  1453. \t\t\t\t{% if page <= 2 %}
  1454. \t\t\t\t\t{% if page == 1 %}
  1455. \t\t\t\t\t\t{% set debut = 1 %}
  1456. \t\t\t\t\t\t{% set fin = page + 3 %}
  1457. \t\t\t\t\t{% else %}
  1458. \t\t\t\t\t\t{% set debut = 1 %}
  1459. \t\t\t\t\t\t{% set fin = page + 2 %}
  1460. \t\t\t\t\t{% endif %}
  1461. \t\t\t\t{% else %}
  1462. \t\t\t\t\t{% set debut = page - 2 %}
  1463. \t\t\t\t\t{% if page + 2 >= nombrepage %}
  1464. \t\t\t\t\t\t{% set fin = nombrepage %}
  1465. \t\t\t\t\t{% else %}
  1466. \t\t\t\t\t\t{% set fin = page + 2 %}
  1467. \t\t\t\t\t{% endif %}
  1468. \t\t\t\t{% endif %}
  1469. \t\t\t{% endif %}
  1471. \t\t{% endif %} #}
  1473. \t\t{# <div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  1474. \t\t\t<a href=\"#\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  1475. \t\t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  1476. \t\t\t</a>
  1477. \t\t\t<a href=\"#\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  1478. \t\t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  1479. \t\t\t</a> #}
  1480. \t\t\t{# {% for p in debut..fin %}
  1481. \t\t\t\t<a href=\"#\" value=\"{{ p }}\" class=\"btn btn-outline-primary mx-2 {% if p == page %}active{% endif %}\">{{ p }}</a>
  1482. \t\t\t</li> #}
  1483. \t\t{# {% endfor %} #}
  1484. \t\t{# <a href=\"#\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  1485. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  1486. \t\t</a>
  1487. \t\t<a href=\"#\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  1488. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  1489. \t\t</a>
  1490. \t</div>
  1491. \t<div class=\"clearfix\"></div> #}
  1492. {# {% else %} #}
  1493. \t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  1494. \t\t<a href=\"#\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  1495. \t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  1496. \t\t</a>
  1497. \t\t<a href=\"#\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  1498. \t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  1499. \t\t</a>
  1501. \t\t<a href=\"#\" class=\"btn btn-outline-primary mx-2 active\" style=\"margin: 0px 0px;\">1</a>
  1503. \t\t<a href=\"#\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  1504. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  1505. \t\t</a>
  1506. \t\t<a href=\"#\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  1507. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  1508. \t\t</a>
  1509. \t</div>
  1510. </div>
  1512. \t<script>
  1513. \tvar swiperFade = new Swiper(\".swiperFade\", {
  1514. \tloop: true,
  1515. \teffect: 'fade',
  1516. \tnavigation: {
  1517. \t  nextEl: \".swiper-button-next\",
  1518. \t  prevEl: \".swiper-button-prev\"
  1519. \t},
  1520. \tpagination: {
  1521. \t  el: \".swiper-pagination\",
  1522. \t},
  1523. \t});
  1525. \tvar swiperVertical = new Swiper(\".swiperVertical\", {
  1526. \t  loop: true,
  1527. \t  effect: 'fade',
  1528. \t  direction: \"vertical\",
  1529. \t  pagination: {
  1530. \t    el: \".swiper-pagination\",
  1531. \t    clickable: true,
  1532. \t  }
  1533. \t});
  1535. \tvar swiperEffect = new Swiper(\".swiperEffect\", {
  1536. \t  loop: true,
  1537. \t  effect: \"cards\",
  1538. \t  grabCursor: true,
  1539. \t  navigation: {
  1540. \t    nextEl: \".swiper-button-next\",
  1541. \t    prevEl: \".swiper-button-prev\"
  1542. \t  },
  1543. \t  pagination: {
  1544. \t    el: \".swiper-pagination\",
  1545. \t  },
  1546. \t});
  1547. </script>
  1549. {% endblock %}
  1551. {% block javascripttemplate %}
  1553. button = document.querySelector('button.filter-select');
  1554. datalist = document.querySelector('datalist#text_editors');
  1555. select = document.querySelector('select.select-input');
  1556. options = select.options;
  1558. /* on arrow button click, show/hide the DDL*/
  1559. button.addEventListener('click', toggle_ddl);
  1561. function toggle_ddl() {
  1562.   if (datalist.style.display === '') {
  1563.     datalist.style.display = 'block';
  1564.     this.textContent = \"▲\";
  1565.     /* If input already has a value, select that option from DDL */
  1566.     var val = input.value;
  1567.     for (var i = 0; i < options.length; i++){
  1568.       if (options[i].text === val){
  1569.         select.selectedIndex = i;
  1570.         break;
  1571.       }
  1572.     }
  1573.   } else hide_select();
  1574. }
  1576. /* when user selects an option from DDL, write it to text field */
  1577. select.addEventListener('change', fill_input);
  1579. function fill_input() {
  1580.   input.value = options[this.selectedIndex].value;
  1581.   //alert(options[this.selectedIndex].getAttribute('data-value'))
  1582.   document.location.href= ''+options[this.selectedIndex].getAttribute('data-value');
  1583.   hide_select();
  1584. }
  1586. /* when user wants to type in text field, hide DDL */
  1587. input = document.querySelector('input#filter-select-input');
  1588. input.addEventListener('focus', hide_select);
  1590. function hide_select() {
  1591.   datalist.style.display = '';
  1592.   button.textContent = \"▼\";
  1593. }
  1594. input.addEventListener('change', change_select);
  1596. function change_select(){
  1597.     var val = input.value;
  1598.     for (var i = 0; i < options.length; i++) {
  1599.       if (options[i].text === val) {
  1600.         //alert(options[i].getAttribute('data-value'))
  1601.         document.location.href= ''+options[i].getAttribute('data-value');
  1602.         break;
  1603.       }
  1604.     }
  1605. }
  1606. {% endblock %}", "Theme/Produit/Service/Article/articlesblog.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Article/articlesblog.html.twig");
  1607.     }
  1608. }