var/cache/dev/twig/a5/a5b6b4cca5fd2c2f94c41881c2c837c9.php line 52

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/Service/aboutstruct.html.twig */
  17. class __TwigTemplate_1fe8404856fb07f04d9faabea8eb6c94 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.             'userblog_body' => [$this, 'block_userblog_body'],
  32.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "Theme/Users/User/layoutbase.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/aboutstruct.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/aboutstruct.html.twig"));
  51.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Service/aboutstruct.html.twig", 1);
  52.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 2
  62.     public function block_meta($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  71.         // line 3
  72.         yield "\t";
  73.         yield from $this->yieldParentBlock("meta", $context, $blocks);
  74.         yield "
  75. \t<meta name=\"keywords\" content=\"";
  76.         // line 4
  77.         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);
  78.         yield ", \"/>
  79. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  80. \t<meta name=\"description\" content=\"";
  81.         // line 6
  82.         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);
  83.         yield "\" />
  84. ";
  85.         
  86.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  88.         
  89.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  91.         return; yield '';
  92.     }
  94.     // line 9
  95.     public function block_title($context, array $blocks = [])
  96.     {
  97.         $macros = $this->macros;
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  104.         // line 10
  105.         yield "\t";
  106.         yield from $this->yieldParentBlock("title", $context, $blocks);
  107.         yield " - Détails du service ..
  108. ";
  109.         
  110.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  112.         
  113.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  115.         return; yield '';
  116.     }
  118.     // line 13
  119.     public function block_userblog_body($context, array $blocks = [])
  120.     {
  121.         $macros = $this->macros;
  122.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  125.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  128.         // line 14
  129.         yield "  <style>
  130.     ";
  131.         // line 52
  132.         yield "\t";
  133.         // line 53
  134.         yield "\t";
  135.         // line 54
  136.         yield "\t";
  137.         // line 58
  138.         yield "
  139.   ";
  140.         // line 60
  141.         yield "  .faq-section {
  142.   max-width: 800px;
  143.  /* margin: 0px auto;*/
  144.   padding: 0 0 20px 10px;
  145.   font-family: \"Segoe UI\", sans-serif;
  146.   box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.13); /* Ombre au survol */
  147.  
  148. }
  150. .faq-container {
  151.   /*overflow-y: auto;*/
  152. }
  156. /* Barre de défilement */
  157. /*.faq-container::-webkit-scrollbar {
  158.   width: 10px;  Largeur de la barre de défilement 
  159. } */
  161. .faq-title {
  162.   /* text-align: center; */
  163.   font-size: 2rem;
  164.   margin-bottom: 20px;
  165. }
  167. .faq-item {
  168.   border-bottom: 1px solid #ddd;
  169.   padding: 10px 0;
  170. }
  172. .faq-question {
  173.   width: 100%;
  174.   background: none;
  175.   border: none;
  176.   outline: none;
  177.   text-align: left;
  178.   font-size: 1.1rem;
  179.   font-weight: 600;
  180.   cursor: pointer;
  181.   display: flex;
  182.   justify-content: space-between;
  183.   align-items: center;
  184.   padding: 10px 0;
  185. }
  187. .faq-question .icon {
  188.   transition: transform 0.3s ease;
  189.   font-weight: bold;
  190.   font-size: 1.2rem;
  191. }
  193. .faq-answer {
  194.   max-height: 0;
  195.   overflow: hidden;
  196.   transition: max-height 0.4s ease, padding 0.3s ease;
  197.   padding: 0 0;
  198. }
  200. .faq-answer p {
  201.   margin: 10px 0;
  202. }
  204. .faq-item.active .faq-answer {
  205.   max-height: 200px; /* enough for content */
  206.   padding: 10px 0;
  207. }
  209. .faq-item.active .faq-question .icon {
  210.   transform: rotate(180deg);
  211.   content: \"–\";
  212. }
  214. ";
  215.         // line 134
  216.         yield "    .section-head.center.wt-small-separator-outer {
  217.         margin-bottom: 50px;
  218.         text-align: left;
  219.     }
  220.     .section-head {
  221.         position: relative;
  222.     }
  223.     .site-text-primary, .wt-small-separator {
  224.         color: #ea130e;
  225.     }
  226.     .wt-small-separator {
  227.         font-family: \"Heebo\", sans-serif;
  228.         text-transform: uppercase;
  229.         letter-spacing: 1px;
  230.         padding-right: 40px;
  231.         font-size: 26px;
  232.         line-height: 26px;
  233.         margin-bottom: 15px;
  234.         position: relative;
  235.         display: inline-block;
  236.         font-weight: 700;
  237.     }
  238.     .section-head.center .wt-small-separator div.sep-leaf-left {
  239.         position: relative;
  240.     }
  241.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  242.         background-color: #ea130e;
  243.     }
  244.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  245.         right: -20px;
  246.         width: 10px;
  247.     }
  248.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  249.         position: absolute;
  250.         content: '';
  251.         height: 22px;
  252.         bottom: 0px;
  253.         top: 0px;
  254.         transform: skew(-20deg);
  255.     }
  256.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  257.         right: -27px;
  258.         width: 4px;
  259.     }
  260.     .section-head.center.wt-small-separator-outer h2 {
  261.         max-width: 630px;
  262.         margin: 0px auto;
  263.     }
  265. </style>
  268. <!-- CTA Section -->
  269. <section class=\"cta \" style=\"padding: 1rem 0;\">
  270. \t<div class=\"container\">
  271. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  272. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  273. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  274. \t\t\t\t<div>À propos</div>
  275. \t\t\t</div>
  276. \t\t</div>
  277. \t\t<div>Cette section présente notre cabinet comptable, mettant en lumière notre mission, nos valeurs et notre engagement envers nos clients. Avec une équipe d'experts passionnés, nous nous consacrons à fournir des services de qualité, adaptés à chaque situation, pour accompagner nos clients vers le succès financier.</div>
  278. \t</div>
  279. </section>
  282. <!-- more event -->
  283. ";
  284.         // line 202
  285.         yield "  <section class=\"section-sm\">
  286. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  287. \t\t\t<div class=\"wrap\">
  288. \t\t\t\t<div class=\"container\">
  289. \t\t\t\t\t<ol class=\"breadcrumb\">
  290. \t\t\t\t\t\t<li href=\"#\">
  291. \t\t\t\t\t\t\t<a>Home</a>
  292. \t\t\t\t\t\t</li>
  293. \t\t\t\t\t\t<li href=\"#\">
  294. \t\t\t\t\t\t\t<a>A propos</a>
  295. \t\t\t\t\t\t</li>
  296. \t\t\t\t\t</ol>
  297. \t\t\t\t</div>
  298. \t\t\t</div>
  299. \t\t</div>
  300.   </section>
  302.   <section style=\"margin-top: 20px; margin-bottom: 80px;\">
  303.     <div class=\"container\">
  304.       <div class=\"row\">
  305.         <div class=\"col-md-7\">
  306.           <img src=\"";
  307.         // line 223
  308.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/homme-d-affaires-souriant.jpg"), "html", null, true);
  309.         yield "\" alt=\"Image Syscofie Consulting\">
  310.             <div class=\"faq active\">
  311.               <h3 class=\"faq-title\">Mission</h3>
  313.               <p class=\"faq-text\">
  314.                 Notre engagement se concentre sur la fourniture de services de qualité, respectant l’intégrité et la transparence, afin de soutenir les clients dans l'atteinte de leurs objectifs financiers.
  315.               </p>
  316.               <button class=\"faq-toggle\">
  317.                 <i class=\"bi bi-chevron-down\"></i>
  318.                 <i class=\"fas fa-times\"></i>
  319.               </button>
  320.             </div>
  322.             <div class=\"faq active\">
  323.               <h3 class=\"faq-title\">Vision
  324.               </h3>
  326.               <p class=\"faq-text\">
  327.                 Notre aspiration est de devenir un leader dans le secteur, en innovant et en adaptant nos pratiques pour anticiper les besoins des clients et améliorer leur expérience.
  328.               </p>
  329.               <button class=\"faq-toggle\">
  330.                 <i class=\"bi bi-chevron-down\"></i>
  331.                 <i class=\"fas fa-times\"></i>
  332.               </button>
  333.             </div>
  335.             <div class=\"faq active\">
  336.               <h3 class=\"faq-title\">Valeurs
  337.               </h3>
  339.               <p class=\"faq-text\">
  340.                 Nos valeurs sont l'intégrité, la précision, la transparence, le respect des délais et la responsabilité, garantissant des services fiables et un soutien efficace à tous nos clients.
  341.               </p>
  342.               <button class=\"faq-toggle\">
  343.                 <i class=\"bi bi-chevron-down\"></i>
  344.                 <i class=\"fas fa-times\"></i>
  345.               </button>
  346.             </div>
  348.             <div class=\"faq active\">
  349.               <h3 class=\"faq-title\">Reconnaissance
  350.               </h3>
  352.               <p class=\"faq-text\">
  353.                 La reconnaissance en comptabilité valorise les efforts et les contributions, favorisant un environnement de confiance. Elle renforce les relations professionnelles et stimule l'engagement, essentielle pour une collaboration efficace.
  354.               </p>
  355.               <button class=\"faq-toggle\">
  356.                 <i class=\"bi bi-chevron-down\"></i>
  357.                 <i class=\"fas fa-times\"></i>
  358.               </button>
  359.             </div>
  362.           ";
  363.         // line 319
  364.         yield "        </div>
  365.         <div class=\"col-md-5\">
  366.           <div class=\"faq-section p-3\" style=\"box-shadow: none;\">
  367.             <h2 class=\"faq-title\">Questions fréquemments posées</h2>
  368.             <div class=\"faq-container\">
  369.               <div class=\"faq-item\">
  370.                 <button class=\"faq-question\">
  371.                   Comment puis-je suivre mes documents comptables ? <span class=\"icon\">+</span>
  372.                 </button>
  373.                 <div class=\"faq-answer\">
  374.                   <p>Nous mettons en place un système de gestion documentaire sécurisé qui vous permet d'accéder à vos documents en ligne à tout moment.</p>
  375.                 </div>
  376.               </div>
  378.               <div class=\"faq-item\">
  379.                 <button class=\"faq-question\">
  380.                   Proposez-vous des conseils fiscaux ? <span class=\"icon\">+</span>
  381.                 </button>
  382.                 <div class=\"faq-answer\">
  383.                   <p>Oui, nous offrons des services de conseil fiscal pour aider nos clients à optimiser leur situation fiscale et à respecter les obligations légales.</p>
  384.                 </div>
  385.               </div>
  387.               <div class=\"faq-item\">
  388.                 <button class=\"faq-question\">
  389.                   Comment se déroule un audit comptable ? <span class=\"icon\">+</span>
  390.                 </button>
  391.                 <div class=\"faq-answer\">
  392.                   <p>Un audit comptable consiste à examiner les états financiers d'une entreprise pour vérifier leur exactitude et leur conformité aux normes comptables.</p>
  393.                 </div>
  394.               </div>
  396.               <div class=\"faq-item\">
  397.                 <button class=\"faq-question\">
  398.                   Quels services propose Syscofie ? <span class=\"icon\">+</span>
  399.                 </button>
  400.                 <div class=\"faq-answer\">
  401.                   <p>Nous proposons une gamme complète de services, y compris la comptabilité générale, la gestion de la paie, le conseil fiscal, et l'audit</p>
  402.                 </div>
  403.               </div>
  405.               <div class=\"faq-item\">
  406.                 <button class=\"faq-question\">
  407.                   Où êtes-vous situés ? <span class=\"icon\">+</span>
  408.                 </button>
  409.                 <div class=\"faq-answer\">
  410.                   <p>Notre bureau principal est situé à Yaoundé plus précisément à carrefour kameni, et nous offrons également des services à distance.</p>
  411.                 </div>
  412.               </div>
  414.               <div class=\"faq-item\">
  415.                 <button class=\"faq-question\">
  416.                   Comment puis-je vous contacter ? <span class=\"icon\">+</span>
  417.                 </button>
  418.                 <div class=\"faq-answer\">
  419.                   <p>Vous pouvez nous contacter par téléphone, par email, ou via notre formulaire de contact sur notre site web.</p>
  420.                 </div>
  421.               </div>
  423.               <div class=\"faq-item\">
  424.                 <button class=\"faq-question\">
  425.                   Quels sont vos tarifs ? <span class=\"icon\">+</span>
  426.                 </button>
  427.                 <div class=\"faq-answer\">
  428.                   <p>Nos tarifs varient en fonction des services demandés. Nous offrons des devis personnalisés après une consultation initiale.</p>
  429.                 </div>
  430.               </div>
  432.               <div class=\"faq-item\">
  433.                 <button class=\"faq-question\">
  434.                   Proposez-vous des services de comptabilité à distance ? <span class=\"icon\">+</span>
  435.                 </button>
  436.                 <div class=\"faq-answer\">
  437.                   <p>Oui, nous offrons des services de comptabilité à distance, ce qui permet à nos clients de bénéficier de nos services où qu'ils soient.</p>
  438.                 </div>
  439.               </div>
  441.               <div class=\"faq-item\">
  442.                 <button class=\"faq-question\">
  443.                   Quels sont vos horaires d'ouverture ? <span class=\"icon\">+</span>
  444.                 </button>
  445.                 <div class=\"faq-answer\">
  446.                   <p>Nous sommes ouverts du lundi à samedi, de 8h à 18h. Des rendez-vous peuvent être pris en dehors de ces heures sur demande.</p>
  447.                 </div>
  448.               </div>
  449.             </div>
  450.           </div>
  451.         </div>
  452.       </div>
  453.     </div>
  454.   </section>
  455.   ";
  456.         // line 446
  457.         yield "<!-- /more event -->
  458. <script>
  459.   const faqItems = document.querySelectorAll(\".faq-item\");
  461. faqItems.forEach(item => {
  462.   const btn = item.querySelector(\".faq-question\");
  464.   btn.addEventListener(\"click\", () => {
  465.     // close other items
  466.     faqItems.forEach(i => {
  467.       if (i !== item) {
  468.         i.classList.remove(\"active\");
  469.         i.querySelector(\".icon\").textContent = \"+\";
  470.       }
  471.     });
  473.     // toggle current item
  474.     item.classList.toggle(\"active\");
  476.     const icon = item.querySelector(\".icon\");
  477.     icon.textContent = item.classList.contains(\"active\") ? \"–\" : \"+\";
  478.   });
  479. });
  481.   
  482.   /*script section */
  483.   const toggleBtns= document.querySelectorAll('.faq-toggle');
  484.       toggleBtns.forEach(toggleBtn => {
  485.       toggleBtn.addEventListener('click', ()=>{
  486.       toggleBtn.parentNode.classList.toggle('active')
  487.     })
  488.   });
  490. </script>
  491. ";
  492.         
  493.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  495.         
  496.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  498.         return; yield '';
  499.     }
  501.     // line 482
  502.     public function block_javascripttemplate($context, array $blocks = [])
  503.     {
  504.         $macros = $this->macros;
  505.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  506.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  508.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  509.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  511.         // line 483
  512.         yield "
  513. /**
  514.   * Defines the bootstrap tabs handler.
  515.   *
  516.   * @param {string} element
  517.   *  Element.
  518.   */
  519. var tabsActions = function (element) {
  520.   this.element = \$(element);
  522.   this.setup = function () {
  523.     if (this.element.length <= 0) {
  524.       return;
  525.     }
  526.     this.init();
  527.     // Update after resize window.
  528.     var resizeId = null;
  529.     \$(window).resize(function () {
  530.       clearTimeout(resizeId);
  531.       resizeId = setTimeout(() => {this.init()}, 50);
  532.     }.bind(this));
  533.   };
  534.   
  535.   this.init = function () {
  537.     // Add class to overflow items.
  538.     this.actionOverflowItems();
  539.     var tabs_overflow = this.element.find('.overflow-tab');
  541.     // Build overflow action tab element.
  542.     if (tabs_overflow.length > 0) {
  543.       if (!this.element.find('.overflow-tab-action').length) {
  544.         var tab_link = \$('<a>')
  545.           .addClass('nav-link')
  546.           .attr('href', '#')
  547.           .attr('data-toggle', 'dropdown')
  548.           .text('...')
  549.           .on('click', function (e) {
  550.             e.preventDefault();
  551.             \$(this).parents('.nav.nav-tabs').children('.nav-item.overflow-tab').toggle();
  552.           });
  554.         var overflow_tab_action = \$('<li>')
  555.           .addClass('nav-item')
  556.           .addClass('overflow-tab-action')
  557.           .append(tab_link);
  559.         // Add hide to overflow tabs when click on any tab.
  560.         this.element.find('.nav-link').on('click', function (e) {
  561.           \$(this).parents('.nav.nav-tabs').children('.nav-item.overflow-tab').hide();
  562.         });
  563.         this.element.append(overflow_tab_action);
  564.       }
  565.       
  566.       this.openOverflowDropdown();
  567.     }
  568.     else {
  569.       this.element.find('.overflow-tab-action').remove();
  570.     }
  571. };
  573.   this.openOverflowDropdown = function () {
  574.     var overflow_sum_height = 0;
  575.     var overflow_first_top = 41;
  576.     
  577.     this.element.find('.overflow-tab').hide();
  578.     // Calc top position of overflow tabs.
  579.     this.element.find('.overflow-tab').each(function () {
  580.       var overflow_item_height = \$(this).height() - 1;
  581.       if (overflow_sum_height === 0) {
  582.         \$(this).css('top', overflow_first_top + 'px');
  583.         overflow_sum_height += overflow_first_top + overflow_item_height;
  584.       }
  585.       else {
  586.         \$(this).css('top', overflow_sum_height + 'px');
  587.         overflow_sum_height += overflow_item_height;
  588.       }
  590.     });
  591.   };
  593.   this.actionOverflowItems = function () {
  594.     var tabs_limit = this.element.width() - 100;
  595.     var count = 0;
  596.     
  597.     // Calc tans width and add class to any tab that is overflow.
  598.     for (var i = 0; i < this.element.children().length; i += 1) {
  599.       var item = \$(this.element.children()[i]);
  600.       if (item.hasClass('overflow-tab-action')) {
  601.         continue;
  602.       }
  603.       
  604.       count += item.width();
  605.       if (count > tabs_limit) {
  606.         item.addClass('overflow-tab');
  607.       }
  608.       else if (count < tabs_limit) {
  609.         item.removeClass('overflow-tab');
  610.         item.show();
  611.       }
  612.     }
  613.   };
  614. };
  616. var tabsAction = new tabsActions('.layout--tabs .nav-tabs-wrapper .nav-tabs');
  617. tabsAction.setup();
  619. ";
  620.         
  621.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  623.         
  624.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  626.         return; yield '';
  627.     }
  629.     /**
  630.      * @codeCoverageIgnore
  631.      */
  632.     public function getTemplateName()
  633.     {
  634.         return "Theme/Produit/Service/Service/aboutstruct.html.twig";
  635.     }
  637.     /**
  638.      * @codeCoverageIgnore
  639.      */
  640.     public function isTraitable()
  641.     {
  642.         return false;
  643.     }
  645.     /**
  646.      * @codeCoverageIgnore
  647.      */
  648.     public function getDebugInfo()
  649.     {
  650.         return array (  512 => 483,  502 => 482,  457 => 446,  364 => 319,  308 => 223,  285 => 202,  216 => 134,  141 => 60,  138 => 58,  136 => 54,  134 => 53,  132 => 52,  129 => 14,  119 => 13,  105 => 10,  95 => 9,  82 => 6,  77 => 4,  72 => 3,  62 => 2,  39 => 1,);
  651.     }
  653.     public function getSourceContext()
  654.     {
  655.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  656. {% block meta %}
  657. \t{{ parent() }}
  658. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  659. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  660. \t<meta name=\"description\" content=\"{{ site }}\" />
  661. {% endblock %}
  663. {% block title %}
  664. \t{{ parent() }} - Détails du service ..
  665. {% endblock %}
  667. {% block userblog_body %}
  668.   <style>
  669.     {# .content{
  670. \t\tbackground-color: #268dcf;
  671. \t}
  672.   .wrap {
  673. \t\tpadding-top: 8px;
  674. \t\tpadding-bottom: 8px;
  675. \t\tbox-shadow: 0 5px 5px #fff;
  676. \t}
  677. \t.breadcrumb {
  678. \t\twidth: 100%;
  679. \t\tmargin: auto;
  680. \t\tdisplay: flex;
  681. \t}
  682. \t.breadcrumb li {
  683. \t\tpadding-right: 0 20px;
  684. \t}
  685. \t.breadcrumb a {
  686. \t\ttext-decoration: none;
  687. \t\tcolor: aliceblue;
  688. \t\tfont-weight: 700;
  689. \t\ttransition: 0.5s;
  690. \t}
  691. \t.breadcrumb li + li {
  692. \t\tpadding-left: 0;
  693. \t}
  694. \t.breadcrumb li + li:before {
  695. \t\tcontent: '>';
  696. \t\tcolor: #3b3b3bff;
  697. \t\tmargin-right: 20px;
  698. \t}
  699. \t.breadcrumb li:last-child a,
  700. \t.breadcrumb a:hover {
  701. \t\tcolor: #e2ebf3;
  702. \t\tborder-radius: 35px;
  703. \t\tbackground-color: #82ccdd;
  704. \t\tpadding: 5px 10px;
  705. \t} #}
  706. \t{# End Breadcrumb #}
  707. \t{# card #}
  708. \t{# :root {
  709.   --swiper-pagination-color: #fff;
  710.   --swiper-pagination-bullet-inactive-color: #fff;
  711.   } #}
  713.   {# CSS FAQ #}
  714.   .faq-section {
  715.   max-width: 800px;
  716.  /* margin: 0px auto;*/
  717.   padding: 0 0 20px 10px;
  718.   font-family: \"Segoe UI\", sans-serif;
  719.   box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.13); /* Ombre au survol */
  720.  
  721. }
  723. .faq-container {
  724.   /*overflow-y: auto;*/
  725. }
  729. /* Barre de défilement */
  730. /*.faq-container::-webkit-scrollbar {
  731.   width: 10px;  Largeur de la barre de défilement 
  732. } */
  734. .faq-title {
  735.   /* text-align: center; */
  736.   font-size: 2rem;
  737.   margin-bottom: 20px;
  738. }
  740. .faq-item {
  741.   border-bottom: 1px solid #ddd;
  742.   padding: 10px 0;
  743. }
  745. .faq-question {
  746.   width: 100%;
  747.   background: none;
  748.   border: none;
  749.   outline: none;
  750.   text-align: left;
  751.   font-size: 1.1rem;
  752.   font-weight: 600;
  753.   cursor: pointer;
  754.   display: flex;
  755.   justify-content: space-between;
  756.   align-items: center;
  757.   padding: 10px 0;
  758. }
  760. .faq-question .icon {
  761.   transition: transform 0.3s ease;
  762.   font-weight: bold;
  763.   font-size: 1.2rem;
  764. }
  766. .faq-answer {
  767.   max-height: 0;
  768.   overflow: hidden;
  769.   transition: max-height 0.4s ease, padding 0.3s ease;
  770.   padding: 0 0;
  771. }
  773. .faq-answer p {
  774.   margin: 10px 0;
  775. }
  777. .faq-item.active .faq-answer {
  778.   max-height: 200px; /* enough for content */
  779.   padding: 10px 0;
  780. }
  782. .faq-item.active .faq-question .icon {
  783.   transform: rotate(180deg);
  784.   content: \"–\";
  785. }
  787. {# css indice sections  #}
  788.     .section-head.center.wt-small-separator-outer {
  789.         margin-bottom: 50px;
  790.         text-align: left;
  791.     }
  792.     .section-head {
  793.         position: relative;
  794.     }
  795.     .site-text-primary, .wt-small-separator {
  796.         color: #ea130e;
  797.     }
  798.     .wt-small-separator {
  799.         font-family: \"Heebo\", sans-serif;
  800.         text-transform: uppercase;
  801.         letter-spacing: 1px;
  802.         padding-right: 40px;
  803.         font-size: 26px;
  804.         line-height: 26px;
  805.         margin-bottom: 15px;
  806.         position: relative;
  807.         display: inline-block;
  808.         font-weight: 700;
  809.     }
  810.     .section-head.center .wt-small-separator div.sep-leaf-left {
  811.         position: relative;
  812.     }
  813.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  814.         background-color: #ea130e;
  815.     }
  816.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  817.         right: -20px;
  818.         width: 10px;
  819.     }
  820.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  821.         position: absolute;
  822.         content: '';
  823.         height: 22px;
  824.         bottom: 0px;
  825.         top: 0px;
  826.         transform: skew(-20deg);
  827.     }
  828.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  829.         right: -27px;
  830.         width: 4px;
  831.     }
  832.     .section-head.center.wt-small-separator-outer h2 {
  833.         max-width: 630px;
  834.         margin: 0px auto;
  835.     }
  837. </style>
  840. <!-- CTA Section -->
  841. <section class=\"cta \" style=\"padding: 1rem 0;\">
  842. \t<div class=\"container\">
  843. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  844. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  845. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  846. \t\t\t\t<div>À propos</div>
  847. \t\t\t</div>
  848. \t\t</div>
  849. \t\t<div>Cette section présente notre cabinet comptable, mettant en lumière notre mission, nos valeurs et notre engagement envers nos clients. Avec une équipe d'experts passionnés, nous nous consacrons à fournir des services de qualité, adaptés à chaque situation, pour accompagner nos clients vers le succès financier.</div>
  850. \t</div>
  851. </section>
  854. <!-- more event -->
  855. {# <section class=\"section-sm\" style=\"min-height: 800px;\"> #}
  856.   <section class=\"section-sm\">
  857. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  858. \t\t\t<div class=\"wrap\">
  859. \t\t\t\t<div class=\"container\">
  860. \t\t\t\t\t<ol class=\"breadcrumb\">
  861. \t\t\t\t\t\t<li href=\"#\">
  862. \t\t\t\t\t\t\t<a>Home</a>
  863. \t\t\t\t\t\t</li>
  864. \t\t\t\t\t\t<li href=\"#\">
  865. \t\t\t\t\t\t\t<a>A propos</a>
  866. \t\t\t\t\t\t</li>
  867. \t\t\t\t\t</ol>
  868. \t\t\t\t</div>
  869. \t\t\t</div>
  870. \t\t</div>
  871.   </section>
  873.   <section style=\"margin-top: 20px; margin-bottom: 80px;\">
  874.     <div class=\"container\">
  875.       <div class=\"row\">
  876.         <div class=\"col-md-7\">
  877.           <img src=\"{{ asset('templateSyscofie/images/homme-d-affaires-souriant.jpg') }}\" alt=\"Image Syscofie Consulting\">
  878.             <div class=\"faq active\">
  879.               <h3 class=\"faq-title\">Mission</h3>
  881.               <p class=\"faq-text\">
  882.                 Notre engagement se concentre sur la fourniture de services de qualité, respectant l’intégrité et la transparence, afin de soutenir les clients dans l'atteinte de leurs objectifs financiers.
  883.               </p>
  884.               <button class=\"faq-toggle\">
  885.                 <i class=\"bi bi-chevron-down\"></i>
  886.                 <i class=\"fas fa-times\"></i>
  887.               </button>
  888.             </div>
  890.             <div class=\"faq active\">
  891.               <h3 class=\"faq-title\">Vision
  892.               </h3>
  894.               <p class=\"faq-text\">
  895.                 Notre aspiration est de devenir un leader dans le secteur, en innovant et en adaptant nos pratiques pour anticiper les besoins des clients et améliorer leur expérience.
  896.               </p>
  897.               <button class=\"faq-toggle\">
  898.                 <i class=\"bi bi-chevron-down\"></i>
  899.                 <i class=\"fas fa-times\"></i>
  900.               </button>
  901.             </div>
  903.             <div class=\"faq active\">
  904.               <h3 class=\"faq-title\">Valeurs
  905.               </h3>
  907.               <p class=\"faq-text\">
  908.                 Nos valeurs sont l'intégrité, la précision, la transparence, le respect des délais et la responsabilité, garantissant des services fiables et un soutien efficace à tous nos clients.
  909.               </p>
  910.               <button class=\"faq-toggle\">
  911.                 <i class=\"bi bi-chevron-down\"></i>
  912.                 <i class=\"fas fa-times\"></i>
  913.               </button>
  914.             </div>
  916.             <div class=\"faq active\">
  917.               <h3 class=\"faq-title\">Reconnaissance
  918.               </h3>
  920.               <p class=\"faq-text\">
  921.                 La reconnaissance en comptabilité valorise les efforts et les contributions, favorisant un environnement de confiance. Elle renforce les relations professionnelles et stimule l'engagement, essentielle pour une collaboration efficace.
  922.               </p>
  923.               <button class=\"faq-toggle\">
  924.                 <i class=\"bi bi-chevron-down\"></i>
  925.                 <i class=\"fas fa-times\"></i>
  926.               </button>
  927.             </div>
  930.           {#<div style=\"background: #ffffffff; padding-top: 20px;\">
  931. \t\t      \t<div class=\"my-div\">
  932. \t\t      \t\t<section class=\"testing\" style=\"width: 100%;\">
  933. \t\t      \t\t\t<div class=\"description2 to-expand\">
  934. \t\t      \t\t\t\t<h2>Mission</h2>
  935. \t\t      \t\t\t\t<p>Notre engagement se concentre sur la fourniture de services de qualité, respectant l’intégrité et la transparence, afin de soutenir les clients dans l'atteinte de leurs objectifs financiers.</p>
  936. \t\t      \t\t\t</div>
  937. \t\t      \t\t</section>
  938. \t\t      \t</div>
  939. \t\t      </div>
  941.           <div style=\"background: #ffffffff; padding-top: 20px;\">
  942. \t\t      \t<div class=\"my-div\">
  943. \t\t      \t\t<section class=\"testing\" style=\"width: 100%;\">
  944. \t\t      \t\t\t<div class=\"description2 to-expand\">
  945. \t\t      \t\t\t\t<h2>vision</h2>
  946. \t\t      \t\t\t\t<p>Notre aspiration est de devenir un leader dans le secteur, en innovant et en adaptant nos pratiques pour anticiper les besoins des clients et améliorer leur expérience.</p>
  947. \t\t      \t\t\t</div>
  948. \t\t      \t\t</section>
  949. \t\t      \t</div>
  950. \t\t      </div>
  952.           <div style=\"background: #ffffffff; padding-top: 20px;\">
  953. \t\t      \t<div class=\"my-div\">
  954. \t\t      \t\t<section class=\"testing\" style=\"width: 100%;\">
  955. \t\t      \t\t\t<div class=\"description2 to-expand\">
  956. \t\t      \t\t\t\t<h2>Nos valeurs</h2>
  957. \t\t      \t\t\t\t<p>Nos valeurs sont l'intégrité, la précision, la transparence, le respect des délais et la responsabilité, garantissant des services fiables et un soutien efficace à tous nos clients.</p>
  958. \t\t      \t\t\t</div>
  959. \t\t      \t\t</section>
  960. \t\t      \t</div>
  961. \t\t      </div>
  963.           <div style=\"background: #ffffffff; padding-top: 20px; padding-bottom: 60px;\">
  964. \t\t      \t<div class=\"my-div\">
  965. \t\t      \t\t<section class=\"testing\" style=\"width: 100%;\">
  966. \t\t      \t\t\t<div class=\"description2 to-expand\">
  967. \t\t      \t\t\t\t<h2>Reconnaissance</h2>
  968. \t\t      \t\t\t\t<p>La reconnaissance en comptabilité valorise les efforts et les contributions, favorisant un environnement de confiance. Elle renforce les relations professionnelles et stimule l'engagement, essentielle pour une collaboration efficace.</p>
  969. \t\t      \t\t\t</div>
  970. \t\t      \t\t</section>
  971. \t\t      \t</div>
  972. \t\t      </div> #}
  973.         </div>
  974.         <div class=\"col-md-5\">
  975.           <div class=\"faq-section p-3\" style=\"box-shadow: none;\">
  976.             <h2 class=\"faq-title\">Questions fréquemments posées</h2>
  977.             <div class=\"faq-container\">
  978.               <div class=\"faq-item\">
  979.                 <button class=\"faq-question\">
  980.                   Comment puis-je suivre mes documents comptables ? <span class=\"icon\">+</span>
  981.                 </button>
  982.                 <div class=\"faq-answer\">
  983.                   <p>Nous mettons en place un système de gestion documentaire sécurisé qui vous permet d'accéder à vos documents en ligne à tout moment.</p>
  984.                 </div>
  985.               </div>
  987.               <div class=\"faq-item\">
  988.                 <button class=\"faq-question\">
  989.                   Proposez-vous des conseils fiscaux ? <span class=\"icon\">+</span>
  990.                 </button>
  991.                 <div class=\"faq-answer\">
  992.                   <p>Oui, nous offrons des services de conseil fiscal pour aider nos clients à optimiser leur situation fiscale et à respecter les obligations légales.</p>
  993.                 </div>
  994.               </div>
  996.               <div class=\"faq-item\">
  997.                 <button class=\"faq-question\">
  998.                   Comment se déroule un audit comptable ? <span class=\"icon\">+</span>
  999.                 </button>
  1000.                 <div class=\"faq-answer\">
  1001.                   <p>Un audit comptable consiste à examiner les états financiers d'une entreprise pour vérifier leur exactitude et leur conformité aux normes comptables.</p>
  1002.                 </div>
  1003.               </div>
  1005.               <div class=\"faq-item\">
  1006.                 <button class=\"faq-question\">
  1007.                   Quels services propose Syscofie ? <span class=\"icon\">+</span>
  1008.                 </button>
  1009.                 <div class=\"faq-answer\">
  1010.                   <p>Nous proposons une gamme complète de services, y compris la comptabilité générale, la gestion de la paie, le conseil fiscal, et l'audit</p>
  1011.                 </div>
  1012.               </div>
  1014.               <div class=\"faq-item\">
  1015.                 <button class=\"faq-question\">
  1016.                   Où êtes-vous situés ? <span class=\"icon\">+</span>
  1017.                 </button>
  1018.                 <div class=\"faq-answer\">
  1019.                   <p>Notre bureau principal est situé à Yaoundé plus précisément à carrefour kameni, et nous offrons également des services à distance.</p>
  1020.                 </div>
  1021.               </div>
  1023.               <div class=\"faq-item\">
  1024.                 <button class=\"faq-question\">
  1025.                   Comment puis-je vous contacter ? <span class=\"icon\">+</span>
  1026.                 </button>
  1027.                 <div class=\"faq-answer\">
  1028.                   <p>Vous pouvez nous contacter par téléphone, par email, ou via notre formulaire de contact sur notre site web.</p>
  1029.                 </div>
  1030.               </div>
  1032.               <div class=\"faq-item\">
  1033.                 <button class=\"faq-question\">
  1034.                   Quels sont vos tarifs ? <span class=\"icon\">+</span>
  1035.                 </button>
  1036.                 <div class=\"faq-answer\">
  1037.                   <p>Nos tarifs varient en fonction des services demandés. Nous offrons des devis personnalisés après une consultation initiale.</p>
  1038.                 </div>
  1039.               </div>
  1041.               <div class=\"faq-item\">
  1042.                 <button class=\"faq-question\">
  1043.                   Proposez-vous des services de comptabilité à distance ? <span class=\"icon\">+</span>
  1044.                 </button>
  1045.                 <div class=\"faq-answer\">
  1046.                   <p>Oui, nous offrons des services de comptabilité à distance, ce qui permet à nos clients de bénéficier de nos services où qu'ils soient.</p>
  1047.                 </div>
  1048.               </div>
  1050.               <div class=\"faq-item\">
  1051.                 <button class=\"faq-question\">
  1052.                   Quels sont vos horaires d'ouverture ? <span class=\"icon\">+</span>
  1053.                 </button>
  1054.                 <div class=\"faq-answer\">
  1055.                   <p>Nous sommes ouverts du lundi à samedi, de 8h à 18h. Des rendez-vous peuvent être pris en dehors de ces heures sur demande.</p>
  1056.                 </div>
  1057.               </div>
  1058.             </div>
  1059.           </div>
  1060.         </div>
  1061.       </div>
  1062.     </div>
  1063.   </section>
  1064.   {# <div class=\"container\">
  1066.     {% if infoPlatformSection != null %}
  1067.     {% set liste_param = infoPlatformSection.getFirstItems() %}
  1069.     <div class=\"layout--tabs\">
  1070.         <div class=\"nav-tabs-wrapper\">
  1071.           <ul class=\"nav nav-tabs\" id=\"tabs-title-region-nav-tabs\" role=\"tablist\">
  1072.             {% for param in liste_param %}
  1073.             <li class=\"nav-item\">
  1074.               <a class=\"nav-link {% if loop.first %}active{% endif %}\" data-toggle=\"tab\" role=\"tab\" href=\"#block-simple-text-{{ param.id }}\" aria-selected=\"false\" aria-controls=\"block-simple-text-1\" id=\"block-simple-text-1-tab\">{{ param.valeur }}</a>
  1075.             </li>
  1076.             {% endfor %}
  1078.           </ul>
  1079.         </div>
  1080.         <div class=\"card\">
  1081.           <div class=\"card-body\">
  1082.             <div class=\"tab-content\">
  1083.               
  1084.               {% for param in liste_param %}
  1085.               <div id=\"block-simple-text-{{ param.id }}\" class=\"tab-pane {% if loop.first %}active{% endif %} block block-layout-builder block-inline-blockqfcc-blocktype-simple-text\" role=\"tabpanel\" aria-labelledby=\"block-simple-text-1-tab\">
  1086.                 <h3>{{ param.article.title }}</h3>
  1087.                 <p>{{ param.article.content }}</p>
  1088.               </div>
  1089.               {% endfor %}
  1091.             </div>
  1092.           </div>
  1093.         </div>
  1094.     </div>
  1095.     {% endif %}
  1096.    
  1098.   </div> #}
  1099. {# </section> #}
  1100. <!-- /more event -->
  1101. <script>
  1102.   const faqItems = document.querySelectorAll(\".faq-item\");
  1104. faqItems.forEach(item => {
  1105.   const btn = item.querySelector(\".faq-question\");
  1107.   btn.addEventListener(\"click\", () => {
  1108.     // close other items
  1109.     faqItems.forEach(i => {
  1110.       if (i !== item) {
  1111.         i.classList.remove(\"active\");
  1112.         i.querySelector(\".icon\").textContent = \"+\";
  1113.       }
  1114.     });
  1116.     // toggle current item
  1117.     item.classList.toggle(\"active\");
  1119.     const icon = item.querySelector(\".icon\");
  1120.     icon.textContent = item.classList.contains(\"active\") ? \"–\" : \"+\";
  1121.   });
  1122. });
  1124.   
  1125.   /*script section */
  1126.   const toggleBtns= document.querySelectorAll('.faq-toggle');
  1127.       toggleBtns.forEach(toggleBtn => {
  1128.       toggleBtn.addEventListener('click', ()=>{
  1129.       toggleBtn.parentNode.classList.toggle('active')
  1130.     })
  1131.   });
  1133. </script>
  1134. {% endblock %}
  1136. {% block javascripttemplate %}
  1138. /**
  1139.   * Defines the bootstrap tabs handler.
  1140.   *
  1141.   * @param {string} element
  1142.   *  Element.
  1143.   */
  1144. var tabsActions = function (element) {
  1145.   this.element = \$(element);
  1147.   this.setup = function () {
  1148.     if (this.element.length <= 0) {
  1149.       return;
  1150.     }
  1151.     this.init();
  1152.     // Update after resize window.
  1153.     var resizeId = null;
  1154.     \$(window).resize(function () {
  1155.       clearTimeout(resizeId);
  1156.       resizeId = setTimeout(() => {this.init()}, 50);
  1157.     }.bind(this));
  1158.   };
  1159.   
  1160.   this.init = function () {
  1162.     // Add class to overflow items.
  1163.     this.actionOverflowItems();
  1164.     var tabs_overflow = this.element.find('.overflow-tab');
  1166.     // Build overflow action tab element.
  1167.     if (tabs_overflow.length > 0) {
  1168.       if (!this.element.find('.overflow-tab-action').length) {
  1169.         var tab_link = \$('<a>')
  1170.           .addClass('nav-link')
  1171.           .attr('href', '#')
  1172.           .attr('data-toggle', 'dropdown')
  1173.           .text('...')
  1174.           .on('click', function (e) {
  1175.             e.preventDefault();
  1176.             \$(this).parents('.nav.nav-tabs').children('.nav-item.overflow-tab').toggle();
  1177.           });
  1179.         var overflow_tab_action = \$('<li>')
  1180.           .addClass('nav-item')
  1181.           .addClass('overflow-tab-action')
  1182.           .append(tab_link);
  1184.         // Add hide to overflow tabs when click on any tab.
  1185.         this.element.find('.nav-link').on('click', function (e) {
  1186.           \$(this).parents('.nav.nav-tabs').children('.nav-item.overflow-tab').hide();
  1187.         });
  1188.         this.element.append(overflow_tab_action);
  1189.       }
  1190.       
  1191.       this.openOverflowDropdown();
  1192.     }
  1193.     else {
  1194.       this.element.find('.overflow-tab-action').remove();
  1195.     }
  1196. };
  1198.   this.openOverflowDropdown = function () {
  1199.     var overflow_sum_height = 0;
  1200.     var overflow_first_top = 41;
  1201.     
  1202.     this.element.find('.overflow-tab').hide();
  1203.     // Calc top position of overflow tabs.
  1204.     this.element.find('.overflow-tab').each(function () {
  1205.       var overflow_item_height = \$(this).height() - 1;
  1206.       if (overflow_sum_height === 0) {
  1207.         \$(this).css('top', overflow_first_top + 'px');
  1208.         overflow_sum_height += overflow_first_top + overflow_item_height;
  1209.       }
  1210.       else {
  1211.         \$(this).css('top', overflow_sum_height + 'px');
  1212.         overflow_sum_height += overflow_item_height;
  1213.       }
  1215.     });
  1216.   };
  1218.   this.actionOverflowItems = function () {
  1219.     var tabs_limit = this.element.width() - 100;
  1220.     var count = 0;
  1221.     
  1222.     // Calc tans width and add class to any tab that is overflow.
  1223.     for (var i = 0; i < this.element.children().length; i += 1) {
  1224.       var item = \$(this.element.children()[i]);
  1225.       if (item.hasClass('overflow-tab-action')) {
  1226.         continue;
  1227.       }
  1228.       
  1229.       count += item.width();
  1230.       if (count > tabs_limit) {
  1231.         item.addClass('overflow-tab');
  1232.       }
  1233.       else if (count < tabs_limit) {
  1234.         item.removeClass('overflow-tab');
  1235.         item.show();
  1236.       }
  1237.     }
  1238.   };
  1239. };
  1241. var tabsAction = new tabsActions('.layout--tabs .nav-tabs-wrapper .nav-tabs');
  1242. tabsAction.setup();
  1244. {% endblock %}", "Theme/Produit/Service/Service/aboutstruct.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Service/aboutstruct.html.twig");
  1245.     }
  1246. }