var/cache/dev/twig/5a/5ab77dfc5552dc304e1048466d97942c3717b02e9e1dea40db0e64a11cfc022e.php line 55

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Theme/Users/User/Security/accueilsite.html.twig */
  16. class __TwigTemplate_eb314ca1cbfc38a6a924f6030f635fe5439914c9d78811a9c4298882b89606b8 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'meta' => [$this, 'block_meta'],
  29.             'title' => [$this, 'block_title'],
  30.             'stylesheets' => [$this, 'block_stylesheets'],
  31.             'userblog_body' => [$this, 'block_userblog_body'],
  32.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 2
  39.         return "Theme/Users/User/layoutuser.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Users/User/Security/accueilsite.html.twig"));
  48.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Users/User/Security/accueilsite.html.twig"));
  51.         // line 1
  52.         $context["menudisplay"] = 0;
  53.         // line 2
  54.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutuser.html.twig", "Theme/Users/User/Security/accueilsite.html.twig", 2);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  59.         
  60.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  62.     }
  64.     // line 3
  65.     public function block_meta($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  71.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  74.         // line 4
  75.         echo "
  76. \t";
  77.         // line 5
  78.         $this->displayParentBlock("meta", $context, $blocks);
  79.         echo "
  80. \t<meta name=\"keywords\" content=\"";
  81.         // line 6
  82.         echo twig_escape_filter($this->env, (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.         echo ", Business, Innovation,Administration\"/>
  84. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  85. \t<meta name=\"description\" content=\"";
  86.         // line 8
  87.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 8, $this->source); })()), "html", null, true);
  88.         echo " | Inscription | Cameroun | ";
  89.         echo twig_escape_filter($this->env, (isset($context["metier"]) || array_key_exists("metier", $context) ? $context["metier"] : (function () { throw new RuntimeError('Variable "metier" does not exist.', 8, $this->source); })()), "html", null, true);
  90.         echo "\"/>
  92. ";
  93.         
  94.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  96.         
  97.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  99.     }
  101.     // line 12
  102.     public function block_title($context, array $blocks = [])
  103.     {
  104.         $macros = $this->macros;
  105.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  106.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  108.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  109.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  111.         // line 13
  112.         echo "\t";
  113.         $this->displayParentBlock("title", $context, $blocks);
  114.         echo " | Accueil
  115. ";
  116.         
  117.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  119.         
  120.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  122.     }
  124.     // line 16
  125.     public function block_stylesheets($context, array $blocks = [])
  126.     {
  127.         $macros = $this->macros;
  128.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  129.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  131.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  132.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  134.         // line 17
  135.         echo "\t";
  136.         $this->displayParentBlock("stylesheets", $context, $blocks);
  137.         echo "
  138. \t<style>
  139. \t\t.box-slide-top{
  140. \t\t\theight: 120px; border: 1px solid #ddd; margin: 2px 0px;
  141. \t\t\tpadding: 3px;
  142. \t\t\tborder-radius: 5px;
  143. \t\t\tbackground: #fff;
  144. \t\t}
  145. \t\t.controls{
  146. \t\t\tbackground: #fff;
  147. \t\t\tmargin-top: 2px;
  148. \t\t\tpadding: 2px;
  149. \t\t\tborder-radius: 0px 0px 5px 5px;
  150. \t\t}
  151. \t\t.controls a{
  152. \t\t\tbackground: #f5f5f5;
  153. \t\t\tpadding: 1px 5px;
  154. \t\t\tborder-radius: 5px;
  155. \t\t\tdisplay: inline-block;
  156. \t\t\tfont-size: 10px;
  157. \t\t}
  158. \t\t.box-slide-top:hover{
  159. \t\t\tbackground: #f7f7f7;
  160. \t\t\tborder: 1px solid green;
  161. \t\t}
  162. \t\t.carousel-link{
  163. \t\t\tdisplay: block!important;
  164. \t\t}
  165. \t\t.carousel-link img:hover{
  166. \t\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  167. \t\t}
  168. \t</style>
  169. ";
  170.         
  171.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  173.         
  174.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  176.     }
  178.     // line 51
  179.     public function block_userblog_body($context, array $blocks = [])
  180.     {
  181.         $macros = $this->macros;
  182.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  183.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  185.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  186.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  188.         // line 52
  189.         echo "<!-- Slider Area -->
  190. \t<section class=\"hero-slider\" style=\"background-image: url('https://via.placeholder.com/1900x700');\">
  191. \t\t<!-- Single Slider -->
  192. \t\t<div class=\"single-slider\">
  193. \t\t\t<div class=\"container\">
  194. \t\t\t\t<div class=\"row no-gutters\">
  195. \t\t\t\t\t<div class=\"col-lg-6 offset-lg-3 col-12\" style=\"padding: 0px;\">
  196. \t\t\t\t\t\t<div class=\"text-inner\" style=\"background: #fff; min-height: 482px; margin: 16px 3px 0px 3px; border-radius: 5px; padding-top: 20px;\">
  198. \t\t\t\t\t\t\t<div id=\"carouselIndicators\" class=\"carousel slide\" data-ride=\"carousel\">
  199. \t\t\t\t\t\t\t  <ol class=\"carousel-indicators\">
  200. \t\t\t\t\t\t\t\t";
  201.         // line 63
  202.         $context['_parent'] = $context;
  203.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_slide"]) || array_key_exists("liste_slide", $context) ? $context["liste_slide"] : (function () { throw new RuntimeError('Variable "liste_slide" does not exist.', 63, $this->source); })()));
  204.         $context['loop'] = [
  205.           'parent' => $context['_parent'],
  206.           'index0' => 0,
  207.           'index'  => 1,
  208.           'first'  => true,
  209.         ];
  210.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  211.             $length = count($context['_seq']);
  212.             $context['loop']['revindex0'] = $length - 1;
  213.             $context['loop']['revindex'] = $length;
  214.             $context['loop']['length'] = $length;
  215.             $context['loop']['last'] = 1 === $length;
  216.         }
  217.         foreach ($context['_seq'] as $context["_key"] => $context["silde"]) {
  218.             // line 64
  219.             echo "\t\t\t\t\t\t\t\t\t<li data-target=\"#carouselIndicators\" data-slide-to=\"";
  220.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 64), "html", null, true);
  221.             echo "\" class=\"";
  222.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 64)) {
  223.                 echo "active";
  224.             }
  225.             echo "\"></li>
  226. \t\t\t\t\t\t\t\t";
  227.             ++$context['loop']['index0'];
  228.             ++$context['loop']['index'];
  229.             $context['loop']['first'] = false;
  230.             if (isset($context['loop']['length'])) {
  231.                 --$context['loop']['revindex0'];
  232.                 --$context['loop']['revindex'];
  233.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  234.             }
  235.         }
  236.         $_parent = $context['_parent'];
  237.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['silde'], $context['_parent'], $context['loop']);
  238.         $context = array_intersect_key($context, $_parent) + $_parent;
  239.         // line 66
  240.         echo "\t\t\t\t\t\t\t  </ol>
  242. \t\t\t\t\t\t\t  <div class=\"carousel-inner\">
  243. \t\t\t\t\t\t\t  ";
  244.         // line 69
  245.         $context['_parent'] = $context;
  246.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_slide"]) || array_key_exists("liste_slide", $context) ? $context["liste_slide"] : (function () { throw new RuntimeError('Variable "liste_slide" does not exist.', 69, $this->source); })()));
  247.         $context['loop'] = [
  248.           'parent' => $context['_parent'],
  249.           'index0' => 0,
  250.           'index'  => 1,
  251.           'first'  => true,
  252.         ];
  253.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  254.             $length = count($context['_seq']);
  255.             $context['loop']['revindex0'] = $length - 1;
  256.             $context['loop']['revindex'] = $length;
  257.             $context['loop']['length'] = $length;
  258.             $context['loop']['last'] = 1 === $length;
  259.         }
  260.         foreach ($context['_seq'] as $context["_key"] => $context["silde"]) {
  261.             // line 70
  262.             echo "\t\t\t\t\t\t\t\t<div class=\"carousel-item ";
  263.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 70)) {
  264.                 echo "active";
  265.             }
  266.             echo "\">
  267. \t\t\t\t\t\t\t\t\t<a href=\"#!\" class=\"carousel-link\">
  268. \t\t\t\t\t\t\t\t\t  <img  src=\"";
  269.             // line 72
  270.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["silde"], "src", [], "any", false, false, false, 72), null))) {
  271.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["silde"], "getwebpath", [], "any", false, false, false, 72)), "html", null, true);
  272.             } else {
  273.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/tresorerie.jpg"), "html", null, true);
  274.             }
  275.             echo "\" alt=\"First slide\" style=\"width: 100%; height: 445px;\">
  276. \t\t\t\t\t\t\t\t\t  <div class=\"carousel-caption  text-center\">
  277. \t\t\t\t\t\t\t\t\t\t<h2 class=\"white-text-shadow\">";
  278.             // line 74
  279.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["silde"], "titre", [], "any", false, false, false, 74), "html", null, true);
  280.             echo "</h2>
  281. \t\t\t\t\t\t\t\t\t  </div>
  282. \t\t\t\t\t\t\t\t\t</a>
  283. \t\t\t\t\t\t\t\t</div>
  284. \t\t\t\t\t\t\t  ";
  285.             ++$context['loop']['index0'];
  286.             ++$context['loop']['index'];
  287.             $context['loop']['first'] = false;
  288.             if (isset($context['loop']['length'])) {
  289.                 --$context['loop']['revindex0'];
  290.                 --$context['loop']['revindex'];
  291.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  292.             }
  293.         }
  294.         $_parent = $context['_parent'];
  295.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['silde'], $context['_parent'], $context['loop']);
  296.         $context = array_intersect_key($context, $_parent) + $_parent;
  297.         // line 79
  298.         echo "
  299. \t\t\t\t\t\t\t  </div>
  301. \t\t\t\t\t\t\t  <a class=\"carousel-control-prev\" data-target=\"#carouselIndicators\" href=\"#!\" role=\"button\" data-slide=\"prev\">
  302. \t\t\t\t\t\t\t\t<img src=\"";
  303.         // line 83
  304.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/arrow-left-acc.svg"), "html", null, true);
  305.         echo "\" class=\"indicateur-carousel\"/>
  306. \t\t\t\t\t\t\t\t<span class=\"sr-only\">Previous</span>
  307. \t\t\t\t\t\t\t  </a>
  309. \t\t\t\t\t\t\t  <a class=\"carousel-control-next\" data-target=\"#carouselIndicators\" href=\"#!\" role=\"button\" data-slide=\"next\">
  310. \t\t\t\t\t\t\t\t\t<img src=\"";
  311.         // line 88
  312.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/arrow-right-acc.svg"), "html", null, true);
  313.         echo "\" class=\"indicateur-carousel\"/>
  314. \t\t\t\t\t\t\t\t<span class=\"sr-only\">Next</span>
  315. \t\t\t\t\t\t\t  </a>
  316. \t\t\t\t\t\t\t</div>
  319. \t\t\t\t\t\t\t<!--div class=\"row\">
  320. \t\t\t\t\t\t\t\t<div class=\"col-lg-12 col-12\">
  321. \t\t\t\t\t\t\t\t\t<div class=\"hero-text\">
  322. \t\t\t\t\t\t\t\t\t\t<h1><span>UP TO 50% OFF </span>Shirt For Man</h1>
  323. \t\t\t\t\t\t\t\t\t\t<p>Maboriosam in a nesciung eget magnae <br> dapibus disting tloctio in the find it pereri <br> odiy maboriosm.</p>
  324. \t\t\t\t\t\t\t\t\t\t<div class=\"button\">
  325. \t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn\">Shop Now!</a>
  326. \t\t\t\t\t\t\t\t\t\t</div>
  327. \t\t\t\t\t\t\t\t\t</div>
  328. \t\t\t\t\t\t\t\t</div>
  329. \t\t\t\t\t\t\t</div-->
  331. \t\t\t\t\t\t</div>
  332. \t\t\t\t\t</div>
  333. \t\t\t\t\t<div class=\"col-lg-3 col-12\">
  334. \t\t\t\t\t\t<div class=\"text-inner\" style=\"height: 510px; margin-top: 15px;\">
  336. \t\t\t\t\t\t\t<ul class=\"newsticker\" style=\"height: 450px; bottom: 0px;\">
  337. \t\t\t\t\t\t\t\t";
  338.         // line 112
  339.         $context['_parent'] = $context;
  340.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["liste_offre"]) || array_key_exists("liste_offre", $context) ? $context["liste_offre"] : (function () { throw new RuntimeError('Variable "liste_offre" does not exist.', 112, $this->source); })()), 0, 8));
  341.         foreach ($context['_seq'] as $context["_key"] => $context["offre"]) {
  342.             // line 113
  343.             echo "\t\t\t\t\t\t\t\t<li class=\"box-slide-top\">
  344. \t\t\t\t\t\t\t\t\t<a href=\"";
  345.             // line 114
  346.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["offre"], "link", [], "any", false, false, false, 114), null))) {
  347.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["offre"], "link", [], "any", false, false, false, 114), "html", null, true);
  348.             } else {
  349.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_tous_produits_souscategorie_binplace_market", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "projet", [], "any", false, false, false, 114), "id", [], "any", false, false, false, 114), "scat" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "souscategorie", [], "any", false, false, false, 114), "id", [], "any", false, false, false, 114)]), "html", null, true);
  350.             }
  351.             echo "\" style=\"display: inline-block!important; height: 100%!important; width: 100%!important; position: sticky;\">
  352. \t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"padding: 4px 2px;\">
  353. \t\t\t\t\t\t\t\t\t\t<div style=\"width: 35%!important; padding: 0px 7px;\">
  354. \t\t\t\t\t\t\t\t\t\t\t<img src=\"";
  355.             // line 117
  356.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["offre"], "src", [], "any", false, false, false, 117), "source"))) {
  357.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["offre"], "getwebpath", [], "any", false, false, false, 117)), "html", null, true);
  358.             } else {
  359.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/assistance-bg.jpg"), "html", null, true);
  360.             }
  361.             echo "\" style=\"height: 90%!important; width: 100%!important; display: inline-block;\"/>
  362. \t\t\t\t\t\t\t\t\t\t</div>
  363. \t\t\t\t\t\t\t\t\t\t<div style=\"width: 65%!important; padding: 0px 7px;\">
  364. \t\t\t\t\t\t\t\t\t\t\t<strong class=\"coustom-my-text\" style=\"display: block;\">";
  365.             // line 120
  366.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "projet", [], "any", false, false, false, 120), "name", [0 => 30], "method", false, false, false, 120), "html", null, true);
  367.             echo "</strong>
  368. \t\t\t\t\t\t\t\t\t\t\t";
  369.             // line 121
  370.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["offre"], "titre", [], "any", false, false, false, 121), "html", null, true);
  371.             echo "
  372. \t\t\t\t\t\t\t\t\t\t</div>
  373. \t\t\t\t\t\t\t\t\t</div>
  374. \t\t\t\t\t\t\t\t\t<span style=\"position: absolute; right: 7px; bottom: 15px; padding: 2px; border-radius: 5px; background: #f4f4f4;\">Consulter</span>
  375. \t\t\t\t\t\t\t\t\t</a>
  376. \t\t\t\t\t\t\t\t</li>
  377. \t\t\t\t\t\t\t\t";
  378.         }
  379.         $_parent = $context['_parent'];
  380.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['offre'], $context['_parent'], $context['loop']);
  381.         $context = array_intersect_key($context, $_parent) + $_parent;
  382.         // line 128
  383.         echo "\t\t\t\t\t\t\t</ul>
  385. \t\t\t\t\t\t\t<div class=\"controls\" style=\"text-align: right!important; padding-left: 5px; padding-right: 5px;\"><a href=\"";
  386.         // line 130
  387.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_speciales_offres");
  388.         echo "\" style=\"float: left;\"><i class=\"ti-thought\"></i> Offres spéciales</a> <a class=\"prev-button\" href=\"#!\" title=\"Précédent\"><span class=\"fa fa-arrow-circle-left\"></span></a>  | <a class=\"next-button\" href=\"#!\" title=\"Suivant\"><span class=\"fa fa-arrow-circle-right\"></span></a> | <a class=\"stop-button\" href=\"#!\" title=\"Pause\"><span class=\"fa fa-stop\"></span></a> | <a class=\"start-button\" href=\"#!\" title=\"Arrêter/Jouer\"><span class=\"fa fa-play\"></span></a> </div>
  389. \t\t\t\t\t\t</div>
  390. \t\t\t\t\t</div>
  391. \t\t\t\t</div>
  392. \t\t\t</div>
  393. \t\t</div>
  394. \t\t<!--/ End Single Slider -->
  395. \t</section>
  398. \t<script type=\"text/javascript\">
  399. \t\tvar multilines = \$('.newsticker').newsTicker({
  400. \t\t\trow_height: 150,
  401. \t\t\tspeed: 50,
  402. \t\t\tprevButton: \$('.prev-button'),
  403. \t\t\tnextButton: \$('.next-button'),
  404. \t\t\tstopButton: \$('.stop-button'),
  405. \t\t\tstartButton: \$('.start-button'),
  406. \t\t});
  407. \t</script>
  409. \t<style>
  410. \t\t.box-hover {
  411. \t\t\tposition:relative;
  412. \t\t\twidth: 100%;
  413. \t\t\theight: 100%;
  414. \t\t\tbackground:#000;
  415. \t\t\tbox-sizing:border-box;
  416. \t\t\toverflow:hidden;
  417. \t\t\tbox-shadow:0 5px 10px rgba(0,0,0,.8);
  418. \t\t}
  419. \t\t.box-hover:before {
  420. \t\t\tcontent:'';
  421. \t\t\tposition:absolute;
  422. \t\t\ttop:10px;
  423. \t\t\tleft:10px;
  424. \t\t\tright:10px;
  425. \t\t\tbottom:10px;
  426. \t\t\tborder-top:1px solid #fff;
  427. \t\t\tborder-bottom:1px solid #fff;
  428. \t\t\tbox-sizing:border-box;
  429. \t\t\ttransition:0.5s;
  430. \t\t\ttransform: scaleX(0);
  431. \t\t\topacity:0;
  432. \t\t}
  433. \t\t.box-hover:hover:before {
  434. \t\t\ttransform:scaleX(1);
  435. \t\t\topacity:1;
  436. \t\t}
  437. \t\t.box-hover:after {
  438. \t\t\tcontent:'';
  439. \t\t\tposition:absolute;
  440. \t\t\ttop:10px;
  441. \t\t\tleft:10px;
  442. \t\t\tright:10px;
  443. \t\t\tbottom:10px;
  444. \t\t\tborder-left:1px solid #fff;
  445. \t\t\tborder-right:1px solid #fff;
  446. \t\t\tbox-sizing:border-box;
  447. \t\t\ttransition:0.5s;
  448. \t\t\ttransform: scaleY(0);
  449. \t\t\topacity:0;
  450. \t\t}
  451. \t\t.box-hover:hover:after {
  452. \t\t\ttransform:scaleY(1);
  453. \t\t\topacity:1;
  454. \t\t}
  455. \t\t.box-hover .imgBox {
  456. \t\t\tposition:relative;
  457. \t\t}
  458. \t\t.box-hover .imgBox img {
  459. \t\t\twidth:100%;
  460. \t\t\ttransition:0.5s;
  461. \t\t}
  462. \t\t.box-hover:hover .imgBox img {
  463. \t\t\topacity:.2;
  464. \t\t\ttransform:scale(1.2);
  465. \t\t}
  466. \t\t.box-hover .content {
  467. \t\t\tposition:absolute;
  468. \t\t\twidth:100%;
  469. \t\t\ttop:40%;
  470. \t\t\ttransform:translateY(-50%);
  471. \t\t\tz-index:2;
  472. \t\t\tpadding:20px;
  473. \t\t\tbox-sizing:border-box;
  474. \t\t\ttext-align:center;
  475. \t\t}
  476. \t\t.box-hover .content h2 {
  477. \t\t\tmargin: 0 0 10px;
  478. \t\t\tpadding:0;
  479. \t\t\tcolor:#fff;
  480. \t\t\ttransition:0.5s;
  481. \t\t\ttransform:translateY(-50px);
  482. \t\t\topacity:0;
  483. \t\t\tvisibility:hidden;
  484. \t\t}
  485. \t\t.box-hover .content p {
  486. \t\t\tmargin:0;
  487. \t\t\tpadding:0;
  488. \t\t\tcolor:#fff;
  489. \t\t\ttransform:translateY(50px);
  490. \t\t\topacity:0;
  491. \t\t\tvisibility:hidden;
  492. \t\t}
  493. \t\t.box-hover:hover .content h2,
  494. \t\t.box-hover:hover .content P {
  495. \t\t\topacity:1;
  496. \t\t\tvisibility:visible;
  497. \t\t\ttransform:translateY(0px);
  498. \t\t}
  499. \t\t
  500. \t</style>
  502. \t<section>
  503. \t\t<div class=\"container\">
  504. \t\t\t<div class=\"row\">
  505. \t\t\t\t<div class=\"col-md-12\" >
  506. \t\t\t\t<section class=\"logo-partner\" style=\"background: #f2f2f2;\">
  507. \t\t\t\t
  508. \t\t\t\t<div class=\"my-container\">
  509. \t\t\t\t<div class=\"cover-wrapper\" style=\"height: 120px;\">
  510. \t\t\t\t\t<div id=\"client-logos\" class=\"owl-carousel text-center\">
  511. \t\t\t\t\t\t";
  512.         // line 253
  513.         $context['_parent'] = $context;
  514.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_marque"]) || array_key_exists("liste_marque", $context) ? $context["liste_marque"] : (function () { throw new RuntimeError('Variable "liste_marque" does not exist.', 253, $this->source); })()));
  515.         $context['_iterated'] = false;
  516.         foreach ($context['_seq'] as $context["_key"] => $context["marque"]) {
  517.             // line 254
  518.             echo "\t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  519. \t\t\t\t\t\t\t<a href=\"";
  520.             // line 255
  521.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_acceuil_sousdomaine_type_market_place", ["idmarque" => twig_get_attribute($this->env, $this->source, $context["marque"], "id", [], "any", false, false, false, 255)]), "html", null, true);
  522.             echo "\" value=\"";
  523.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["marque"], "id", [], "any", false, false, false, 255), "html", null, true);
  524.             echo "\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  525. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  526. \t\t\t\t\t\t\t\t\t<img src=\"";
  527.             // line 257
  528.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["marque"], "src", [], "any", false, false, false, 257), null))) {
  529.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["marque"], "getwebpath", [], "any", false, false, false, 257)), "html", null, true);
  530.             } else {
  531.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/logo-afh.png"), "html", null, true);
  532.             }
  533.             echo "\" style=\"width: 100%!important; height: auto;\">
  534. \t\t\t\t\t\t\t\t</div>
  535. \t\t\t\t\t\t\t\t<div class=\"content\">
  536. \t\t\t\t\t\t\t\t\t<p>
  537. \t\t\t\t\t\t\t\t\t\t<strong>";
  538.             // line 261
  539.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["marque"], "nom", [], "any", false, false, false, 261), "html", null, true);
  540.             echo "</strong></br>
  541. \t\t\t\t\t\t\t\t\t\t";
  542.             // line 262
  543.             $context["nbproduits"] = twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["marque"], "produits", [], "any", false, false, false, 262));
  544.             // line 263
  545.             echo "\t\t\t\t\t\t\t\t\t\t<span>";
  546.             echo twig_escape_filter($this->env, (isset($context["nbproduits"]) || array_key_exists("nbproduits", $context) ? $context["nbproduits"] : (function () { throw new RuntimeError('Variable "nbproduits" does not exist.', 263, $this->source); })()), "html", null, true);
  547.             echo " produit(s)</span>
  548. \t\t\t\t\t\t\t\t\t</p>
  549. \t\t\t\t\t\t\t\t</div>
  550. \t\t\t\t\t\t\t</a>
  551. \t\t\t\t\t\t</div>
  552. \t\t\t\t\t\t";
  553.             $context['_iterated'] = true;
  554.         }
  555.         if (!$context['_iterated']) {
  556.             // line 269
  557.             echo "\t\t\t\t\t\t<!-- div class=\"item\">
  558. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\" >
  559. \t\t\t\t\t\t\t  <img src=\"";
  560.             // line 271
  561.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/domainebox.png"), "html", null, true);
  562.             echo "\" alt=\"\"/>
  563. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  564. \t\t\t\t\t\t\t</a>
  565. \t\t\t\t\t\t</div>
  566. \t\t\t\t\t\t<div class=\"item\">
  567. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  568. \t\t\t\t\t\t\t  <img src=\"";
  569.             // line 277
  570.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/i-web.png"), "html", null, true);
  571.             echo "\" alt=\"\"/>
  572. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  573. \t\t\t\t\t\t\t</a>
  574. \t\t\t\t\t\t</div>
  575. \t\t\t\t\t\t<div class=\"item\">
  576. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  577. \t\t\t\t\t\t\t  <img src=\"";
  578.             // line 283
  579.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/logo-afh.png"), "html", null, true);
  580.             echo "\" alt=\"\"/>
  581. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  582. \t\t\t\t\t\t\t</a>
  583. \t\t\t\t\t\t</div>
  584. \t\t\t\t\t\t<div class=\"item\">
  585. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  586. \t\t\t\t\t\t\t  <img src=\"";
  587.             // line 289
  588.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/ovh-host.png"), "html", null, true);
  589.             echo "\" alt=\"\"/>
  590. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  591. \t\t\t\t\t\t\t</a>
  592. \t\t\t\t\t\t</div>
  593. \t\t\t\t\t\t<div class=\"item\">
  594. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  595. \t\t\t\t\t\t\t  <img src=\"";
  596.             // line 295
  597.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/france-dns.png"), "html", null, true);
  598.             echo "\" alt=\"\"/>
  599. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  600. \t\t\t\t\t\t\t</a>
  601. \t\t\t\t\t\t</div>
  602. \t\t\t\t\t\t<div class=\"item\">
  603. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  604. \t\t\t\t\t\t\t  <img src=\"";
  605.             // line 301
  606.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/logo-cpanel.png"), "html", null, true);
  607.             echo "\" alt=\"\"/>
  608. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  609. \t\t\t\t\t\t\t</a>
  610. \t\t\t\t\t\t</div>
  611. \t\t\t\t\t\t<div class=\"item\">
  612. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  613. \t\t\t\t\t\t\t  <img src=\"";
  614.             // line 307
  615.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/logo-oj.png"), "html", null, true);
  616.             echo "\" alt=\"\"/>
  617. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  618. \t\t\t\t\t\t\t</a>
  619. \t\t\t\t\t\t</div -->
  621. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  622. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  623. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  624. \t\t\t\t\t\t\t\t\t<img src=\"";
  625.             // line 315
  626.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/part01.jpeg"), "html", null, true);
  627.             echo "\" style=\"height: 100px;\">
  628. \t\t\t\t\t\t\t\t</div>
  629. \t\t\t\t\t\t\t\t<div class=\"content\">
  630. \t\t\t\t\t\t\t\t\t<p>
  631. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  632. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  633. \t\t\t\t\t\t\t\t\t</p>
  634. \t\t\t\t\t\t\t\t</div>
  635. \t\t\t\t\t\t\t</a>
  636. \t\t\t\t\t\t</div>
  637. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  638. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  639. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  640. \t\t\t\t\t\t\t\t\t<img src=\"";
  641.             // line 328
  642.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/part02.jpeg"), "html", null, true);
  643.             echo "\" style=\"height: 100px;\">
  644. \t\t\t\t\t\t\t\t</div>
  645. \t\t\t\t\t\t\t\t<div class=\"content\">
  646. \t\t\t\t\t\t\t\t\t<p>
  647. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  648. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  649. \t\t\t\t\t\t\t\t\t</p>
  650. \t\t\t\t\t\t\t\t</div>
  651. \t\t\t\t\t\t\t</a>
  652. \t\t\t\t\t\t</div>
  653. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  654. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  655. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  656. \t\t\t\t\t\t\t\t\t<img src=\"";
  657.             // line 341
  658.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/part03.jpeg"), "html", null, true);
  659.             echo "\" style=\"height: 100px;\">
  660. \t\t\t\t\t\t\t\t</div>
  661. \t\t\t\t\t\t\t\t<div class=\"content\">
  662. \t\t\t\t\t\t\t\t\t<p>
  663. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  664. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  665. \t\t\t\t\t\t\t\t\t</p>
  666. \t\t\t\t\t\t\t\t</div>
  667. \t\t\t\t\t\t\t</a>
  668. \t\t\t\t\t\t</div>
  669. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  670. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  671. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  672. \t\t\t\t\t\t\t\t\t<img src=\"";
  673.             // line 354
  674.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/part04.jpeg"), "html", null, true);
  675.             echo "\" style=\" height: 100px;\">
  676. \t\t\t\t\t\t\t\t</div>
  677. \t\t\t\t\t\t\t\t<div class=\"content\">
  678. \t\t\t\t\t\t\t\t\t<p>
  679. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  680. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  681. \t\t\t\t\t\t\t\t\t</p>
  682. \t\t\t\t\t\t\t\t</div>
  683. \t\t\t\t\t\t\t</a>
  684. \t\t\t\t\t\t</div>
  685. \t\t\t\t\t\t";
  686.         }
  687.         $_parent = $context['_parent'];
  688.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['marque'], $context['_parent'], $context['loop']);
  689.         $context = array_intersect_key($context, $_parent) + $_parent;
  690.         // line 365
  691.         echo "\t\t\t\t\t</div>
  692. \t\t\t\t</div>
  693. \t\t\t\t</div>
  694. \t\t\t\t</section>
  696. \t\t\t\t<script type=\"text/javascript\">
  697. \t\t\t\t\$('#client-logos').owlCarousel({
  698. \t\t\t\t\tloop:true,
  699. \t\t\t\t\tmargin:15,
  700. \t\t\t\t\tnav:true,
  701. \t\t\t\t\tresponsive:{
  702. \t\t\t\t\t\t0:{
  703. \t\t\t\t\t\t\titems:2
  704. \t\t\t\t\t\t},
  705. \t\t\t\t\t\t600:{
  706. \t\t\t\t\t\t\titems:4
  707. \t\t\t\t\t\t},
  708. \t\t\t\t\t\t1000:{
  709. \t\t\t\t\t\t\titems:6
  710. \t\t\t\t\t\t}
  711. \t\t\t\t\t},
  712. \t\t\t\t\tnavText: [\"<img src='";
  713.         // line 386
  714.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/av8a49a4f81c3318dc69d.png"), "html", null, true);
  715.         echo "'/>\",\"<img src='";
  716.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/avcc910c4ee5888b858fe.png"), "html", null, true);
  717.         echo "'/>\"]
  718. \t\t\t\t});
  719. \t\t\t\t</script>
  720. \t\t\t\t</div>
  721. \t\t    </div>
  722. \t\t</div>
  723. \t</section>
  724. <!--/ End Slider Area -->
  726. <style>
  727. .card-view{
  728.     -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  729.     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  730.     border-radius: 4px;
  731.     padding: 22px;
  732.     margin-bottom: 20px;
  733. \tbackground: #fff;
  734. \tmax-width: 100%;
  735. \tborder-right: 3px solid green;
  736. }
  737. .card-view:hover {
  738.     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.01);
  739. \tbackground: #f9f9f9;
  740. \tcursor: pointer;
  741. \tborder-right: 3px solid blue;
  742. }
  743. .flex-row {
  744.     display: -webkit-box;
  745.     display: -ms-flexbox;
  746.     display: flex;
  747.     -ms-flex-wrap: wrap;
  748.     flex-wrap: wrap;
  749.     margin-right: -15px;
  750.     margin-left: -15px;
  751. }
  752. .spacer {
  753.     padding-top: 50px;
  754.     padding-bottom: 50px;
  755. }
  756. .bg-gray{
  757.     background: #F8F8F8;
  758. }
  759. .no-margin{
  760.     margin: 0 !important;
  761. }
  762. .flex-row .flex-col{
  763.     -ms-flex-preferred-size: 0;
  764.     flex-basis: 0;
  765.     -webkit-box-flex: 1;
  766.     -ms-flex-positive: 1;
  767.     flex-grow: 1;
  768.     max-width: 100%;
  769.     position: relative;
  770.     width: 100%;
  771.     min-height: 1px;
  772.     padding-right: 15px;
  773.     padding-left: 15px;
  774. }
  775. .r-layout {
  776.     display: -webkit-box;
  777.     display: -ms-flexbox;
  778.     display: flex;
  779.     position: relative;
  780. }
  781. .r-layout .r-img {
  782.     position: relative;
  783.     width: 199px;
  784.     height: 192px;
  785.     margin-right: 20px;
  786. }
  787. .cm-sm {
  788.     width: 154px !important;
  789.     height: 156px !important;
  790. }
  791. .r-layout .r-img img {
  792.     width: 100%;
  793.     height: 100%;
  794.     border-radius: 3px;
  795.     -o-object-fit: cover;
  796.     object-fit: cover;
  797. }
  798. .r-layout .s-tag {
  799.     position: absolute;
  800.     top: 0;
  801.     right: 0;
  802.     font-weight: 500;
  803.     margin-right: 0;
  804. }
  805. .s-tag {
  806.     width: 41px;
  807.     height: 36px;
  808.     background: transparent;
  809.     color: #ed6e11;
  810.     border-radius: 3px;
  811.     background: var(--theme-color1);
  812.     text-align: center;
  813.     display: -webkit-box;
  814.     display: -ms-flexbox;
  815.     display: flex;
  816.     -webkit-box-align: center;
  817.     -ms-flex-align: center;
  818.     align-items: center;
  819.     -webkit-box-pack: center;
  820.     -ms-flex-pack: center;
  821.     justify-content: center;
  822.     font-weight: bold;
  823.     margin-right: 10px;
  824.     margin-top: -25px;
  825. }
  826. .card-sm-content .r-layout .r-content .title {
  827.     font-size: 17px;
  828. }
  829. .r-layout .r-content .title {
  830.     font-size: 22px;
  831.     font-weight: 600;
  832.     color: #212121;
  833.     margin: 0;
  834. }
  835. .title {
  836.     font-size: 28px;
  837.     font-weight: bold;
  838.     margin: 0;
  839. }
  840. .r-layout .r-content p {
  841.     font-size: 14px;
  842.     color: #666666;
  843.     margin: 0;
  844.     margin-bottom: 10px;
  845. }
  846. .taglist {
  847.     display: -webkit-box;
  848.     display: -ms-flexbox;
  849.     display: flex;
  850.     margin-bottom: 10px;
  851. }
  852. .taglist .tag:first-child {
  853.     margin-left: 0;
  854. }
  855. .taglist .tag {
  856.     margin-left: 10px;
  857. }
  858. .tag {
  859.     height: 26px;
  860.     border-radius: 2px;
  861.     background-color: #e4e4e4;
  862.     font-size: 14px;
  863.     color: #666666;
  864.     display: -webkit-box;
  865.     display: -ms-flexbox;
  866.     display: flex;
  867.     -webkit-box-align: center;
  868.     -ms-flex-align: center;
  869.     align-items: center;
  870.     -webkit-box-pack: center;
  871.     -ms-flex-pack: center;
  872.     justify-content: center;
  873.     text-align: center;
  874. \tpadding-left: 4px;
  875. \tpadding-right: 4px;
  876. }
  877. .r-layout .r-content p {
  878.     font-size: 14px;
  879.     color: #666666;
  880.     margin: 0;
  881.     margin-bottom: 10px;
  882. }
  883. .r-layout .r-content .color-text {
  884.     font-weight: 600;
  885.     color: #00796b;
  886. }
  887. .r-layout .r-content p {
  888.     font-size: 14px;
  889.     color: #666666;
  890.     margin: 0;
  891.     margin-bottom: 10px;
  892. }
  893. /* common css up */
  895. .h3-titlte {
  896.     font-size: 20px;
  897.     font-weight: 600;
  898.     color: #212121;
  899.     margin-top: 30px;
  900.     margin-bottom: 15px;
  901. }
  904. .panel-detail-top{
  905. \tbackground: #fff!important;
  906. }
  908. .section-tabs {
  909.   display: none;
  910.   padding: 20px 0 0;
  911.   border-top: 1px solid #ddd;
  912. }
  914. .input-tabs {
  915.   display: none!important;
  916. }
  918. .label-tab{
  919. \tdisplay: inline-block;
  920. \tmargin: 0 0 -1px;
  921. \tpadding: 15px 10px;
  922. \tfont-weight: 600;
  923. \ttext-align: center;
  924. \tcolor: #bbb;
  925. \tborder: 1px solid transparent;
  926. \tfont-size: 14px!important;
  927. \theight: 50px!important;
  928. }
  930. .label-tab:after{
  931. \tborder: 2px solid transparent!important;
  932. \tdisplay: none;
  933. }
  934. .label-tab:before{
  935. \tborder: 2px solid transparent!important;
  936. \tpadding-top: 7px!important;
  937. \tmargin-left: 7px!important;
  938. }
  940. .label-tab:before{
  941.   font-family: fontawesome;
  942.   font-weight: normal;
  943.   margin-right: 10px;
  944. }
  945. .label-tab[for*='1']:before {
  946.   content: '\\f1cb';
  947. }
  948. .label-tab[for*='2']:before {
  949.   content: '\\f17d';
  950. }
  952. .label-tab[for*='3']:before {
  953.   content: '\\f16b';
  954. }
  956. .label-tab[for*='4']:before {
  957.   content: '\\f1a9';
  958. }
  960. .label-tab:hover {
  961.   color: #888;
  962.   cursor: pointer;
  963. }
  965. .input-tabs:checked + .label-tab {
  966.   color: #555;
  967.   border: 1px solid #ddd;
  968.   border-top: 2px solid #092759;
  969.   border-bottom: 1px solid #fff;
  970. }
  972. #tab-1:checked ~ #content1,
  973. #tab-2:checked ~ #content2,
  974. #tab-3:checked ~ #content3,
  975. #tab-4:checked ~ #content4 {
  976.   display: block;
  977. }#tab-5:checked ~ #content5 {
  978.   display: block;
  979. }
  981. @media screen and (max-width: 650px) {
  982.   .label-tab {
  983. \tfont-size: 0;
  984.   }
  986.   .label-tab:before {
  987. \tmargin: 0;
  988. \tfont-size: 18px;
  989.   }
  990. }
  991. @media screen and (max-width: 400px) {
  992.   .label-tab {
  993. \tpadding: 15px;
  994.   }
  995. }
  996. .tab-label{
  997. \tfont-family: 'Montserrat', sans-serif!important;
  998. }
  1000. /* mixin for multiline */
  1001. .card2 {
  1002.   border: 0;
  1003.   border-radius: 0;
  1004.   background-color: #f4f4f4;
  1005.   margin-top: -20px;
  1006. }
  1007. .card-img-top {
  1008.   position: relative;
  1009.   padding: 15px;
  1010.   width: 100%;
  1011.   height: 250px;
  1012.   -o-object-fit: contain;
  1013. \t object-fit: contain;
  1014. }
  1015. .card-body {
  1016.   border-radius: 15px 15px 0px 0px;
  1017.   padding-top: 100px;
  1018.   background-color: #fff;
  1019.   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  1020.   height: 280px;
  1021. }
  1022. .card-text {
  1023.   display: block;
  1024.   overflow: hidden;
  1025.   font-size: 16px;
  1026.   line-height: 1.5;
  1027.   max-height: 72px;
  1028. }
  1029. </style>
  1032. <section class=\"theme-bg-light\" style=\"background: #f4f4f4; padding: 20px 0px;\">
  1033.   <div class=\"container\">\t\t   
  1035. \t  <style>
  1036. \t\tdiv.demotabs {
  1037. \t\t  border: 2px dashed #e6e6e6;
  1038. \t\t  border-radius: .8125rem;
  1039. \t\t  box-shadow: inset 0px 0px 1.625rem rgba(0, 0, 0, 0.05);
  1040. \t\t  margin-top: 1.625rem;
  1041. \t\t  padding: 15px;
  1042. \t\t  background: #fff;
  1043. \t\t}
  1044. \t\t
  1045. \t\t.demotabs:hover .owl-next img, .demotabs:hover .owl-prev img{
  1046. \t\t\tbackground: #fff!important;
  1047. \t\t\tdisplay: inline-block!important;
  1048. \t\t\tborder-radius: 50%;
  1049. \t\t\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  1050. \t\t\ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);
  1051. \t\t\tcursor: pointer;
  1052. \t\t}
  1054. \t\t.demotabs .owl-next img, .demotabs .owl-prev img{
  1055. \t\t\ttop: 150px!important;
  1056. \t\t\tdisplay: none;
  1057. \t\t\theight: 50px;
  1058. \t\t\twidth: 50px;
  1059. \t\t\tpadding: 15px;
  1060. \t\t}
  1061. \t\t.demotabs .owl-next img:hover, .demotabs .owl-prev img:hover{
  1062. \t\t\tbackground: #f2f2f2;
  1063. \t\t\tborder: 1px solid red;
  1064. \t\t}
  1065. \t\t
  1066. \t\t.default-item{
  1067. \t\t\tfont-weight: nomal; font-size: 15px;
  1068. \t\t}
  1069. \t\t.default-item .diviser-item{
  1070. \t\t\twidth: 120px; height: 7px; background: #fff; margin-top: 15px;
  1071. \t\t}
  1072. \t\t.active-item{
  1073. \t\t\tfont-weight: bold; font-size: 25px;
  1074. \t\t}
  1075. \t\t.active-item .diviser-item{
  1076. \t\t\twidth: 120px; height: 7px; margin-top: 15px;
  1077. \t\t\tbackground-color: var(--bg-principal)!important;
  1078. \t\t}
  1079. \t\t#produits-enregistres, #produits-nouveaux{
  1080. \t\t\tdisplay: none;
  1081. \t\t}
  1082. \t  </style>
  1084.   <div class=\"demotabs\">
  1085. \t<div class=\"tabs-container\" style=\"padding-top: 15px; border: none;\">
  1086. \t\t
  1087. \t\t<div class=\"row\" style=\"margin-bottom: 30px;\">
  1088. \t\t\t<div class=\"col-md-4\">
  1089. \t\t\t\t<div class=\"default-item active-item\" value=\"1\">
  1090. \t\t\t\t\t<a href=\"#!\">Recommandations</a>
  1091. \t\t\t\t\t<div class=\"diviser-item\"></div>
  1092. \t\t\t\t</div>
  1093. \t\t\t</div>
  1094. \t\t\t<div class=\"col-md-4\">
  1095. \t\t\t\t<div class=\"default-item\" value=\"2\">
  1096. \t\t\t\t\t<a href=\"#!\">Enregistrements</a>
  1097. \t\t\t\t\t<div class=\"diviser-item\"></div>
  1098. \t\t\t\t</div>
  1099. \t\t\t</div>
  1100. \t\t\t<div class=\"col-md-4\">
  1101. \t\t\t\t<div class=\"default-item\" value=\"3\">
  1102. \t\t\t\t\t<a href=\"#!\">Nouveaux Produits</a>
  1103. \t\t\t\t\t<div class=\"diviser-item\"></div>
  1104. \t\t\t\t</div>
  1105. \t\t\t</div>
  1106. \t\t</div>
  1107. \t\t
  1108. \t\t<script type=\"text/javascript\">
  1109. \t\t\t\$('.default-item').click(function(){
  1110. \t\t\t\t\$('.default-item').removeClass('active-item');
  1111. \t\t\t\t\$(this).addClass('active-item');
  1112. \t\t\t\t\$('.carousel-product').hide();
  1113. \t\t\t\tif(\$(this).attr('value') == 1)
  1114. \t\t\t\t{
  1115. \t\t\t\t\t\$('#produits-recommandes').show();
  1116. \t\t\t\t}else if(\$(this).attr('value') == 2){
  1117. \t\t\t\t\t\$('#produits-enregistres').show();
  1118. \t\t\t\t}else{
  1119. \t\t\t\t\t\$('#produits-nouveaux').show();
  1120. \t\t\t\t}
  1121. \t\t\t});
  1122. \t\t</script>
  1124. \t\t<div id=\"produits-recommandes\" class=\"owl-carousel text-center carousel-product\">
  1125. \t\t\t\t\t
  1126. \t\t";
  1127.         // line 795
  1128.         $context['_parent'] = $context;
  1129.         $context['_seq'] = twig_ensure_traversable((isset($context["produit_recommander"]) || array_key_exists("produit_recommander", $context) ? $context["produit_recommander"] : (function () { throw new RuntimeError('Variable "produit_recommander" does not exist.', 795, $this->source); })()));
  1130.         foreach ($context['_seq'] as $context["_key"] => $context["produit"]) {
  1131.             // line 796
  1132.             echo "\t\t\t";
  1133.             if ((1 === twig_compare(twig_get_attribute($this->env, $this->source, $context["produit"], "ancienPrixProduit", [], "any", false, false, false, 796), 0))) {
  1134.                 // line 797
  1135.                 echo "\t\t\t\t";
  1136.                 $context["taux"] = ((twig_get_attribute($this->env, $this->source, $context["produit"], "newprise", [], "any", false, false, false, 797) - twig_get_attribute($this->env, $this->source, $context["produit"], "ancienPrixProduit", [], "any", false, false, false, 797)) / twig_get_attribute($this->env, $this->source, $context["produit"], "ancienPrixProduit", [], "any", false, false, false, 797));
  1137.                 // line 798
  1138.                 echo "\t\t\t";
  1139.             } else {
  1140.                 // line 799
  1141.                 echo "\t\t\t\t";
  1142.                 $context["taux"] = 0;
  1143.                 // line 800
  1144.                 echo "\t\t\t";
  1145.             }
  1146.             // line 801
  1147.             echo "\t\t\t";
  1148.             $context["taux"] = ((isset($context["taux"]) || array_key_exists("taux", $context) ? $context["taux"] : (function () { throw new RuntimeError('Variable "taux" does not exist.', 801, $this->source); })()) * 100);
  1149.             // line 802
  1150.             echo "\t\t\t";
  1151.             $context["img"] = twig_get_attribute($this->env, $this->source, $context["produit"], "getBestProduit", [], "any", false, false, false, 802);
  1152.             // line 803
  1153.             echo "
  1154. \t\t  <div class=\"item-2\">
  1155. \t\t\t <div class=\"card2\">
  1156. \t\t\t\t<img src=\"";
  1157.             // line 806
  1158.             if ((0 !== twig_compare((isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 806, $this->source); })()), null))) {
  1159.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 806, $this->source); })()), "getwebpath", [], "any", false, false, false, 806)), "html", null, true);
  1160.             } else {
  1161.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  1162.             }
  1163.             echo "\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  1164. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  1165. \t\t\t\t   <h5 class=\"card-title\"><a href=\"";
  1166.             // line 808
  1167.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, $context["produit"], "id", [], "any", false, false, false, 808)]), "html", null, true);
  1168.             echo "\">";
  1169.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["produit"], "nom", [], "any", false, false, false, 808), "html", null, true);
  1170.             echo "</a></h5>
  1171. \t\t\t\t   <p class=\"card-text\">";
  1172.             // line 809
  1173.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["produit"], "description", [], "any", false, false, false, 809), "html", null, true);
  1174.             echo "</p>
  1175. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  1176. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"";
  1177.             // line 811
  1178.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["produit"], "id", [], "any", false, false, false, 811), "html", null, true);
  1179.             echo "\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  1180. \t\t\t\t   </div>
  1181. \t\t\t\t</div>
  1182. \t\t\t </div>
  1183. \t\t  </div>
  1184. \t\t";
  1185.         }
  1186.         $_parent = $context['_parent'];
  1187.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['produit'], $context['_parent'], $context['loop']);
  1188.         $context = array_intersect_key($context, $_parent) + $_parent;
  1189.         // line 817
  1190.         echo "
  1191. \t\t</div>
  1192. \t\t
  1193. \t\t<script type=\"text/javascript\">
  1194. \t\t\$('#produits-recommandes').owlCarousel({
  1195. \t\t\tloop:true,
  1196. \t\t\tmargin:15,
  1197. \t\t\tnav:true,
  1198. \t\t\tresponsive:{
  1199. \t\t\t\t0:{
  1200. \t\t\t\t\titems: 1
  1201. \t\t\t\t},
  1202. \t\t\t\t600:{
  1203. \t\t\t\t\titems: 3
  1204. \t\t\t\t},
  1205. \t\t\t\t1000:{
  1206. \t\t\t\t\titems: 4
  1207. \t\t\t\t}
  1208. \t\t\t},
  1209. \t\t\tnavText: [\"<img src='";
  1210.         // line 836
  1211.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/av8a49a4f81c3318dc69d.png"), "html", null, true);
  1212.         echo "'/>\",\"<img src='";
  1213.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/avcc910c4ee5888b858fe.png"), "html", null, true);
  1214.         echo "'/>\"]
  1215. \t\t});
  1216. \t\t</script>
  1217. \t\t
  1218. \t\t<div id=\"produits-enregistres\" class=\"owl-carousel text-center carousel-product\">
  1219. \t\t\t\t\t
  1220. \t\t";
  1221.         // line 842
  1222.         $context['_parent'] = $context;
  1223.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_enregistrement"]) || array_key_exists("liste_enregistrement", $context) ? $context["liste_enregistrement"] : (function () { throw new RuntimeError('Variable "liste_enregistrement" does not exist.', 842, $this->source); })()));
  1224.         foreach ($context['_seq'] as $context["_key"] => $context["enregistrement"]) {
  1225.             // line 843
  1226.             echo "\t\t";
  1227.             $context["produit"] = twig_get_attribute($this->env, $this->source, $context["enregistrement"], "produit", [], "any", false, false, false, 843);
  1228.             // line 844
  1229.             echo "\t\t";
  1230.             if ((1 === twig_compare(twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 844, $this->source); })()), "ancienPrixProduit", [], "any", false, false, false, 844), 0))) {
  1231.                 // line 845
  1232.                 echo "\t\t\t";
  1233.                 $context["taux"] = ((twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 845, $this->source); })()), "newprise", [], "any", false, false, false, 845) - twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 845, $this->source); })()), "ancienPrixProduit", [], "any", false, false, false, 845)) / twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 845, $this->source); })()), "ancienPrixProduit", [], "any", false, false, false, 845));
  1234.                 // line 846
  1235.                 echo "\t\t";
  1236.             } else {
  1237.                 // line 847
  1238.                 echo "\t\t\t";
  1239.                 $context["taux"] = 0;
  1240.                 // line 848
  1241.                 echo "\t\t";
  1242.             }
  1243.             // line 849
  1244.             echo "\t\t";
  1245.             $context["taux"] = ((isset($context["taux"]) || array_key_exists("taux", $context) ? $context["taux"] : (function () { throw new RuntimeError('Variable "taux" does not exist.', 849, $this->source); })()) * 100);
  1246.             // line 850
  1247.             echo "\t\t";
  1248.             $context["img"] = twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 850, $this->source); })()), "getBestProduit", [], "any", false, false, false, 850);
  1249.             // line 851
  1250.             echo "\t\t  <div class=\"item-2\">
  1251. \t\t\t <div class=\"card2\">
  1252. \t\t\t\t<img src=\"";
  1253.             // line 853
  1254.             if ((0 !== twig_compare((isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 853, $this->source); })()), null))) {
  1255.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 853, $this->source); })()), "getwebpath", [], "any", false, false, false, 853)), "html", null, true);
  1256.             } else {
  1257.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  1258.             }
  1259.             echo "\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  1260. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  1261. \t\t\t\t   <h5 class=\"card-title\"><a href=\"";
  1262.             // line 855
  1263.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 855, $this->source); })()), "id", [], "any", false, false, false, 855)]), "html", null, true);
  1264.             echo "\">";
  1265.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 855, $this->source); })()), "nom", [], "any", false, false, false, 855), "html", null, true);
  1266.             echo "</a></h5>
  1267. \t\t\t\t   <p class=\"card-text\">";
  1268.             // line 856
  1269.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 856, $this->source); })()), "contenu", [], "any", false, false, false, 856), "html", null, true);
  1270.             echo "</p>
  1271. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  1272. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"";
  1273.             // line 858
  1274.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["produit"]) || array_key_exists("produit", $context) ? $context["produit"] : (function () { throw new RuntimeError('Variable "produit" does not exist.', 858, $this->source); })()), "id", [], "any", false, false, false, 858), "html", null, true);
  1275.             echo "\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  1276. \t\t\t\t   </div>
  1277. \t\t\t\t</div>
  1278. \t\t\t </div>
  1279. \t\t  </div>
  1280. \t\t";
  1281.         }
  1282.         $_parent = $context['_parent'];
  1283.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['enregistrement'], $context['_parent'], $context['loop']);
  1284.         $context = array_intersect_key($context, $_parent) + $_parent;
  1285.         // line 864
  1286.         echo "
  1287. \t\t</div>
  1288. \t\t
  1289. \t\t<script type=\"text/javascript\">
  1290. \t\t\$('#produits-enregistres').owlCarousel({
  1291. \t\t\tloop:true,
  1292. \t\t\tmargin:15,
  1293. \t\t\tnav:true,
  1294. \t\t\tresponsive:{
  1295. \t\t\t\t0:{
  1296. \t\t\t\t\titems: 1
  1297. \t\t\t\t},
  1298. \t\t\t\t600:{
  1299. \t\t\t\t\titems: 3
  1300. \t\t\t\t},
  1301. \t\t\t\t1000:{
  1302. \t\t\t\t\titems: 4
  1303. \t\t\t\t}
  1304. \t\t\t},
  1305. \t\t\tnavText: [\"<img src='";
  1306.         // line 883
  1307.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/av8a49a4f81c3318dc69d.png"), "html", null, true);
  1308.         echo "'/>\",\"<img src='";
  1309.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/avcc910c4ee5888b858fe.png"), "html", null, true);
  1310.         echo "'/>\"]
  1311. \t\t});
  1312. \t\t</script>
  1313.    
  1314. \t\t<div id=\"produits-nouveaux\" class=\"owl-carousel text-center carousel-product\">
  1315. \t\t\t\t\t
  1316. \t\t";
  1317.         // line 889
  1318.         $context['_parent'] = $context;
  1319.         $context['_seq'] = twig_ensure_traversable(range(1, 6));
  1320.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  1321.             // line 890
  1322.             echo "\t\t  <div class=\"item-2\">
  1323. \t\t\t <div class=\"card2\">
  1324. \t\t\t\t<img src=\"https://consumer-img.huawei.com/content/dam/huawei-cbg-site/common/mkt/list-image/wearables/watch-gt/watch-gt-listimage-black.png\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  1325. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  1326. \t\t\t\t   <h5 class=\"card-title\">nouveaux</h5>
  1327. \t\t\t\t   <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  1328. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  1329. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"1\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  1330. \t\t\t\t   </div>
  1331. \t\t\t\t</div>
  1332. \t\t\t </div>
  1333. \t\t  </div>
  1334. \t\t";
  1335.         }
  1336.         $_parent = $context['_parent'];
  1337.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  1338.         $context = array_intersect_key($context, $_parent) + $_parent;
  1339.         // line 903
  1340.         echo "
  1341. \t\t</div>
  1342. \t\t
  1343. \t\t<script type=\"text/javascript\">
  1344. \t\t\$('#produits-nouveaux').owlCarousel({
  1345. \t\t\tloop:true,
  1346. \t\t\tmargin:15,
  1347. \t\t\tnav:true,
  1348. \t\t\tresponsive:{
  1349. \t\t\t\t0:{
  1350. \t\t\t\t\titems: 1
  1351. \t\t\t\t},
  1352. \t\t\t\t600:{
  1353. \t\t\t\t\titems: 3
  1354. \t\t\t\t},
  1355. \t\t\t\t1000:{
  1356. \t\t\t\t\titems: 4
  1357. \t\t\t\t}
  1358. \t\t\t},
  1359. \t\t\tnavText: [\"<img src='";
  1360.         // line 922
  1361.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/av8a49a4f81c3318dc69d.png"), "html", null, true);
  1362.         echo "'/>\",\"<img src='";
  1363.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/avcc910c4ee5888b858fe.png"), "html", null, true);
  1364.         echo "'/>\"]
  1365. \t\t});
  1366. \t\t</script>
  1367. \t\t
  1368. \t\t
  1369. \t   ";
  1370.         // line 1086
  1371.         echo "
  1372. \t</div>
  1374.   </div>
  1376.   </div>
  1377. </section>
  1380. <style>
  1381. .ux-card {
  1382. \t-webkit-box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
  1383. \tbox-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
  1384. \tmargin: 0 0 20px;
  1385. \tcolor: #444;
  1386. \tborder: 0;
  1387. \tborder-radius: 6px;
  1388. \tbackground: #fff;
  1389. \tcursor: pointer;
  1390. \ttext-align: center!important;
  1391. \theight: 400px!important;
  1392. \twidth: 100%;
  1393. }
  1394. .ux-card:hover{
  1395.   box-shadow: -10px -10px 25px 0px rgba(0,0,0,0.3);
  1396. }
  1399. /**
  1400.  * Helper Styles
  1401.  */
  1402. .ir {
  1403.   text-indent: 100%;
  1404.   white-space: nowrap;
  1405.   overflow: hidden;
  1406. }
  1408. /**
  1409.  * Gallery Styles
  1410.  * 1. Enable fluid images
  1411.  */
  1412. .gallery {
  1413.   overflow: hidden;
  1414. }
  1416. .gallery__hero {
  1417.   overflow: hidden;
  1418.   position: relative;
  1419.   padding: 2em;
  1420.   margin: 0 0 0.3333333333em;
  1421.   background: #fff;
  1422. }
  1423. .is-zoomed .gallery__hero {
  1424.   cursor: move;
  1425. }
  1426. .is-zoomed .gallery__hero img {
  1427.   max-width: none;
  1428.   position: absolute;
  1429.   z-index: 0;
  1430.   top: -50%;
  1431.   left: -50%;
  1432. }
  1434. .gallery__hero-enlarge {
  1435.   position: absolute;
  1436.   right: 0.5em;
  1437.   bottom: 0.5em;
  1438.   z-index: 1;
  1439.   width: 30px;
  1440.   height: 30px;
  1441.   opacity: 0.5;
  1442.   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  1443.   background-repeat: no-repeat;
  1444.   transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  1445. }
  1446. .gallery__hero-enlarge:hover {
  1447.   opacity: 1;
  1448. }
  1449. .is-zoomed .gallery__hero-enlarge {
  1450.   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6TTE0LjU5IDQ1LjM1NGMwLTE2Ljk2NCAxMy44LTMwLjc2NCAzMC43NTMtMzAuNzY0IDE2Ljk2NCAwIDMwLjc1MyAxMy44IDMwLjc1MyAzMC43NjQgMCAxNi45NTQtMTMuNzkgMzAuNzUzLTMwLjc1MyAzMC43NTMtMTYuOTUzIDAtMzAuNzUzLTEzLjgtMzAuNzUzLTMwLjc1M3pNNTguNzcyIDQ5LjYxSDMxLjkyYy0yLjM1NSAwLTQuMjYzLTEuOTA3LTQuMjYzLTQuMjZzMS45MDgtNC4yNjMgNC4yNjItNC4yNjNINTguNzdjMi4zNTQgMCA0LjI2MiAxLjkwOCA0LjI2MiA0LjI2MnMtMS45MSA0LjI2LTQuMjYyIDQuMjZ6Ii8+PC9zdmc+);
  1451. }
  1453. .gallery__thumbs {
  1454.   text-align: center;
  1455.   background: #fff;
  1456. }
  1457. .gallery__thumbs a {
  1458.   display: inline-block;
  1459.   width: 20%;
  1460.   padding: 0.5em;
  1461.   opacity: 0.75;
  1462.   transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  1463. }
  1464. .gallery__thumbs a:hover {
  1465.   opacity: 1;
  1466. }
  1467. .gallery__thumbs a.is-active {
  1468.   opacity: 0.2;
  1469. }
  1471. figure.snip1321{
  1472.   font-family: 'Raleway', Arial, sans-serif;
  1473.   position: relative;
  1474.   overflow: hidden;
  1475.   width: 100%;
  1476.   color: #000000;
  1477.   text-align: center;
  1478.   -webkit-perspective: 50em;
  1479.   perspective: 50em;
  1480. }
  1481. figure.snip1321 * {
  1482.   -webkit-box-sizing: padding-box;
  1483.   box-sizing: padding-box;
  1484.   -webkit-transition: all 0.2s ease-out;
  1485.   transition: all 0.2s ease-out;
  1486. }
  1487. figure.snip1321 img {
  1488.   max-width: 100%;
  1489.   vertical-align: top;
  1490. }
  1491. figure.snip1321 figcaption {
  1492.   top: 50%;
  1493.   left: 20px;
  1494.   right: 20px;
  1495.   position: absolute;
  1496.   opacity: 0;
  1497.   z-index: 1;
  1498. }
  1499. figure.snip1321 h2,
  1500. figure.snip1321 h4 {
  1501.   margin: 0;
  1502. }
  1503. figure.snip1321 h2 {
  1504.   font-weight: 600;
  1505. }
  1506. figure.snip1321 h4 {
  1507.   font-weight: 400;
  1508.   text-transform: uppercase;
  1509. }
  1510. figure.snip1321 i {
  1511.   font-size: 32px;
  1512. }
  1513. figure.snip1321:after {
  1514.   background-color: #ffffff;
  1515.   position: absolute;
  1516.   content: \"\";
  1517.   display: block;
  1518.   top: 20px;
  1519.   left: 20px;
  1520.   right: 20px;
  1521.   bottom: 20px;
  1522.   -webkit-transition: all 0.4s ease-in-out;
  1523.   transition: all 0.4s ease-in-out;
  1524.   -webkit-transform: rotateX(-90deg);
  1525.   transform: rotateX(-90deg);
  1526.   -webkit-transform-origin: 50% 50%;
  1527.   -ms-transform-origin: 50% 50%;
  1528.   transform-origin: 50% 50%;
  1529.   opacity: 0;
  1530. }
  1531. figure.snip1321 a {
  1532.   left: 0;
  1533.   right: 0;
  1534.   top: 0;
  1535.   bottom: 0;
  1536.   position: absolute;
  1537.   z-index: 1;
  1538. }
  1539. figure.snip1321:hover figcaption,
  1540. figure.snip1321.hover figcaption {
  1541.   -webkit-transform: translateY(-50%);
  1542.   transform: translateY(-50%);
  1543.   opacity: 1;
  1544.   -webkit-transition-delay: 0.2s;
  1545.   transition-delay: 0.2s;
  1546. }
  1547. figure.snip1321:hover:after,
  1548. figure.snip1321.hover:after {
  1549.   -webkit-transform: rotateX(0);
  1550.   transform: rotateX(0);
  1551.   opacity: 0.9;
  1552. }
  1553. .item{
  1554. \tbackground: #fff;
  1555. \tborder: 1px solid #fff;
  1556. }
  1557. .item:hover{
  1558. \tbackground: #f7f7f7;
  1559. \tcursor: pointer;
  1560. \tbox-shadow: 0 4px 10px -6px #0005;
  1561. \tborder: none;
  1562. }
  1563. </style>
  1565. <div style=\"background: #f5f7f8; padding-top: 20px;\">
  1566. <div class=\"container\">
  1568. <div class=\"row\" style=\"margin: 0px 0px 15px 0px; background: #fafafa;\">
  1569. <div class=\"col-md-12\">
  1570. \t<h3 class=\"breadcrumbs-title\">
  1571. \t Meilleures ventes ";
  1572.         // line 1286
  1573.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 1286, $this->source); })()), "html", null, true);
  1574.         echo "
  1576. \t <a href=\"";
  1577.         // line 1288
  1578.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_acceuil_sousdomaine_type_market_place");
  1579.         echo "\" class=\"flat-busness pull-right\" style=\"margin-top: -7px;\">Afficher plus</a>
  1580. \t</h3>
  1581. \t<hr>
  1582. </div>
  1584. <div class=\"col-md-12\">
  1585. <div  style=\"overflow: hidden; height: 500px;\">
  1586. <link rel=\"stylesheet\" href=\"";
  1587.         // line 1295
  1588.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/carousel/css/style.css"), "html", null, true);
  1589.         echo "\"/>
  1591. <div class=\"resCarousel\" data-items=\"1,3,4,4\" data-slide=\"1\" style=\"overflow: visible; padding-left: 0px; padding-right: 0px;\">
  1592. <div class=\"resCarousel-inner\">
  1594. ";
  1595.         // line 1300
  1596.         $context['_parent'] = $context;
  1597.         $context['_seq'] = twig_ensure_traversable((isset($context["top_produit"]) || array_key_exists("top_produit", $context) ? $context["top_produit"] : (function () { throw new RuntimeError('Variable "top_produit" does not exist.', 1300, $this->source); })()));
  1598.         foreach ($context['_seq'] as $context["_key"] => $context["prod"]) {
  1599.             // line 1301
  1600.             echo "\t";
  1601.             if ((1 === twig_compare(twig_get_attribute($this->env, $this->source, $context["prod"], "ancienPrixProduit", [], "any", false, false, false, 1301), 0))) {
  1602.                 // line 1302
  1603.                 echo "\t\t";
  1604.                 $context["taux"] = ((twig_get_attribute($this->env, $this->source, $context["prod"], "newprise", [], "any", false, false, false, 1302) - twig_get_attribute($this->env, $this->source, $context["prod"], "ancienPrixProduit", [], "any", false, false, false, 1302)) / twig_get_attribute($this->env, $this->source, $context["prod"], "ancienPrixProduit", [], "any", false, false, false, 1302));
  1605.                 // line 1303
  1606.                 echo "\t";
  1607.             } else {
  1608.                 // line 1304
  1609.                 echo "\t\t";
  1610.                 $context["taux"] = 0;
  1611.                 // line 1305
  1612.                 echo "\t";
  1613.             }
  1614.             // line 1306
  1615.             echo "\t";
  1616.             $context["taux"] = ((isset($context["taux"]) || array_key_exists("taux", $context) ? $context["taux"] : (function () { throw new RuntimeError('Variable "taux" does not exist.', 1306, $this->source); })()) * 100);
  1617.             // line 1307
  1618.             echo "
  1619. \t<div class=\"item\">
  1620. \t\t<div style=\"background: #fff; margin-bottom: 5px; padding: 5px;\">
  1621. \t\t<h5><a href=\"";
  1622.             // line 1310
  1623.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, $context["prod"], "id", [], "any", false, false, false, 1310)]), "html", null, true);
  1624.             echo "\">";
  1625.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["prod"], "name", [0 => 50], "method", false, false, false, 1310), "html", null, true);
  1626.             echo "</a> </h5>
  1627. \t\t<div style=\"margin-top: 5px;\"><span style=\"text-decoration: line-through; font-size: 12px;\">";
  1628.             // line 1311
  1629.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["prod"], "ancienPrixProduit", [], "any", false, false, false, 1311), "html", null, true);
  1630.             echo "</span>";
  1631.             echo twig_escape_filter($this->env, (isset($context["devise"]) || array_key_exists("devise", $context) ? $context["devise"] : (function () { throw new RuntimeError('Variable "devise" does not exist.', 1311, $this->source); })()), "html", null, true);
  1632.             echo " <span>";
  1633.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["prod"], "newprise", [], "any", false, false, false, 1311), "html", null, true);
  1634.             echo "</span></div>
  1635. \t\t</div>
  1637. \t\t<div id=\"\" class=\"js-gallery gallery\" style=\"border: 1px solid #ddd;\">
  1638. \t\t<!--Gallery Hero-->
  1639. \t\t<div class=\"gallery__hero\">
  1640. \t\t\t<span style=\"background: yellow; color: green; padding: 5px; display: inline-block;\">";
  1641.             // line 1317
  1642.             if ((1 === twig_compare((isset($context["taux"]) || array_key_exists("taux", $context) ? $context["taux"] : (function () { throw new RuntimeError('Variable "taux" does not exist.', 1317, $this->source); })()), 0))) {
  1643.                 echo "+";
  1644.             } else {
  1645.                 echo "-";
  1646.             }
  1647.             echo twig_escape_filter($this->env, twig_round((isset($context["taux"]) || array_key_exists("taux", $context) ? $context["taux"] : (function () { throw new RuntimeError('Variable "taux" does not exist.', 1317, $this->source); })())), "html", null, true);
  1648.             echo "%</span>
  1649. \t\t\t<a href=\"#!\" class=\"btn bg-struct  open-modal-souscription-offert\" value=\"";
  1650.             // line 1318
  1651.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["prod"], "id", [], "any", false, false, false, 1318), "html", null, true);
  1652.             echo "\" name=\"0\" style=\"font-size: 10px; padding: 4px 7px!important; height: 25px; line-height: 15px; border-radius: 7px; float: right; text-transform: capitalize;\"><span class=\"mdi-action-add-shopping-cart\" style=\"font-size: 8px;\"></span> Ajouter</a>
  1653. \t\t\t<a href=\"";
  1654.             // line 1319
  1655.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, $context["prod"], "id", [], "any", false, false, false, 1319)]), "html", null, true);
  1656.             echo "\" class=\"gallery__hero-enlarge ir\"></a>
  1657. \t\t    ";
  1658.             // line 1320
  1659.             $context["img"] = twig_get_attribute($this->env, $this->source, $context["prod"], "getBestProduit", [], "any", false, false, false, 1320);
  1660.             // line 1321
  1661.             echo "\t\t    <img src=\"";
  1662.             if ((0 !== twig_compare((isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 1321, $this->source); })()), null))) {
  1663.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 1321, $this->source); })()), "getwebpath", [], "any", false, false, false, 1321)), "html", null, true);
  1664.             } else {
  1665.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  1666.             }
  1667.             echo "\" style=\"height: 200px;\">
  1668. \t\t</div>
  1670. \t\t<!--Gallery Hero-->
  1672. \t\t<!--Gallery Thumbs-->
  1673. \t\t<div class=\"gallery__thumbs\">
  1674. \t\t\t";
  1675.             // line 1328
  1676.             $context['_parent'] = $context;
  1677.             $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["prod"], "imgproduits", [], "any", false, false, false, 1328), 0, 4));
  1678.             foreach ($context['_seq'] as $context["_key"] => $context["imge"]) {
  1679.                 // line 1329
  1680.                 echo "\t\t\t<a href=\"";
  1681.                 if ((0 !== twig_compare($context["imge"], null))) {
  1682.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["imge"], "getwebpath", [], "any", false, false, false, 1329)), "html", null, true);
  1683.                 } else {
  1684.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  1685.                 }
  1686.                 echo "\" data-gallery=\"thumb\" class=\"item-image-ca\">
  1687. \t\t\t  <img src=\"";
  1688.                 // line 1330
  1689.                 if ((0 !== twig_compare($context["imge"], null))) {
  1690.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["imge"], "getwebpath", [], "any", false, false, false, 1330)), "html", null, true);
  1691.                 } else {
  1692.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  1693.                 }
  1694.                 echo "\" style=\"height: 40px; width: 40px;\">
  1695. \t\t\t</a>
  1696. \t\t\t";
  1697.             }
  1698.             $_parent = $context['_parent'];
  1699.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['imge'], $context['_parent'], $context['loop']);
  1700.             $context = array_intersect_key($context, $_parent) + $_parent;
  1701.             // line 1333
  1702.             echo "\t\t</div>
  1704. \t\t<!--Gallery Thumbs-->
  1705. \t\t</div>
  1706. \t</div>
  1707. ";
  1708.         }
  1709.         $_parent = $context['_parent'];
  1710.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['prod'], $context['_parent'], $context['loop']);
  1711.         $context = array_intersect_key($context, $_parent) + $_parent;
  1712.         // line 1339
  1713.         echo "</div>
  1714. <button class=\"btn btn-default leftLst pull-left\" style=\"position: relative; margin-top: -250px; background: #fff; color: #333; padding: 0px;\"><i class=\"fa fa-fw fa-angle-left\"></i></button>
  1715. <button class=\"btn btn-default rightLst pull-right\" style=\"position: relative; margin-top: -250px; background: #fff; color: #333; padding: 0px;\"><i class=\"fa fa-fw fa-angle-right\"></i></button>
  1716. </div>
  1718. </div>
  1719. <script type=\"text/javascript\" src=\"";
  1720.         // line 1345
  1721.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/carousel/js/main.js"), "html", null, true);
  1722.         echo "\"></script>
  1723. </div>
  1725. </div>
  1726. </div>
  1727. </div>
  1730. <section style=\"padding-top: 20px;\">
  1731. <div class=\"container\">
  1732. <h3>Offres spéciales</h3>
  1733. <div class=\"kapsayici\">
  1734. <div class=\"row\">
  1736. ";
  1737.         // line 1359
  1738.         $context['_parent'] = $context;
  1739.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_offre"]) || array_key_exists("liste_offre", $context) ? $context["liste_offre"] : (function () { throw new RuntimeError('Variable "liste_offre" does not exist.', 1359, $this->source); })()));
  1740.         $context['_iterated'] = false;
  1741.         foreach ($context['_seq'] as $context["_key"] => $context["offre"]) {
  1742.             // line 1360
  1743.             echo "\t<div class=\"col-md-4 panel-offer text-right\">
  1744. \t\t<div class=\"slid3\">
  1745. \t\t\t<!-- <span class=\"emoji\"><img src=\"";
  1746.             // line 1362
  1747.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/smile.png"), "html", null, true);
  1748.             echo "\"> <img src=\"";
  1749.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/hearteye.png"), "html", null, true);
  1750.             echo "\"></span> -->
  1751. \t\t\t<a href=\"";
  1752.             // line 1363
  1753.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["offre"], "link", [], "any", false, false, false, 1363), null))) {
  1754.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["offre"], "link", [], "any", false, false, false, 1363), "html", null, true);
  1755.             } else {
  1756.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_tous_produits_souscategorie_binplace_market", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "projet", [], "any", false, false, false, 1363), "id", [], "any", false, false, false, 1363), "scat" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "souscategorie", [], "any", false, false, false, 1363), "id", [], "any", false, false, false, 1363)]), "html", null, true);
  1757.             }
  1758.             echo "\">
  1759. \t\t\t\t<div class=\"resim3\">
  1760. \t\t\t\t\t<img src=\"";
  1761.             // line 1365
  1762.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["offre"], "src", [], "any", false, false, false, 1365), "source"))) {
  1763.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["offre"], "getwebpath", [], "any", false, false, false, 1365)), "html", null, true);
  1764.             } else {
  1765.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/assistance-bg.jpg"), "html", null, true);
  1766.             }
  1767.             echo "\"/>
  1768. \t\t\t\t\t<h2>";
  1769.             // line 1366
  1770.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["offre"], "titre", [], "any", false, false, false, 1366), "html", null, true);
  1771.             echo "</h2>
  1772. \t\t\t\t\t<p>";
  1773.             // line 1367
  1774.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["offre"], "projet", [], "any", false, false, false, 1367), "name", [0 => 30], "method", false, false, false, 1367), "html", null, true);
  1775.             echo "</p>
  1776. \t\t\t\t</div>
  1777. \t\t\t</a>
  1778. \t\t</div>
  1779. \t</div>
  1780. ";
  1781.             $context['_iterated'] = true;
  1782.         }
  1783.         if (!$context['_iterated']) {
  1784.             // line 1373
  1785.             echo "\t<div class=\"col-md-12\">
  1786. \t\t<div class=\"text-center\" style=\"height: 400px; padding-top: 100px; background: #fff; display: block; width: 100%!important; border: 1px solid #f4f4f4; border-radius: 5px;\">
  1787. \t\t\t<span class=\"fa fa-frown-o\"></span> Aucune données disponible pour cette requête.</br>
  1788. \t\t\t<hr style=\"width: 100px; border-bottom: 1px solid red; display: inline-block;\">
  1789. \t\t</div>
  1790. \t</div>
  1791. ";
  1792.         }
  1793.         $_parent = $context['_parent'];
  1794.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['offre'], $context['_parent'], $context['loop']);
  1795.         $context = array_intersect_key($context, $_parent) + $_parent;
  1796.         // line 1380
  1797.         echo "
  1798. </div>
  1799. </div>
  1800. </div>
  1801. </section>
  1804. <style>
  1805. .owl-theme .owl-nav {
  1806.     text-align: center;
  1807.     -webkit-tap-highlight-color: transparent;
  1808.     position: absolute;
  1809.     top: -40px;
  1810.     right: 0px;
  1811. }
  1812. </style>
  1814. <section style=\"position: sticky;\">
  1815. <div class=\"container\" style=\"margin-bottom: -20px;\">
  1816. \t<div class=\"row\">
  1817. \t\t<div class=\"col-md-12\">
  1818. \t\t\t<div class=\"text-left\" style=\"margin-bottom: -10px;margin-top: 20px;\">
  1819. \t\t\t\t<h2>Appréciés en ce moment</h2>
  1820. \t\t\t\t<p>Consultez les produits les plus appréciés en ce moment dans notre plateforme</p>
  1821. \t\t\t</div>
  1822. \t\t</div>
  1823. \t</div>
  1825. \t<div class=\"row\">
  1826. \t\t<div class=\"col-md-12\">
  1827. \t\t\t<div class=\"owl-carousel staff-list\" style=\"padding-top: 10px;\">
  1828. \t\t\t\t";
  1829.         // line 1411
  1830.         $context['_parent'] = $context;
  1831.         $context['_seq'] = twig_ensure_traversable((isset($context["top_produit"]) || array_key_exists("top_produit", $context) ? $context["top_produit"] : (function () { throw new RuntimeError('Variable "top_produit" does not exist.', 1411, $this->source); })()));
  1832.         $context['loop'] = [
  1833.           'parent' => $context['_parent'],
  1834.           'index0' => 0,
  1835.           'index'  => 1,
  1836.           'first'  => true,
  1837.         ];
  1838.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1839.             $length = count($context['_seq']);
  1840.             $context['loop']['revindex0'] = $length - 1;
  1841.             $context['loop']['revindex'] = $length;
  1842.             $context['loop']['length'] = $length;
  1843.             $context['loop']['last'] = 1 === $length;
  1844.         }
  1845.         foreach ($context['_seq'] as $context["_key"] => $context["produit"]) {
  1846.             // line 1412
  1847.             echo "\t\t\t\t\t";
  1848.             $this->loadTemplate("Theme/Produit/Produit/Produit/slideproduitdescript.html.twig", "Theme/Users/User/Security/accueilsite.html.twig", 1412)->display($context);
  1849.             // line 1413
  1850.             echo "\t\t\t\t";
  1851.             ++$context['loop']['index0'];
  1852.             ++$context['loop']['index'];
  1853.             $context['loop']['first'] = false;
  1854.             if (isset($context['loop']['length'])) {
  1855.                 --$context['loop']['revindex0'];
  1856.                 --$context['loop']['revindex'];
  1857.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1858.             }
  1859.         }
  1860.         $_parent = $context['_parent'];
  1861.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['produit'], $context['_parent'], $context['loop']);
  1862.         $context = array_intersect_key($context, $_parent) + $_parent;
  1863.         // line 1414
  1864.         echo "\t\t\t</div>
  1865. \t\t</div>
  1866. \t</div>
  1869. \t<script type=\"text/javascript\">
  1870. \t\$(document).ready(function(){
  1871. \t  \$(\".staff-list\").owlCarousel({
  1872. \t\t  items:4,
  1873. \t\t  autoplay:false,
  1874. \t\t  margin:30,
  1875. \t\t  loop:true,
  1876. \t\t  nav:true,
  1877. \t\t  responsive:{
  1878. \t\t\t0:{
  1879. \t\t\t\titems:1,
  1880. \t\t\t\tnav:true
  1881. \t\t\t},
  1882. \t\t\t600:{
  1883. \t\t\t\titems:3,
  1884. \t\t\t\tnav:false
  1885. \t\t\t},
  1886. \t\t\t1000:{
  1887. \t\t\t\titems:4,
  1888. \t\t\t\tnav:true,
  1889. \t\t\t\tloop:false
  1890. \t\t\t}
  1891. \t\t  },
  1892. \t\t  navText:[\"<i class='fa fa-arrow-left'></i>\",\"<i class='fa fa-arrow-right'></i>\" ]
  1894. \t  });
  1895. \t});
  1896. \t</script>
  1897. </div>
  1898. </section>
  1901. <style>
  1904. figure.snip1321{
  1905.   font-family: 'Raleway', Arial, sans-serif;
  1906.   position: relative;
  1907.   overflow: hidden;
  1908.   width: 100%;
  1909.   color: #000000;
  1910.   text-align: center;
  1911.   -webkit-perspective: 50em;
  1912.   perspective: 50em;
  1913. }
  1914. figure.snip1321 * {
  1915.   -webkit-box-sizing: padding-box;
  1916.   box-sizing: padding-box;
  1917.   -webkit-transition: all 0.2s ease-out;
  1918.   transition: all 0.2s ease-out;
  1919. }
  1920. figure.snip1321 img {
  1921.   max-width: 100%;
  1922.   vertical-align: top;
  1923. }
  1924. figure.snip1321 figcaption {
  1925.   top: 50%;
  1926.   left: 20px;
  1927.   right: 20px;
  1928.   position: absolute;
  1929.   opacity: 0;
  1930.   z-index: 1;
  1931. }
  1932. figure.snip1321 h2,
  1933. figure.snip1321 h4 {
  1934.   margin: 0;
  1935. }
  1936. figure.snip1321 h2 {
  1937.   font-weight: 600;
  1938. }
  1939. figure.snip1321 h4 {
  1940.   font-weight: 400;
  1941.   text-transform: uppercase;
  1942. }
  1943. figure.snip1321 i {
  1944.   font-size: 32px;
  1945. }
  1946. figure.snip1321:after {
  1947.   background-color: #ffffff;
  1948.   position: absolute;
  1949.   content: \"\";
  1950.   display: block;
  1951.   top: 20px;
  1952.   left: 20px;
  1953.   right: 20px;
  1954.   bottom: 20px;
  1955.   -webkit-transition: all 0.4s ease-in-out;
  1956.   transition: all 0.4s ease-in-out;
  1957.   -webkit-transform: rotateX(-90deg);
  1958.   transform: rotateX(-90deg);
  1959.   -webkit-transform-origin: 50% 50%;
  1960.   -ms-transform-origin: 50% 50%;
  1961.   transform-origin: 50% 50%;
  1962.   opacity: 0;
  1963. }
  1964. figure.snip1321 a {
  1965.   left: 0;
  1966.   right: 0;
  1967.   top: 0;
  1968.   bottom: 0;
  1969.   position: absolute;
  1970.   z-index: 1;
  1971. }
  1972. figure.snip1321:hover figcaption,
  1973. figure.snip1321.hover figcaption {
  1974.   -webkit-transform: translateY(-50%);
  1975.   transform: translateY(-50%);
  1976.   opacity: 1;
  1977.   -webkit-transition-delay: 0.2s;
  1978.   transition-delay: 0.2s;
  1979. }
  1980. figure.snip1321:hover:after,
  1981. figure.snip1321.hover:after {
  1982.   -webkit-transform: rotateX(0);
  1983.   transform: rotateX(0);
  1984.   opacity: 0.9;
  1985. }
  1986. .item{
  1987. \tbackground: #fff;
  1988. \tborder: 1px solid #fff;
  1989. }
  1990. .item:hover{
  1991. \tborder: 1px solid #ddd;
  1992. \tbackground: #f7f7f7;
  1993. \tcursor: pointer;
  1994. }
  1995. </style>
  1998. <section style=\"background: #f4f4f4; padding: 20px 0px;\">
  1999. <div class=\"container\">
  2000. <div class=\"row\" style=\"background: #fafafa; padding: 15px 0px;\">
  2001. <div class=\"col-md-12\">
  2002. \t<h3 class=\"breadcrumbs-title\">
  2003. \t Catalogue ";
  2004.         // line 1553
  2005.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 1553, $this->source); })()), "html", null, true);
  2006.         echo "
  2007. \t 
  2008. \t <a href=\"";
  2009.         // line 1555
  2010.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_catalogue_produits");
  2011.         echo "\" class=\"flat-busness\" style=\"margin-top: -7px; float: right;\">Afficher plus</a>
  2012. \t</h3>
  2013. \t<hr style=\"margin: 0px; \"/>
  2014. </div>
  2016. ";
  2017.         // line 1560
  2018.         $context['_parent'] = $context;
  2019.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["top_scat"]) || array_key_exists("top_scat", $context) ? $context["top_scat"] : (function () { throw new RuntimeError('Variable "top_scat" does not exist.', 1560, $this->source); })()), 0, 8));
  2020.         foreach ($context['_seq'] as $context["_key"] => $context["scat"]) {
  2021.             // line 1561
  2022.             echo "<div class=\"col-md-3\" style=\"border-top: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; padding-top: 7px; padding-bottom: 7px;\">
  2023. \t<a href=\"";
  2024.             // line 1562
  2025.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_acceuil_sousdomaine_type_market_place", ["idscat" => twig_get_attribute($this->env, $this->source, $context["scat"], "id", [], "any", false, false, false, 1562)]), "html", null, true);
  2026.             echo "\" style=\"display: block;\">
  2027. \t<figure class=\"snip1321\">
  2028. \t\t<div style=\"text-align: center;\">
  2029. \t\t\t<img src=\"";
  2030.             // line 1565
  2031.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["scat"], "src", [], "any", false, false, false, 1565), null))) {
  2032.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["scat"], "getwebpath", [], "any", false, false, false, 1565)), "html", null, true);
  2033.             } else {
  2034.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  2035.             }
  2036.             echo "\" alt=\"sq-sample26\" style=\"height: 150px; max-width: 100%;\"/>
  2037. \t\t</div>
  2038. \t  <figcaption><i class=\"ion-upload\"></i>
  2039. \t\t<div>";
  2040.             // line 1568
  2041.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scat"], "nbproduit", [], "any", false, false, false, 1568), "html", null, true);
  2042.             echo "</div>
  2043. \t\t<div>Produits</div>
  2044. \t  </figcaption>
  2045. \t</figure>
  2046. \t<div style=\"text-align: center; margin-top: -10px; text-decoration: underline;\">
  2047. \t\t";
  2048.             // line 1573
  2049.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scat"], "nom", [], "any", false, false, false, 1573), "html", null, true);
  2050.             echo "
  2051. \t</div>
  2052. \t</a>
  2053. </div>
  2054. ";
  2055.         }
  2056.         $_parent = $context['_parent'];
  2057.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['scat'], $context['_parent'], $context['loop']);
  2058.         $context = array_intersect_key($context, $_parent) + $_parent;
  2059.         // line 1578
  2060.         echo "
  2062. </div>
  2063. </div>
  2064. </section>
  2067. <style>
  2068. \t/*** START BS OVERRIDES ***/
  2069. \t.features {
  2070. \t  padding: 50px 0;
  2071. \t}
  2072. \t.features.light-brown {
  2073. \t  background-color: #fff;
  2074. \t  padding: 7px;
  2075. \t}
  2076. \t.features h2.section-title {
  2077. \t  color: #333333;
  2078. \t  font-size: 22px;
  2079. \t  margin: 0;
  2080. \t  text-align: center;
  2081. \t}
  2082. \t.features .v-tabs .v-tab-head a,
  2083. \t.features .v-tabs a.v-tab-head {
  2084. \t  color: #292929;
  2085. \t  cursor: pointer;
  2086. \t  display: block;
  2087. \t  padding: 15px 30px 15px 15px;
  2088. \t  border-right: 1px solid #33cc66;
  2089. \t  margin: 0;
  2090. \t  text-align: right;
  2091. \t  font: 20px \"Raleway\", \"franklin-gothic-urw\", \"Helvectica Neue\", helvetica, clean, sans-serif;
  2092. \t}
  2093. \t.features .v-tabs .v-tab-head a.active, .features .v-tabs .v-tab-head a:hover,
  2094. \t.features .v-tabs a.v-tab-head.active,
  2095. \t.features .v-tabs a.v-tab-head:hover {
  2096. \t  font-weight: bold;
  2097. \t  text-decoration: none;
  2098. \t}
  2099. \t.features .v-tabs .v-tab-head a {
  2100. \t  position: relative;
  2101. \t  display: block;
  2102. \t}
  2103. \t.features .v-tabs .v-tab-head a.active::after, .features .v-tabs .v-tab-head a.active::before {
  2104. \t  content: \"\";
  2105. \t  border-style: solid;
  2106. \t  border-width: 15px;
  2107. \t  position: absolute;
  2108. \t  right: 0;
  2109. \t  top: 15px;
  2110. \t  transform: rotate(90deg);
  2111. \t  -ms-transform: rotate(90deg);
  2112. \t  -webkit-transform: rotate(90deg);
  2113. \t  -o-transform: rotate(90deg);
  2114. \t  -moz-transform: rotate(90deg);
  2115. \t}
  2116. \t.features .v-tabs .v-tab-head a.active::before {
  2117. \t  border-color: #3fcf6e transparent transparent;
  2118. \t}
  2119. \t.features .v-tabs .v-tab-head a.active::after {
  2120. \t  margin-right: -1px;
  2121. \t  border-color: #faf8f5 transparent transparent;
  2122. \t}
  2123. \t.features .v-tabs a.v-tab-head {
  2124. \t  border: none;
  2125. \t  padding: 15px 0;
  2126. \t  text-align: left;
  2127. \t  position: relative;
  2128. \t}
  2129. \t.features .v-tabs a.v-tab-head:after {
  2130. \t  color: #e2dcd6;
  2131. \t  content: \"\\f054\";
  2132. \t  font-family: FontAwesome;
  2133. \t  position: absolute;
  2134. \t  right: 10px;
  2135. \t  top: 50%;
  2136. \t  transform: translateY(-50%);
  2137. \t  -webkit-transform: translateY(-50%);
  2138. \t  -moz-transform: translateY(-50%);
  2139. \t  -o-transform: translateY(-50%);
  2140. \t}
  2141. \t.features .v-tabs a.v-tab-head.active::after {
  2142. \t  color: #3c6;
  2143. \t  content: \"\\f078\";
  2144. \t}
  2145. \t.features .v-tabs .v-tab-pane {
  2146. \t  padding: 0 15px;
  2147. \t}
  2148. \t.features .v-tabs .v-tab-pane ul {
  2149. \t  list-style: outside none none;
  2150. \t  margin: 0;
  2151. \t  padding: 0;
  2152. \t}
  2153. \t.features .v-tabs .v-tab-pane ul li {
  2154. \t  border-bottom: 1px solid #e2dcd6;
  2155. \t  color: #292929;
  2156. \t  font-size: 16px;
  2157. \t  padding: 15px 0;
  2158. \t}
  2159. \t.features .v-tabs .v-tab-pane ul li i {
  2160. \t  color: #4c81b6;
  2161. \t  cursor: pointer;
  2162. \t  font-size: 14px;
  2163. \t}
  2164. \t.features .v-tabs .v-tab-pane .in {
  2165. \t  border-top: none;
  2166. \t  padding-top: 0;
  2167. \t}
  2168. \t.features .v-tabs .v-tab-pane .popover {
  2169. \t  border: 1px solid #014d7e !important;
  2170. \t  border-radius: 0;
  2171. \t  width: auto;
  2172. \t  margin: 10px 0 0 0;
  2173. \t  max-width: 276px;
  2174. \t  left: auto;
  2175. \t  box-shadow: none;
  2176. \t}
  2177. \t.features .v-tabs .v-tab-pane .popover.bottom .arrow {
  2178. \t  border-bottom-color: #014d7e;
  2179. \t}
  2180. \t.features .v-tabs .v-tab-pane .popover .popover-content {
  2181. \t  font-size: 14px;
  2182. \t  padding: 15px;
  2183. \t  text-align: center;
  2184. \t}
  2186. \t@media screen and (max-width: 768px) {
  2187. \t  .features.light-brown {
  2188. \t\tborder-top: 0 none;
  2189. \t  }
  2190. \t  .features h2.section-title {
  2191. \t\tfont-size: 32px;
  2192. \t  }
  2193. \t  .features .v-tabs .v-tab-pane .in {
  2194. \t\tborder-top: 1px solid #ddd;
  2195. \t\tborder-bottom: 2px solid #ddd;
  2196. \t  }
  2197. \t  .features .popover {
  2198. \t\tmargin: 10px 5% 0;
  2199. \t\tmax-width: none;
  2200. \t\twidth: 90%;
  2201. \t  }
  2202. \t}
  2204. </style>
  2205. \t
  2206. <link rel=\"stylesheet\" href=\"";
  2207.         // line 1724
  2208.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/css/bootstrap-3-3-7.css"), "html", null, true);
  2209.         echo "\" />\t
  2210. \t<section class=\"benefits-section\">
  2211. \t<div class=\"container light-brown features\" id=\"features\">
  2213. \t\t<div class=\"row\">
  2214. \t\t  <div class=\"col-xs-12 col-md-12 text-center\" style=\"margin-top: 15px;\">
  2215. \t\t\t<h4 style=\"display: block!important; width: 100%;\"> Produits et points de livraison </h4>
  2216. \t\t\t<p style=\"display: block;\"> Découvrez nos zones d'exercice et les coûts de livraison dans ces localités. </p>
  2217. \t\t  </div>
  2218. \t\t</div>
  2219. \t\t
  2220. \t\t<div class=\"row v-tabs\" style=\"padding: 15px 0px!important; margin: 15px!important -15px!important; border-radius: 5px;\">
  2221. \t\t<div class=\"col-md-4\">
  2222. \t\t\t
  2223. \t\t\t<div class=\"text-inner\" style=\"height: 510px; margin-top: 15px;\">
  2224. \t\t\t\t<ul class=\"newstickerprod\" style=\"height: 450px; bottom: 0px;\">
  2225. \t\t\t\t\t";
  2226.         // line 1740
  2227.         $context['_parent'] = $context;
  2228.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["points_livraison"]) || array_key_exists("points_livraison", $context) ? $context["points_livraison"] : (function () { throw new RuntimeError('Variable "points_livraison" does not exist.', 1740, $this->source); })()), 0, 4));
  2229.         foreach ($context['_seq'] as $context["_key"] => $context["livraison"]) {
  2230.             // line 1741
  2231.             echo "\t\t\t\t\t\t";
  2232.             $context["img"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1741), "produit", [], "any", false, false, false, 1741), "getBestProduit", [], "any", false, false, false, 1741);
  2233.             // line 1742
  2234.             echo "\t\t\t\t\t\t<li class=\"box-slide-top\">
  2235. \t\t\t\t\t\t\t<a href=\"";
  2236.             // line 1743
  2237.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1743), "produit", [], "any", false, false, false, 1743), "id", [], "any", false, false, false, 1743)]), "html", null, true);
  2238.             echo "\" style=\"display: inline-block!important; height: 100%!important; width: 100%!important; position: sticky;\">
  2239. \t\t\t\t\t\t\t<div class=\"row\" style=\"padding: 4px 2px;\">
  2240. \t\t\t\t\t\t\t\t<div style=\"width: 35%!important; padding: 0px 7px;\">
  2241. \t\t\t\t\t\t\t\t\t<img src=\"";
  2242.             // line 1746
  2243.             if ((0 !== twig_compare((isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 1746, $this->source); })()), null))) {
  2244.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["img"]) || array_key_exists("img", $context) ? $context["img"] : (function () { throw new RuntimeError('Variable "img" does not exist.', 1746, $this->source); })()), "getwebpath", [], "any", false, false, false, 1746)), "html", null, true);
  2245.             } else {
  2246.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/test.png"), "html", null, true);
  2247.             }
  2248.             echo "\" style=\"height: 90%!important; width: 100%!important; display: inline-block;\"/>
  2249. \t\t\t\t\t\t\t\t</div>
  2250. \t\t\t\t\t\t\t\t<div style=\"width: 65%!important; padding: 0px 7px;\">
  2251. \t\t\t\t\t\t\t\t\t<strong class=\"coustom-my-text\" style=\"display: block;\">";
  2252.             // line 1749
  2253.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1749), "nom", [], "any", false, false, false, 1749), null))) {
  2254.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1749), "nom", [], "any", false, false, false, 1749), "html", null, true);
  2255.             } else {
  2256.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1749), "produit", [], "any", false, false, false, 1749), "nom", [], "any", false, false, false, 1749), "html", null, true);
  2257.             }
  2258.             echo "</strong>
  2259. \t\t\t\t\t\t\t\t\t<strong>";
  2260.             // line 1750
  2261.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1750), "newprise", [], "any", false, false, false, 1750), null))) {
  2262.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1750), "newprise", [], "any", false, false, false, 1750), "html", null, true);
  2263.             } else {
  2264.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1750), "produit", [], "any", false, false, false, 1750), "newprise", [], "any", false, false, false, 1750), "html", null, true);
  2265.             }
  2266.             echo twig_escape_filter($this->env, (isset($context["devise"]) || array_key_exists("devise", $context) ? $context["devise"] : (function () { throw new RuntimeError('Variable "devise" does not exist.', 1750, $this->source); })()), "html", null, true);
  2267.             echo "</strong> - Livraison: ";
  2268.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["livraison"], "montant", [], "any", false, false, false, 1750), "html", null, true);
  2269.             echo " ";
  2270.             echo twig_escape_filter($this->env, (isset($context["devise"]) || array_key_exists("devise", $context) ? $context["devise"] : (function () { throw new RuntimeError('Variable "devise" does not exist.', 1750, $this->source); })()), "html", null, true);
  2271.             echo "<br/>
  2272. \t\t\t\t\t\t\t\t\t";
  2273.             // line 1751
  2274.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["livraison"], "ville", [], "any", false, false, false, 1751), null))) {
  2275.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "ville", [], "any", false, false, false, 1751), "nom", [], "any", false, false, false, 1751), "html", null, true);
  2276.                 echo " <span class=\"fa fa-angle-right\"></span> ";
  2277.             }
  2278.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["livraison"], "quartiertext", [], "any", false, false, false, 1751), "html", null, true);
  2279.             echo "
  2280. \t\t\t\t\t\t\t\t</div>
  2281. \t\t\t\t\t\t\t</div>
  2282. \t\t\t\t\t\t\t<span style=\"position: absolute; right: 7px; bottom: 15px; padding: 2px; border-radius: 5px; background: #f4f4f4;\">Consulter</span>
  2283. \t\t\t\t\t\t\t</a>
  2284. \t\t\t\t\t\t</li>
  2285. \t\t\t\t\t";
  2286.         }
  2287.         $_parent = $context['_parent'];
  2288.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['livraison'], $context['_parent'], $context['loop']);
  2289.         $context = array_intersect_key($context, $_parent) + $_parent;
  2290.         // line 1758
  2291.         echo "\t\t\t\t</ul>
  2292. \t\t\t</div>
  2293. \t\t</div>
  2294. \t\t<div class=\"col-sm-3 v-tab-head hidden-xs\">
  2295. \t\t  ";
  2296.         // line 1762
  2297.         $context['_parent'] = $context;
  2298.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_ville"]) || array_key_exists("liste_ville", $context) ? $context["liste_ville"] : (function () { throw new RuntimeError('Variable "liste_ville" does not exist.', 1762, $this->source); })()));
  2299.         $context['loop'] = [
  2300.           'parent' => $context['_parent'],
  2301.           'index0' => 0,
  2302.           'index'  => 1,
  2303.           'first'  => true,
  2304.         ];
  2305.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2306.             $length = count($context['_seq']);
  2307.             $context['loop']['revindex0'] = $length - 1;
  2308.             $context['loop']['revindex'] = $length;
  2309.             $context['loop']['length'] = $length;
  2310.             $context['loop']['last'] = 1 === $length;
  2311.         }
  2312.         foreach ($context['_seq'] as $context["_key"] => $context["ville"]) {
  2313.             // line 1763
  2314.             echo "\t\t\t<a class=\"v-tab-link text-left ";
  2315.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1763)) {
  2316.                 echo "active";
  2317.             }
  2318.             echo "\" data-target=\"#coreFeatures-service-";
  2319.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "id", [], "any", false, false, false, 1763), "html", null, true);
  2320.             echo "\"> 
  2321. \t\t\t\t<img src=\"";
  2322.             // line 1764
  2323.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["ville"], "src", [], "any", false, false, false, 1764), null))) {
  2324.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["ville"], "getwebpath", [], "any", false, false, false, 1764)), "html", null, true);
  2325.             } else {
  2326.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/logomarket.png"), "html", null, true);
  2327.             }
  2328.             echo "\" alt=\"\" class=\"img-thumbnail\" style=\"height: 40px; float: left; margin-right: 7px;\"/>
  2329. \t\t\t\t";
  2330.             // line 1765
  2331.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "nom", [], "any", false, false, false, 1765), "html", null, true);
  2332.             echo " 
  2333. \t\t\t\t<div style=\"font-size: 12px; font-weight: normal;\">";
  2334.             // line 1766
  2335.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["ville"], "pays", [], "any", false, false, false, 1766), null))) {
  2336.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ville"], "pays", [], "any", false, false, false, 1766), "nom", [], "any", false, false, false, 1766), "html", null, true);
  2337.             } else {
  2338.                 echo "Pays non indiqué";
  2339.             }
  2340.             echo "</div>
  2341. \t\t\t</a>
  2342. \t\t  ";
  2343.             ++$context['loop']['index0'];
  2344.             ++$context['loop']['index'];
  2345.             $context['loop']['first'] = false;
  2346.             if (isset($context['loop']['length'])) {
  2347.                 --$context['loop']['revindex0'];
  2348.                 --$context['loop']['revindex'];
  2349.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2350.             }
  2351.         }
  2352.         $_parent = $context['_parent'];
  2353.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ville'], $context['_parent'], $context['loop']);
  2354.         $context = array_intersect_key($context, $_parent) + $_parent;
  2355.         // line 1769
  2356.         echo "\t\t</div>
  2357. \t\t  
  2358. \t\t<div class=\"col-sm-5 v-tab-pane\">
  2359. \t\t\t";
  2360.         // line 1772
  2361.         $context['_parent'] = $context;
  2362.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_ville"]) || array_key_exists("liste_ville", $context) ? $context["liste_ville"] : (function () { throw new RuntimeError('Variable "liste_ville" does not exist.', 1772, $this->source); })()));
  2363.         $context['loop'] = [
  2364.           'parent' => $context['_parent'],
  2365.           'index0' => 0,
  2366.           'index'  => 1,
  2367.           'first'  => true,
  2368.         ];
  2369.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2370.             $length = count($context['_seq']);
  2371.             $context['loop']['revindex0'] = $length - 1;
  2372.             $context['loop']['revindex'] = $length;
  2373.             $context['loop']['length'] = $length;
  2374.             $context['loop']['last'] = 1 === $length;
  2375.         }
  2376.         foreach ($context['_seq'] as $context["_key"] => $context["ville"]) {
  2377.             // line 1773
  2378.             echo "\t\t\t<a class=\"v-tab-head v-tab-link visible-xs ";
  2379.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1773)) {
  2380.                 echo "active";
  2381.             }
  2382.             echo "\" data-target=\"#coreFeatures-service-";
  2383.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "id", [], "any", false, false, false, 1773), "html", null, true);
  2384.             echo "\">
  2385. \t\t\t\t";
  2386.             // line 1774
  2387.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "nom", [], "any", false, false, false, 1774), "html", null, true);
  2388.             echo "
  2389. \t\t\t</a>
  2390. \t\t\t<div id=\"coreFeatures-service-";
  2391.             // line 1776
  2392.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "id", [], "any", false, false, false, 1776), "html", null, true);
  2393.             echo "\" class=\"collapse fade ";
  2394.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1776)) {
  2395.                 echo "in";
  2396.             }
  2397.             echo "\">
  2398. \t\t\t  <ul>
  2399. \t\t\t\t";
  2400.             // line 1778
  2401.             $context['_parent'] = $context;
  2402.             $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["ville"], "coutlivraisons", [], "any", false, false, false, 1778), 0, 9));
  2403.             foreach ($context['_seq'] as $context["_key"] => $context["livraison"]) {
  2404.                 // line 1779
  2405.                 echo "\t\t\t\t\t<li> ";
  2406.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1779), "produit", [], "any", false, false, false, 1779), "nom", [], "any", false, false, false, 1779), "html", null, true);
  2407.                 echo " <i data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"";
  2408.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1779), "produit", [], "any", false, false, false, 1779), "nom", [], "any", false, false, false, 1779), "html", null, true);
  2409.                 echo "\" class=\"fa fa-question-circle\" data-original-title=\"\" title=\"\"></i><a class=\"pull-right\"  href=\"";
  2410.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_detail_produit_market", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["livraison"], "produitboutique", [], "any", false, false, false, 1779), "produit", [], "any", false, false, false, 1779), "id", [], "any", false, false, false, 1779)]), "html", null, true);
  2411.                 echo "\">Consulter</a></li>
  2412. \t\t\t\t";
  2413.             }
  2414.             $_parent = $context['_parent'];
  2415.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['livraison'], $context['_parent'], $context['loop']);
  2416.             $context = array_intersect_key($context, $_parent) + $_parent;
  2417.             // line 1781
  2418.             echo "\t\t\t  </ul>
  2419. \t\t\t</div>
  2420. \t\t\t";
  2421.             ++$context['loop']['index0'];
  2422.             ++$context['loop']['index'];
  2423.             $context['loop']['first'] = false;
  2424.             if (isset($context['loop']['length'])) {
  2425.                 --$context['loop']['revindex0'];
  2426.                 --$context['loop']['revindex'];
  2427.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2428.             }
  2429.         }
  2430.         $_parent = $context['_parent'];
  2431.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ville'], $context['_parent'], $context['loop']);
  2432.         $context = array_intersect_key($context, $_parent) + $_parent;
  2433.         // line 1784
  2434.         echo "\t\t\t
  2435. \t\t</div>
  2437. \t\t</div>
  2438. \t\t
  2439. \t\t<div class=\"row\">
  2440. \t\t\t<div class=\"col-md-12 text-center\">
  2441. \t\t\t
  2442. \t\t\t\t<div style=\"display:flex; justify-content: center; margin-top: 5px; margin-bottom: 20px;\">
  2443. \t\t\t\t\t<a href=\"";
  2444.         // line 1793
  2445.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_localisation_popular_points");
  2446.         echo "\"><button type=\"button\" class=\"button-hover\" name=\"button\">Liste complète <span class=\"fa fa-angle-right\"></span></button></a>
  2447. \t\t\t\t</div>
  2448. \t\t
  2449. \t\t\t</div>
  2450. \t\t</div>
  2453. \t<script type=\"text/javascript\">
  2455. \t\t\$(document).ready(function() {
  2457. \t\t  \$('[data-toggle=\"popover\"]').popover({trigger: 'click'});
  2459. \t\t  \$('.v-tab-head .v-tab-link').mouseover(tabHandler);
  2460. \t\t  \$('.v-tab-head.v-tab-link').click(tabHandler);
  2462. \t\t});
  2464. \t\tvar tabHandler = function(e) {
  2465. \t\t  e.preventDefault();
  2467. \t\t  var target = \$(\$(this).data('target')),
  2468. \t\t\t  tabLink = \$('.v-tab-link[data-target=\"' + \$(this).data('target') + '\"]');
  2469. \t\t  
  2470. \t\t  tabPanelToShow(tabLink);
  2471. \t\t  tabLinkToActivate(target);
  2472. \t\t  
  2473. \t\t};
  2475. \t\tvar tabPanelToShow = function(elem) {
  2476. \t\t  \$('.v-tab-link').removeClass('active').parent().find(elem).addClass('active');
  2477. \t\t};
  2479. \t\tvar tabLinkToActivate = function(elem) {
  2480. \t\t  \$('.v-tab-pane').children('div').removeClass('in').parent().find(elem).addClass('in');
  2481. \t\t};
  2483. \t</script>
  2484. \t</div>
  2485. \t</section>
  2488. <style>
  2489. .card-code {
  2490. \tposition: relative;
  2491. \tcursor: pointer;
  2492. \theight: 170px;
  2493. \tbackground: url(\"https://image.freepik.com/free-vector/colorful-gradient-liquid-shapes-background_23-2148250143.jpg\"),
  2494. \t\t#ffffff;
  2495. \tbackground-position: center;
  2496. \tbackground-repeat: no-repeat;
  2497. \tbackground-size: cover;
  2498. \tborder-radius: 25px;
  2499. \tmargin: 10px;
  2500. \ttransition: 0.25s ease-in;
  2501. }
  2503. .card-code .overlay-code {
  2504. \tposition: absolute;
  2505. \ttop: 0;
  2506. \tbottom: 0;
  2507. \twidth: 100%;
  2508. \theight: 170px;
  2509. \tbackground: linear-gradient(
  2510. \t\t120.55deg,
  2511. \t\trgba(39, 39, 39, 0.38) 0%,
  2512. \t\trgba(39, 39, 39, 0.2394) 100%
  2513. \t);
  2514. \tborder-radius: 25px;
  2515. }
  2517. .card-code .content-code {
  2518. \tposition: absolute;
  2519. \tbottom: 10px;
  2520. \tleft: 25px;
  2521. }
  2523. .card-code .content-code h4 {
  2524. \tfont-family: Ubuntu;
  2525. \tfont-style: normal;
  2526. \tfont-weight: bold;
  2527. \tfont-size: 18px;
  2528. \tcolor: #f2f2f2;
  2529. \tmargin-bottom: 10px;
  2530. \tmargin-top: 0;
  2531. }
  2533. .card-code .content-code h6 {
  2534. \tfont-family: Ubuntu;
  2535. \tfont-style: normal;
  2536. \tfont-weight: 500;
  2537. \tfont-size: 14px;
  2538. \tcolor: #f2f2f2;
  2539. \tmargin-bottom: 10px;
  2540. \tmargin-top: 0;
  2541. }
  2543. .card-code .fav {
  2544. \tposition: absolute;
  2545. \ttop: 25px;
  2546. \tright: 25px;
  2547. \tcursor: pointer;
  2548. }
  2550. .card-code .fav i {
  2551. \tcolor: white;
  2552. }
  2554. .card-code:hover {
  2555. \ttransform: scale(1.05);
  2556. }
  2558. .card-code:hover {
  2559. \tbackground-position: top;
  2560. }
  2562. </style>
  2564. <section style=\"padding: 20px 0px; margin-bottom: 15px;\">
  2565. <div class=\"container\">
  2567. \t<div style=\"background: #f4f4f4; padding: 15px; border-radius: 7px;\">
  2568. \t\t";
  2569.         // line 1915
  2570.         if ((0 !== twig_compare((isset($context["aproposaccueil"]) || array_key_exists("aproposaccueil", $context) ? $context["aproposaccueil"] : (function () { throw new RuntimeError('Variable "aproposaccueil" does not exist.', 1915, $this->source); })()), null))) {
  2571.             // line 1916
  2572.             echo "\t\t\t<h5>";
  2573.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["aproposaccueil"]) || array_key_exists("aproposaccueil", $context) ? $context["aproposaccueil"] : (function () { throw new RuntimeError('Variable "aproposaccueil" does not exist.', 1916, $this->source); })()), "valeur", [], "any", false, false, false, 1916), "html", null, true);
  2574.             echo "</h5>
  2575. \t\t\t
  2576. \t\t\t<div>
  2577. \t\t\t\t";
  2578.             // line 1919
  2579.             echo twig_get_attribute($this->env, $this->source, (isset($context["aproposaccueil"]) || array_key_exists("aproposaccueil", $context) ? $context["aproposaccueil"] : (function () { throw new RuntimeError('Variable "aproposaccueil" does not exist.', 1919, $this->source); })()), "link", [], "any", false, false, false, 1919);
  2580.             echo "
  2581. \t\t\t</div>
  2582. \t\t";
  2583.         } else {
  2584.             // line 1922
  2585.             echo "\t\t\t<h2>À propos ";
  2586.             echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 1922, $this->source); })()), "html", null, true);
  2587.             echo "</h2>
  2588. \t\t";
  2589.         }
  2590.         // line 1924
  2591.         echo "\t</div>
  2593. </div>
  2594. </section>
  2596. ";
  2597.         // line 1953
  2598.         echo "
  2599. <script type=\"text/javascript\">
  2600. var App = (function () {
  2602.   //=== Use Strict ===//
  2603.   'use strict';
  2605.   //=== Private Variables ===//
  2606.   var gallery = \$('.js-gallery');
  2608.   //=== Gallery Object ===//
  2609.   var Gallery = {
  2610.     zoom: function(imgContainer, img) {
  2611.       var containerHeight = imgContainer.outerHeight(),
  2612.       src = img.attr('src');
  2614.       if ( src.indexOf('/products/normal/') != -1 ) {
  2615.         // Set height of container
  2616.         imgContainer.css( \"height\", containerHeight );
  2618.         // Switch hero image src with large version
  2619.         img.attr('src', src.replace('/products/normal/', '/products/zoom/') );
  2621.         // Add zoomed class to gallery container
  2622.         gallery.addClass('is-zoomed');
  2624.         // Enable image to be draggable
  2625.         img.draggable({
  2626.           drag: function( event, ui ) {
  2627.             ui.position.left = Math.min( 100, ui.position.left );
  2628.             ui.position.top = Math.min( 100, ui.position.top );
  2629.           }
  2630.         });
  2631.       } else {
  2632.         // Ensure height of container fits image
  2633.         imgContainer.css( \"height\", \"auto\" );
  2635.         // Switch hero image src with normal version
  2636.         img.attr('src', src.replace('/products/zoom/', '/products/normal/') );
  2638.         // Remove zoomed class to gallery container
  2639.         gallery.removeClass('is-zoomed');
  2640.       }
  2641.     },
  2642.     switch: function(trigger, imgContainer) {
  2643.       var src = trigger.attr('href'),
  2644.       thumbs = trigger.siblings(),
  2645. \t\t\timg = trigger.parent().prev().children();
  2647.       // Add active class to thumb
  2648.       trigger.addClass('is-active');
  2650.       // Remove active class from thumbs
  2651.       thumbs.each(function() {
  2652.         if( \$(this).hasClass('is-active') ) {
  2653.           \$(this).removeClass('is-active');
  2654.         }
  2655.       });
  2657.       // Reset container if in zoom state
  2658.       if ( gallery.hasClass('is-zoomed') ) {
  2659.         gallery.removeClass('is-zoomed');
  2660.         imgContainer.css( \"height\", \"auto\" );
  2661.       }
  2663.       // Switch image source
  2664.       img.attr('src', src);
  2665.     }
  2666.   };
  2668.   //=== Public Methods ===//
  2669.   function init() {
  2671.     // Listen for clicks on anchors within gallery
  2672.     gallery.delegate('.item-image-ca', 'click', function(event) {
  2673.       var trigger = \$(this);
  2674.       var triggerData = trigger.data(\"gallery\");
  2676.       if ( triggerData === 'zoom') {
  2677.         var imgContainer = trigger.parent(),
  2678.         img = trigger.siblings();
  2679.         Gallery.zoom(imgContainer, img);
  2680.       } else if ( triggerData === 'thumb') {
  2681.         var imgContainer = trigger.parent().siblings();
  2682.         Gallery.switch(trigger, imgContainer);
  2683.       } else {
  2684.         return;
  2685.       }
  2687.       event.preventDefault();
  2688.     });
  2690.   }
  2692.   //=== Make Methods Public ===//
  2693.   return {
  2694.     init: init
  2695.   };
  2697. })();
  2699. App.init();
  2700. </script>
  2701. ";
  2702.         
  2703.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2705.         
  2706.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2708.     }
  2710.     // line 2058
  2711.     public function block_javascripttemplate($context, array $blocks = [])
  2712.     {
  2713.         $macros = $this->macros;
  2714.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2715.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  2717.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2718.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  2720.         // line 2059
  2721.         echo "
  2722. \$(function(){
  2723. ";
  2724.         // line 2061
  2725.         $context['_parent'] = $context;
  2726.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 2061, $this->source); })()), "session", [], "any", false, false, false, 2061), "flashbag", [], "any", false, false, false, 2061), "get", [0 => "information"], "method", false, false, false, 2061));
  2727.         $context['loop'] = [
  2728.           'parent' => $context['_parent'],
  2729.           'index0' => 0,
  2730.           'index'  => 1,
  2731.           'first'  => true,
  2732.         ];
  2733.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2734.             $length = count($context['_seq']);
  2735.             $context['loop']['revindex0'] = $length - 1;
  2736.             $context['loop']['revindex'] = $length;
  2737.             $context['loop']['length'] = $length;
  2738.             $context['loop']['last'] = 1 === $length;
  2739.         }
  2740.         foreach ($context['_seq'] as $context["_key"] => $context["infos"]) {
  2741.             // line 2062
  2742.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 2062)) {
  2743.                 // line 2063
  2744.                 echo "\tresetNotif();
  2745. \talertify.alert(\"";
  2746.                 // line 2064
  2747.                 echo twig_escape_filter($this->env, $context["infos"], "html", null, true);
  2748.                 echo "\");
  2749. ";
  2750.             }
  2751.             ++$context['loop']['index0'];
  2752.             ++$context['loop']['index'];
  2753.             $context['loop']['first'] = false;
  2754.             if (isset($context['loop']['length'])) {
  2755.                 --$context['loop']['revindex0'];
  2756.                 --$context['loop']['revindex'];
  2757.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2758.             }
  2759.         }
  2760.         $_parent = $context['_parent'];
  2761.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['infos'], $context['_parent'], $context['loop']);
  2762.         $context = array_intersect_key($context, $_parent) + $_parent;
  2763.         // line 2067
  2764.         echo "
  2765. \$('.open-modal-souscription-offert').click(function(){
  2766. \t\$('#modal-souscription-offert').modal('show');
  2767. \tvar id = \$(this).attr('value');
  2768. \tif(\$(this).attr('name') == 0)
  2769. \t{
  2770. \t\$(this).attr('name', 1);
  2771. \t\$('.wait-chargement-content-module').show();
  2772. \t\$('.content-module-loading').hide();
  2773. \t\$.post('";
  2774.         // line 2076
  2775.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_personnaliser_produit_pour_commande");
  2776.         echo "',{id: id}, function(data){
  2777. \t\t\$('.wait-chargement-content-module').hide();
  2778. \t\t\$('.content-module-loading').html(data);
  2779. \t\t\$('.content-module-loading').show();
  2780. \t\t\$('.open-modal-souscription-offert').attr('name', 0);
  2781. \t});
  2782. \t}
  2783. });
  2785. });
  2786. ";
  2787.         
  2788.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2790.         
  2791.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2793.     }
  2795.     public function getTemplateName()
  2796.     {
  2797.         return "Theme/Users/User/Security/accueilsite.html.twig";
  2798.     }
  2800.     public function isTraitable()
  2801.     {
  2802.         return false;
  2803.     }
  2805.     public function getDebugInfo()
  2806.     {
  2807.         return array (  2775 => 2076,  2764 => 2067,  2747 => 2064,  2744 => 2063,  2742 => 2062,  2725 => 2061,  2721 => 2059,  2711 => 2058,  2598 => 1953,  2591 => 1924,  2585 => 1922,  2579 => 1919,  2572 => 1916,  2570 => 1915,  2445 => 1793,  2434 => 1784,  2418 => 1781,  2405 => 1779,  2401 => 1778,  2392 => 1776,  2387 => 1774,  2378 => 1773,  2361 => 1772,  2356 => 1769,  2335 => 1766,  2331 => 1765,  2323 => 1764,  2314 => 1763,  2297 => 1762,  2291 => 1758,  2274 => 1751,  2261 => 1750,  2253 => 1749,  2243 => 1746,  2237 => 1743,  2234 => 1742,  2231 => 1741,  2227 => 1740,  2208 => 1724,  2060 => 1578,  2049 => 1573,  2041 => 1568,  2031 => 1565,  2025 => 1562,  2022 => 1561,  2018 => 1560,  2010 => 1555,  2005 => 1553,  1864 => 1414,  1850 => 1413,  1847 => 1412,  1830 => 1411,  1797 => 1380,  1785 => 1373,  1774 => 1367,  1770 => 1366,  1762 => 1365,  1753 => 1363,  1747 => 1362,  1743 => 1360,  1738 => 1359,  1721 => 1345,  1713 => 1339,  1702 => 1333,  1689 => 1330,  1680 => 1329,  1676 => 1328,  1661 => 1321,  1659 => 1320,  1655 => 1319,  1651 => 1318,  1642 => 1317,  1629 => 1311,  1623 => 1310,  1618 => 1307,  1615 => 1306,  1612 => 1305,  1609 => 1304,  1606 => 1303,  1603 => 1302,  1600 => 1301,  1596 => 1300,  1588 => 1295,  1578 => 1288,  1573 => 1286,  1371 => 1086,  1361 => 922,  1340 => 903,  1322 => 890,  1318 => 889,  1307 => 883,  1286 => 864,  1274 => 858,  1269 => 856,  1263 => 855,  1254 => 853,  1250 => 851,  1247 => 850,  1244 => 849,  1241 => 848,  1238 => 847,  1235 => 846,  1232 => 845,  1229 => 844,  1226 => 843,  1222 => 842,  1211 => 836,  1190 => 817,  1178 => 811,  1173 => 809,  1167 => 808,  1158 => 806,  1153 => 803,  1150 => 802,  1147 => 801,  1144 => 800,  1141 => 799,  1138 => 798,  1135 => 797,  1132 => 796,  1128 => 795,  714 => 386,  691 => 365,  674 => 354,  658 => 341,  642 => 328,  626 => 315,  615 => 307,  606 => 301,  597 => 295,  588 => 289,  579 => 283,  570 => 277,  561 => 271,  557 => 269,  545 => 263,  543 => 262,  539 => 261,  528 => 257,  521 => 255,  518 => 254,  513 => 253,  387 => 130,  383 => 128,  370 => 121,  366 => 120,  356 => 117,  346 => 114,  343 => 113,  339 => 112,  312 => 88,  304 => 83,  298 => 79,  279 => 74,  270 => 72,  262 => 70,  245 => 69,  240 => 66,  219 => 64,  202 => 63,  189 => 52,  179 => 51,  135 => 17,  125 => 16,  112 => 13,  102 => 12,  87 => 8,  82 => 6,  78 => 5,  75 => 4,  65 => 3,  54 => 2,  52 => 1,  39 => 2,);
  2808.     }
  2810.     public function getSourceContext()
  2811.     {
  2812.         return new Source("{% set menudisplay = 0 %} 
  2813. {% extends \"Theme/Users/User/layoutuser.html.twig\" %}
  2814. {% block meta %}
  2816. \t{{ parent() }}
  2817. \t<meta name=\"keywords\" content=\"{{ site }}, Business, Innovation,Administration\"/>
  2818. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  2819. \t<meta name=\"description\" content=\"{{ site }} | Inscription | Cameroun | {{ metier }}\"/>
  2821. {% endblock %}
  2823. {% block title %}
  2824. \t{{ parent() }} | Accueil
  2825. {% endblock %}
  2827. {% block stylesheets %}
  2828. \t{{ parent() }}
  2829. \t<style>
  2830. \t\t.box-slide-top{
  2831. \t\t\theight: 120px; border: 1px solid #ddd; margin: 2px 0px;
  2832. \t\t\tpadding: 3px;
  2833. \t\t\tborder-radius: 5px;
  2834. \t\t\tbackground: #fff;
  2835. \t\t}
  2836. \t\t.controls{
  2837. \t\t\tbackground: #fff;
  2838. \t\t\tmargin-top: 2px;
  2839. \t\t\tpadding: 2px;
  2840. \t\t\tborder-radius: 0px 0px 5px 5px;
  2841. \t\t}
  2842. \t\t.controls a{
  2843. \t\t\tbackground: #f5f5f5;
  2844. \t\t\tpadding: 1px 5px;
  2845. \t\t\tborder-radius: 5px;
  2846. \t\t\tdisplay: inline-block;
  2847. \t\t\tfont-size: 10px;
  2848. \t\t}
  2849. \t\t.box-slide-top:hover{
  2850. \t\t\tbackground: #f7f7f7;
  2851. \t\t\tborder: 1px solid green;
  2852. \t\t}
  2853. \t\t.carousel-link{
  2854. \t\t\tdisplay: block!important;
  2855. \t\t}
  2856. \t\t.carousel-link img:hover{
  2857. \t\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  2858. \t\t}
  2859. \t</style>
  2860. {% endblock %}
  2862. {% block userblog_body %}
  2863. <!-- Slider Area -->
  2864. \t<section class=\"hero-slider\" style=\"background-image: url('https://via.placeholder.com/1900x700');\">
  2865. \t\t<!-- Single Slider -->
  2866. \t\t<div class=\"single-slider\">
  2867. \t\t\t<div class=\"container\">
  2868. \t\t\t\t<div class=\"row no-gutters\">
  2869. \t\t\t\t\t<div class=\"col-lg-6 offset-lg-3 col-12\" style=\"padding: 0px;\">
  2870. \t\t\t\t\t\t<div class=\"text-inner\" style=\"background: #fff; min-height: 482px; margin: 16px 3px 0px 3px; border-radius: 5px; padding-top: 20px;\">
  2872. \t\t\t\t\t\t\t<div id=\"carouselIndicators\" class=\"carousel slide\" data-ride=\"carousel\">
  2873. \t\t\t\t\t\t\t  <ol class=\"carousel-indicators\">
  2874. \t\t\t\t\t\t\t\t{% for silde in liste_slide %}
  2875. \t\t\t\t\t\t\t\t\t<li data-target=\"#carouselIndicators\" data-slide-to=\"{{ loop.index0 }}\" class=\"{% if loop.first %}active{% endif %}\"></li>
  2876. \t\t\t\t\t\t\t\t{% endfor %}
  2877. \t\t\t\t\t\t\t  </ol>
  2879. \t\t\t\t\t\t\t  <div class=\"carousel-inner\">
  2880. \t\t\t\t\t\t\t  {% for silde in liste_slide %}
  2881. \t\t\t\t\t\t\t\t<div class=\"carousel-item {% if loop.first %}active{% endif %}\">
  2882. \t\t\t\t\t\t\t\t\t<a href=\"#!\" class=\"carousel-link\">
  2883. \t\t\t\t\t\t\t\t\t  <img  src=\"{% if silde.src != null %}{{ asset(silde.getwebpath) }}{% else %}{{ asset('template/images/tresorerie.jpg') }}{% endif %}\" alt=\"First slide\" style=\"width: 100%; height: 445px;\">
  2884. \t\t\t\t\t\t\t\t\t  <div class=\"carousel-caption  text-center\">
  2885. \t\t\t\t\t\t\t\t\t\t<h2 class=\"white-text-shadow\">{{ silde.titre }}</h2>
  2886. \t\t\t\t\t\t\t\t\t  </div>
  2887. \t\t\t\t\t\t\t\t\t</a>
  2888. \t\t\t\t\t\t\t\t</div>
  2889. \t\t\t\t\t\t\t  {% endfor %}
  2891. \t\t\t\t\t\t\t  </div>
  2893. \t\t\t\t\t\t\t  <a class=\"carousel-control-prev\" data-target=\"#carouselIndicators\" href=\"#!\" role=\"button\" data-slide=\"prev\">
  2894. \t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/arrow-left-acc.svg') }}\" class=\"indicateur-carousel\"/>
  2895. \t\t\t\t\t\t\t\t<span class=\"sr-only\">Previous</span>
  2896. \t\t\t\t\t\t\t  </a>
  2898. \t\t\t\t\t\t\t  <a class=\"carousel-control-next\" data-target=\"#carouselIndicators\" href=\"#!\" role=\"button\" data-slide=\"next\">
  2899. \t\t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/arrow-right-acc.svg') }}\" class=\"indicateur-carousel\"/>
  2900. \t\t\t\t\t\t\t\t<span class=\"sr-only\">Next</span>
  2901. \t\t\t\t\t\t\t  </a>
  2902. \t\t\t\t\t\t\t</div>
  2905. \t\t\t\t\t\t\t<!--div class=\"row\">
  2906. \t\t\t\t\t\t\t\t<div class=\"col-lg-12 col-12\">
  2907. \t\t\t\t\t\t\t\t\t<div class=\"hero-text\">
  2908. \t\t\t\t\t\t\t\t\t\t<h1><span>UP TO 50% OFF </span>Shirt For Man</h1>
  2909. \t\t\t\t\t\t\t\t\t\t<p>Maboriosam in a nesciung eget magnae <br> dapibus disting tloctio in the find it pereri <br> odiy maboriosm.</p>
  2910. \t\t\t\t\t\t\t\t\t\t<div class=\"button\">
  2911. \t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn\">Shop Now!</a>
  2912. \t\t\t\t\t\t\t\t\t\t</div>
  2913. \t\t\t\t\t\t\t\t\t</div>
  2914. \t\t\t\t\t\t\t\t</div>
  2915. \t\t\t\t\t\t\t</div-->
  2917. \t\t\t\t\t\t</div>
  2918. \t\t\t\t\t</div>
  2919. \t\t\t\t\t<div class=\"col-lg-3 col-12\">
  2920. \t\t\t\t\t\t<div class=\"text-inner\" style=\"height: 510px; margin-top: 15px;\">
  2922. \t\t\t\t\t\t\t<ul class=\"newsticker\" style=\"height: 450px; bottom: 0px;\">
  2923. \t\t\t\t\t\t\t\t{% for offre in liste_offre|slice(0,8) %}
  2924. \t\t\t\t\t\t\t\t<li class=\"box-slide-top\">
  2925. \t\t\t\t\t\t\t\t\t<a href=\"{% if offre.link != null %}{{ offre.link }}{% else %}{{ path('produit_produit_tous_produits_souscategorie_binplace_market', {'id': offre.projet.id, 'scat': offre.souscategorie.id }) }}{% endif %}\" style=\"display: inline-block!important; height: 100%!important; width: 100%!important; position: sticky;\">
  2926. \t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"padding: 4px 2px;\">
  2927. \t\t\t\t\t\t\t\t\t\t<div style=\"width: 35%!important; padding: 0px 7px;\">
  2928. \t\t\t\t\t\t\t\t\t\t\t<img src=\"{% if offre.src != 'source' %}{{ asset(offre.getwebpath) }}{% else %}{{ asset('template/images/assistance-bg.jpg') }}{% endif %}\" style=\"height: 90%!important; width: 100%!important; display: inline-block;\"/>
  2929. \t\t\t\t\t\t\t\t\t\t</div>
  2930. \t\t\t\t\t\t\t\t\t\t<div style=\"width: 65%!important; padding: 0px 7px;\">
  2931. \t\t\t\t\t\t\t\t\t\t\t<strong class=\"coustom-my-text\" style=\"display: block;\">{{ offre.projet.name(30) }}</strong>
  2932. \t\t\t\t\t\t\t\t\t\t\t{{ offre.titre }}
  2933. \t\t\t\t\t\t\t\t\t\t</div>
  2934. \t\t\t\t\t\t\t\t\t</div>
  2935. \t\t\t\t\t\t\t\t\t<span style=\"position: absolute; right: 7px; bottom: 15px; padding: 2px; border-radius: 5px; background: #f4f4f4;\">Consulter</span>
  2936. \t\t\t\t\t\t\t\t\t</a>
  2937. \t\t\t\t\t\t\t\t</li>
  2938. \t\t\t\t\t\t\t\t{% endfor %}
  2939. \t\t\t\t\t\t\t</ul>
  2941. \t\t\t\t\t\t\t<div class=\"controls\" style=\"text-align: right!important; padding-left: 5px; padding-right: 5px;\"><a href=\"{{ path('produit_produit_speciales_offres') }}\" style=\"float: left;\"><i class=\"ti-thought\"></i> Offres spéciales</a> <a class=\"prev-button\" href=\"#!\" title=\"Précédent\"><span class=\"fa fa-arrow-circle-left\"></span></a>  | <a class=\"next-button\" href=\"#!\" title=\"Suivant\"><span class=\"fa fa-arrow-circle-right\"></span></a> | <a class=\"stop-button\" href=\"#!\" title=\"Pause\"><span class=\"fa fa-stop\"></span></a> | <a class=\"start-button\" href=\"#!\" title=\"Arrêter/Jouer\"><span class=\"fa fa-play\"></span></a> </div>
  2942. \t\t\t\t\t\t</div>
  2943. \t\t\t\t\t</div>
  2944. \t\t\t\t</div>
  2945. \t\t\t</div>
  2946. \t\t</div>
  2947. \t\t<!--/ End Single Slider -->
  2948. \t</section>
  2951. \t<script type=\"text/javascript\">
  2952. \t\tvar multilines = \$('.newsticker').newsTicker({
  2953. \t\t\trow_height: 150,
  2954. \t\t\tspeed: 50,
  2955. \t\t\tprevButton: \$('.prev-button'),
  2956. \t\t\tnextButton: \$('.next-button'),
  2957. \t\t\tstopButton: \$('.stop-button'),
  2958. \t\t\tstartButton: \$('.start-button'),
  2959. \t\t});
  2960. \t</script>
  2962. \t<style>
  2963. \t\t.box-hover {
  2964. \t\t\tposition:relative;
  2965. \t\t\twidth: 100%;
  2966. \t\t\theight: 100%;
  2967. \t\t\tbackground:#000;
  2968. \t\t\tbox-sizing:border-box;
  2969. \t\t\toverflow:hidden;
  2970. \t\t\tbox-shadow:0 5px 10px rgba(0,0,0,.8);
  2971. \t\t}
  2972. \t\t.box-hover:before {
  2973. \t\t\tcontent:'';
  2974. \t\t\tposition:absolute;
  2975. \t\t\ttop:10px;
  2976. \t\t\tleft:10px;
  2977. \t\t\tright:10px;
  2978. \t\t\tbottom:10px;
  2979. \t\t\tborder-top:1px solid #fff;
  2980. \t\t\tborder-bottom:1px solid #fff;
  2981. \t\t\tbox-sizing:border-box;
  2982. \t\t\ttransition:0.5s;
  2983. \t\t\ttransform: scaleX(0);
  2984. \t\t\topacity:0;
  2985. \t\t}
  2986. \t\t.box-hover:hover:before {
  2987. \t\t\ttransform:scaleX(1);
  2988. \t\t\topacity:1;
  2989. \t\t}
  2990. \t\t.box-hover:after {
  2991. \t\t\tcontent:'';
  2992. \t\t\tposition:absolute;
  2993. \t\t\ttop:10px;
  2994. \t\t\tleft:10px;
  2995. \t\t\tright:10px;
  2996. \t\t\tbottom:10px;
  2997. \t\t\tborder-left:1px solid #fff;
  2998. \t\t\tborder-right:1px solid #fff;
  2999. \t\t\tbox-sizing:border-box;
  3000. \t\t\ttransition:0.5s;
  3001. \t\t\ttransform: scaleY(0);
  3002. \t\t\topacity:0;
  3003. \t\t}
  3004. \t\t.box-hover:hover:after {
  3005. \t\t\ttransform:scaleY(1);
  3006. \t\t\topacity:1;
  3007. \t\t}
  3008. \t\t.box-hover .imgBox {
  3009. \t\t\tposition:relative;
  3010. \t\t}
  3011. \t\t.box-hover .imgBox img {
  3012. \t\t\twidth:100%;
  3013. \t\t\ttransition:0.5s;
  3014. \t\t}
  3015. \t\t.box-hover:hover .imgBox img {
  3016. \t\t\topacity:.2;
  3017. \t\t\ttransform:scale(1.2);
  3018. \t\t}
  3019. \t\t.box-hover .content {
  3020. \t\t\tposition:absolute;
  3021. \t\t\twidth:100%;
  3022. \t\t\ttop:40%;
  3023. \t\t\ttransform:translateY(-50%);
  3024. \t\t\tz-index:2;
  3025. \t\t\tpadding:20px;
  3026. \t\t\tbox-sizing:border-box;
  3027. \t\t\ttext-align:center;
  3028. \t\t}
  3029. \t\t.box-hover .content h2 {
  3030. \t\t\tmargin: 0 0 10px;
  3031. \t\t\tpadding:0;
  3032. \t\t\tcolor:#fff;
  3033. \t\t\ttransition:0.5s;
  3034. \t\t\ttransform:translateY(-50px);
  3035. \t\t\topacity:0;
  3036. \t\t\tvisibility:hidden;
  3037. \t\t}
  3038. \t\t.box-hover .content p {
  3039. \t\t\tmargin:0;
  3040. \t\t\tpadding:0;
  3041. \t\t\tcolor:#fff;
  3042. \t\t\ttransform:translateY(50px);
  3043. \t\t\topacity:0;
  3044. \t\t\tvisibility:hidden;
  3045. \t\t}
  3046. \t\t.box-hover:hover .content h2,
  3047. \t\t.box-hover:hover .content P {
  3048. \t\t\topacity:1;
  3049. \t\t\tvisibility:visible;
  3050. \t\t\ttransform:translateY(0px);
  3051. \t\t}
  3052. \t\t
  3053. \t</style>
  3055. \t<section>
  3056. \t\t<div class=\"container\">
  3057. \t\t\t<div class=\"row\">
  3058. \t\t\t\t<div class=\"col-md-12\" >
  3059. \t\t\t\t<section class=\"logo-partner\" style=\"background: #f2f2f2;\">
  3060. \t\t\t\t
  3061. \t\t\t\t<div class=\"my-container\">
  3062. \t\t\t\t<div class=\"cover-wrapper\" style=\"height: 120px;\">
  3063. \t\t\t\t\t<div id=\"client-logos\" class=\"owl-carousel text-center\">
  3064. \t\t\t\t\t\t{% for marque in liste_marque %}
  3065. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  3066. \t\t\t\t\t\t\t<a href=\"{{ path('produit_produit_acceuil_sousdomaine_type_market_place', {'idmarque': marque.id }) }}\" value=\"{{ marque.id }}\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  3067. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  3068. \t\t\t\t\t\t\t\t\t<img src=\"{% if marque.src != null %}{{ asset(marque.getwebpath) }}{% else %}{{ asset('template/images/logo-afh.png') }}{% endif %}\" style=\"width: 100%!important; height: auto;\">
  3069. \t\t\t\t\t\t\t\t</div>
  3070. \t\t\t\t\t\t\t\t<div class=\"content\">
  3071. \t\t\t\t\t\t\t\t\t<p>
  3072. \t\t\t\t\t\t\t\t\t\t<strong>{{ marque.nom }}</strong></br>
  3073. \t\t\t\t\t\t\t\t\t\t{% set nbproduits = marque.produits|length %}
  3074. \t\t\t\t\t\t\t\t\t\t<span>{{ nbproduits }} produit(s)</span>
  3075. \t\t\t\t\t\t\t\t\t</p>
  3076. \t\t\t\t\t\t\t\t</div>
  3077. \t\t\t\t\t\t\t</a>
  3078. \t\t\t\t\t\t</div>
  3079. \t\t\t\t\t\t{% else %}
  3080. \t\t\t\t\t\t<!-- div class=\"item\">
  3081. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\" >
  3082. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/domainebox.png') }}\" alt=\"\"/>
  3083. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3084. \t\t\t\t\t\t\t</a>
  3085. \t\t\t\t\t\t</div>
  3086. \t\t\t\t\t\t<div class=\"item\">
  3087. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3088. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/i-web.png') }}\" alt=\"\"/>
  3089. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3090. \t\t\t\t\t\t\t</a>
  3091. \t\t\t\t\t\t</div>
  3092. \t\t\t\t\t\t<div class=\"item\">
  3093. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3094. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/logo-afh.png') }}\" alt=\"\"/>
  3095. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3096. \t\t\t\t\t\t\t</a>
  3097. \t\t\t\t\t\t</div>
  3098. \t\t\t\t\t\t<div class=\"item\">
  3099. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3100. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/ovh-host.png') }}\" alt=\"\"/>
  3101. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3102. \t\t\t\t\t\t\t</a>
  3103. \t\t\t\t\t\t</div>
  3104. \t\t\t\t\t\t<div class=\"item\">
  3105. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3106. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/france-dns.png') }}\" alt=\"\"/>
  3107. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3108. \t\t\t\t\t\t\t</a>
  3109. \t\t\t\t\t\t</div>
  3110. \t\t\t\t\t\t<div class=\"item\">
  3111. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3112. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/logo-cpanel.png') }}\" alt=\"\"/>
  3113. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3114. \t\t\t\t\t\t\t</a>
  3115. \t\t\t\t\t\t</div>
  3116. \t\t\t\t\t\t<div class=\"item\">
  3117. \t\t\t\t\t\t\t<a href=\"\" style=\"display: block;\">
  3118. \t\t\t\t\t\t\t  <img src=\"{{ asset('template/images/logo-oj.png') }}\" alt=\"\"/>
  3119. \t\t\t\t\t\t\t  <div>Une Bonne No</div>
  3120. \t\t\t\t\t\t\t</a>
  3121. \t\t\t\t\t\t</div -->
  3123. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  3124. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  3125. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  3126. \t\t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/part01.jpeg') }}\" style=\"height: 100px;\">
  3127. \t\t\t\t\t\t\t\t</div>
  3128. \t\t\t\t\t\t\t\t<div class=\"content\">
  3129. \t\t\t\t\t\t\t\t\t<p>
  3130. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  3131. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  3132. \t\t\t\t\t\t\t\t\t</p>
  3133. \t\t\t\t\t\t\t\t</div>
  3134. \t\t\t\t\t\t\t</a>
  3135. \t\t\t\t\t\t</div>
  3136. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  3137. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  3138. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  3139. \t\t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/part02.jpeg') }}\" style=\"height: 100px;\">
  3140. \t\t\t\t\t\t\t\t</div>
  3141. \t\t\t\t\t\t\t\t<div class=\"content\">
  3142. \t\t\t\t\t\t\t\t\t<p>
  3143. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  3144. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  3145. \t\t\t\t\t\t\t\t\t</p>
  3146. \t\t\t\t\t\t\t\t</div>
  3147. \t\t\t\t\t\t\t</a>
  3148. \t\t\t\t\t\t</div>
  3149. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  3150. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  3151. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  3152. \t\t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/part03.jpeg') }}\" style=\"height: 100px;\">
  3153. \t\t\t\t\t\t\t\t</div>
  3154. \t\t\t\t\t\t\t\t<div class=\"content\">
  3155. \t\t\t\t\t\t\t\t\t<p>
  3156. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  3157. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  3158. \t\t\t\t\t\t\t\t\t</p>
  3159. \t\t\t\t\t\t\t\t</div>
  3160. \t\t\t\t\t\t\t</a>
  3161. \t\t\t\t\t\t</div>
  3162. \t\t\t\t\t\t<div class=\"item\" style=\"padding: 0px!important;\">
  3163. \t\t\t\t\t\t\t<a href=\"#!\" class=\"box-hover open_scat_catalogue\" style=\"display: inline-block;\">
  3164. \t\t\t\t\t\t\t\t<div class=\"imgBox\">
  3165. \t\t\t\t\t\t\t\t\t<img src=\"{{ asset('template/images/part04.jpeg') }}\" style=\" height: 100px;\">
  3166. \t\t\t\t\t\t\t\t</div>
  3167. \t\t\t\t\t\t\t\t<div class=\"content\">
  3168. \t\t\t\t\t\t\t\t\t<p>
  3169. \t\t\t\t\t\t\t\t\t\t<strong>Nom structure</strong></br>
  3170. \t\t\t\t\t\t\t\t\t\t<span>Partenaires</span>
  3171. \t\t\t\t\t\t\t\t\t</p>
  3172. \t\t\t\t\t\t\t\t</div>
  3173. \t\t\t\t\t\t\t</a>
  3174. \t\t\t\t\t\t</div>
  3175. \t\t\t\t\t\t{% endfor %}
  3176. \t\t\t\t\t</div>
  3177. \t\t\t\t</div>
  3178. \t\t\t\t</div>
  3179. \t\t\t\t</section>
  3181. \t\t\t\t<script type=\"text/javascript\">
  3182. \t\t\t\t\$('#client-logos').owlCarousel({
  3183. \t\t\t\t\tloop:true,
  3184. \t\t\t\t\tmargin:15,
  3185. \t\t\t\t\tnav:true,
  3186. \t\t\t\t\tresponsive:{
  3187. \t\t\t\t\t\t0:{
  3188. \t\t\t\t\t\t\titems:2
  3189. \t\t\t\t\t\t},
  3190. \t\t\t\t\t\t600:{
  3191. \t\t\t\t\t\t\titems:4
  3192. \t\t\t\t\t\t},
  3193. \t\t\t\t\t\t1000:{
  3194. \t\t\t\t\t\t\titems:6
  3195. \t\t\t\t\t\t}
  3196. \t\t\t\t\t},
  3197. \t\t\t\t\tnavText: [\"<img src='{{ asset('template/images/av8a49a4f81c3318dc69d.png') }}'/>\",\"<img src='{{ asset('template/images/avcc910c4ee5888b858fe.png') }}'/>\"]
  3198. \t\t\t\t});
  3199. \t\t\t\t</script>
  3200. \t\t\t\t</div>
  3201. \t\t    </div>
  3202. \t\t</div>
  3203. \t</section>
  3204. <!--/ End Slider Area -->
  3206. <style>
  3207. .card-view{
  3208.     -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  3209.     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  3210.     border-radius: 4px;
  3211.     padding: 22px;
  3212.     margin-bottom: 20px;
  3213. \tbackground: #fff;
  3214. \tmax-width: 100%;
  3215. \tborder-right: 3px solid green;
  3216. }
  3217. .card-view:hover {
  3218.     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.01);
  3219. \tbackground: #f9f9f9;
  3220. \tcursor: pointer;
  3221. \tborder-right: 3px solid blue;
  3222. }
  3223. .flex-row {
  3224.     display: -webkit-box;
  3225.     display: -ms-flexbox;
  3226.     display: flex;
  3227.     -ms-flex-wrap: wrap;
  3228.     flex-wrap: wrap;
  3229.     margin-right: -15px;
  3230.     margin-left: -15px;
  3231. }
  3232. .spacer {
  3233.     padding-top: 50px;
  3234.     padding-bottom: 50px;
  3235. }
  3236. .bg-gray{
  3237.     background: #F8F8F8;
  3238. }
  3239. .no-margin{
  3240.     margin: 0 !important;
  3241. }
  3242. .flex-row .flex-col{
  3243.     -ms-flex-preferred-size: 0;
  3244.     flex-basis: 0;
  3245.     -webkit-box-flex: 1;
  3246.     -ms-flex-positive: 1;
  3247.     flex-grow: 1;
  3248.     max-width: 100%;
  3249.     position: relative;
  3250.     width: 100%;
  3251.     min-height: 1px;
  3252.     padding-right: 15px;
  3253.     padding-left: 15px;
  3254. }
  3255. .r-layout {
  3256.     display: -webkit-box;
  3257.     display: -ms-flexbox;
  3258.     display: flex;
  3259.     position: relative;
  3260. }
  3261. .r-layout .r-img {
  3262.     position: relative;
  3263.     width: 199px;
  3264.     height: 192px;
  3265.     margin-right: 20px;
  3266. }
  3267. .cm-sm {
  3268.     width: 154px !important;
  3269.     height: 156px !important;
  3270. }
  3271. .r-layout .r-img img {
  3272.     width: 100%;
  3273.     height: 100%;
  3274.     border-radius: 3px;
  3275.     -o-object-fit: cover;
  3276.     object-fit: cover;
  3277. }
  3278. .r-layout .s-tag {
  3279.     position: absolute;
  3280.     top: 0;
  3281.     right: 0;
  3282.     font-weight: 500;
  3283.     margin-right: 0;
  3284. }
  3285. .s-tag {
  3286.     width: 41px;
  3287.     height: 36px;
  3288.     background: transparent;
  3289.     color: #ed6e11;
  3290.     border-radius: 3px;
  3291.     background: var(--theme-color1);
  3292.     text-align: center;
  3293.     display: -webkit-box;
  3294.     display: -ms-flexbox;
  3295.     display: flex;
  3296.     -webkit-box-align: center;
  3297.     -ms-flex-align: center;
  3298.     align-items: center;
  3299.     -webkit-box-pack: center;
  3300.     -ms-flex-pack: center;
  3301.     justify-content: center;
  3302.     font-weight: bold;
  3303.     margin-right: 10px;
  3304.     margin-top: -25px;
  3305. }
  3306. .card-sm-content .r-layout .r-content .title {
  3307.     font-size: 17px;
  3308. }
  3309. .r-layout .r-content .title {
  3310.     font-size: 22px;
  3311.     font-weight: 600;
  3312.     color: #212121;
  3313.     margin: 0;
  3314. }
  3315. .title {
  3316.     font-size: 28px;
  3317.     font-weight: bold;
  3318.     margin: 0;
  3319. }
  3320. .r-layout .r-content p {
  3321.     font-size: 14px;
  3322.     color: #666666;
  3323.     margin: 0;
  3324.     margin-bottom: 10px;
  3325. }
  3326. .taglist {
  3327.     display: -webkit-box;
  3328.     display: -ms-flexbox;
  3329.     display: flex;
  3330.     margin-bottom: 10px;
  3331. }
  3332. .taglist .tag:first-child {
  3333.     margin-left: 0;
  3334. }
  3335. .taglist .tag {
  3336.     margin-left: 10px;
  3337. }
  3338. .tag {
  3339.     height: 26px;
  3340.     border-radius: 2px;
  3341.     background-color: #e4e4e4;
  3342.     font-size: 14px;
  3343.     color: #666666;
  3344.     display: -webkit-box;
  3345.     display: -ms-flexbox;
  3346.     display: flex;
  3347.     -webkit-box-align: center;
  3348.     -ms-flex-align: center;
  3349.     align-items: center;
  3350.     -webkit-box-pack: center;
  3351.     -ms-flex-pack: center;
  3352.     justify-content: center;
  3353.     text-align: center;
  3354. \tpadding-left: 4px;
  3355. \tpadding-right: 4px;
  3356. }
  3357. .r-layout .r-content p {
  3358.     font-size: 14px;
  3359.     color: #666666;
  3360.     margin: 0;
  3361.     margin-bottom: 10px;
  3362. }
  3363. .r-layout .r-content .color-text {
  3364.     font-weight: 600;
  3365.     color: #00796b;
  3366. }
  3367. .r-layout .r-content p {
  3368.     font-size: 14px;
  3369.     color: #666666;
  3370.     margin: 0;
  3371.     margin-bottom: 10px;
  3372. }
  3373. /* common css up */
  3375. .h3-titlte {
  3376.     font-size: 20px;
  3377.     font-weight: 600;
  3378.     color: #212121;
  3379.     margin-top: 30px;
  3380.     margin-bottom: 15px;
  3381. }
  3384. .panel-detail-top{
  3385. \tbackground: #fff!important;
  3386. }
  3388. .section-tabs {
  3389.   display: none;
  3390.   padding: 20px 0 0;
  3391.   border-top: 1px solid #ddd;
  3392. }
  3394. .input-tabs {
  3395.   display: none!important;
  3396. }
  3398. .label-tab{
  3399. \tdisplay: inline-block;
  3400. \tmargin: 0 0 -1px;
  3401. \tpadding: 15px 10px;
  3402. \tfont-weight: 600;
  3403. \ttext-align: center;
  3404. \tcolor: #bbb;
  3405. \tborder: 1px solid transparent;
  3406. \tfont-size: 14px!important;
  3407. \theight: 50px!important;
  3408. }
  3410. .label-tab:after{
  3411. \tborder: 2px solid transparent!important;
  3412. \tdisplay: none;
  3413. }
  3414. .label-tab:before{
  3415. \tborder: 2px solid transparent!important;
  3416. \tpadding-top: 7px!important;
  3417. \tmargin-left: 7px!important;
  3418. }
  3420. .label-tab:before{
  3421.   font-family: fontawesome;
  3422.   font-weight: normal;
  3423.   margin-right: 10px;
  3424. }
  3425. .label-tab[for*='1']:before {
  3426.   content: '\\f1cb';
  3427. }
  3428. .label-tab[for*='2']:before {
  3429.   content: '\\f17d';
  3430. }
  3432. .label-tab[for*='3']:before {
  3433.   content: '\\f16b';
  3434. }
  3436. .label-tab[for*='4']:before {
  3437.   content: '\\f1a9';
  3438. }
  3440. .label-tab:hover {
  3441.   color: #888;
  3442.   cursor: pointer;
  3443. }
  3445. .input-tabs:checked + .label-tab {
  3446.   color: #555;
  3447.   border: 1px solid #ddd;
  3448.   border-top: 2px solid #092759;
  3449.   border-bottom: 1px solid #fff;
  3450. }
  3452. #tab-1:checked ~ #content1,
  3453. #tab-2:checked ~ #content2,
  3454. #tab-3:checked ~ #content3,
  3455. #tab-4:checked ~ #content4 {
  3456.   display: block;
  3457. }#tab-5:checked ~ #content5 {
  3458.   display: block;
  3459. }
  3461. @media screen and (max-width: 650px) {
  3462.   .label-tab {
  3463. \tfont-size: 0;
  3464.   }
  3466.   .label-tab:before {
  3467. \tmargin: 0;
  3468. \tfont-size: 18px;
  3469.   }
  3470. }
  3471. @media screen and (max-width: 400px) {
  3472.   .label-tab {
  3473. \tpadding: 15px;
  3474.   }
  3475. }
  3476. .tab-label{
  3477. \tfont-family: 'Montserrat', sans-serif!important;
  3478. }
  3480. /* mixin for multiline */
  3481. .card2 {
  3482.   border: 0;
  3483.   border-radius: 0;
  3484.   background-color: #f4f4f4;
  3485.   margin-top: -20px;
  3486. }
  3487. .card-img-top {
  3488.   position: relative;
  3489.   padding: 15px;
  3490.   width: 100%;
  3491.   height: 250px;
  3492.   -o-object-fit: contain;
  3493. \t object-fit: contain;
  3494. }
  3495. .card-body {
  3496.   border-radius: 15px 15px 0px 0px;
  3497.   padding-top: 100px;
  3498.   background-color: #fff;
  3499.   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  3500.   height: 280px;
  3501. }
  3502. .card-text {
  3503.   display: block;
  3504.   overflow: hidden;
  3505.   font-size: 16px;
  3506.   line-height: 1.5;
  3507.   max-height: 72px;
  3508. }
  3509. </style>
  3512. <section class=\"theme-bg-light\" style=\"background: #f4f4f4; padding: 20px 0px;\">
  3513.   <div class=\"container\">\t\t   
  3515. \t  <style>
  3516. \t\tdiv.demotabs {
  3517. \t\t  border: 2px dashed #e6e6e6;
  3518. \t\t  border-radius: .8125rem;
  3519. \t\t  box-shadow: inset 0px 0px 1.625rem rgba(0, 0, 0, 0.05);
  3520. \t\t  margin-top: 1.625rem;
  3521. \t\t  padding: 15px;
  3522. \t\t  background: #fff;
  3523. \t\t}
  3524. \t\t
  3525. \t\t.demotabs:hover .owl-next img, .demotabs:hover .owl-prev img{
  3526. \t\t\tbackground: #fff!important;
  3527. \t\t\tdisplay: inline-block!important;
  3528. \t\t\tborder-radius: 50%;
  3529. \t\t\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  3530. \t\t\ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);
  3531. \t\t\tcursor: pointer;
  3532. \t\t}
  3534. \t\t.demotabs .owl-next img, .demotabs .owl-prev img{
  3535. \t\t\ttop: 150px!important;
  3536. \t\t\tdisplay: none;
  3537. \t\t\theight: 50px;
  3538. \t\t\twidth: 50px;
  3539. \t\t\tpadding: 15px;
  3540. \t\t}
  3541. \t\t.demotabs .owl-next img:hover, .demotabs .owl-prev img:hover{
  3542. \t\t\tbackground: #f2f2f2;
  3543. \t\t\tborder: 1px solid red;
  3544. \t\t}
  3545. \t\t
  3546. \t\t.default-item{
  3547. \t\t\tfont-weight: nomal; font-size: 15px;
  3548. \t\t}
  3549. \t\t.default-item .diviser-item{
  3550. \t\t\twidth: 120px; height: 7px; background: #fff; margin-top: 15px;
  3551. \t\t}
  3552. \t\t.active-item{
  3553. \t\t\tfont-weight: bold; font-size: 25px;
  3554. \t\t}
  3555. \t\t.active-item .diviser-item{
  3556. \t\t\twidth: 120px; height: 7px; margin-top: 15px;
  3557. \t\t\tbackground-color: var(--bg-principal)!important;
  3558. \t\t}
  3559. \t\t#produits-enregistres, #produits-nouveaux{
  3560. \t\t\tdisplay: none;
  3561. \t\t}
  3562. \t  </style>
  3564.   <div class=\"demotabs\">
  3565. \t<div class=\"tabs-container\" style=\"padding-top: 15px; border: none;\">
  3566. \t\t
  3567. \t\t<div class=\"row\" style=\"margin-bottom: 30px;\">
  3568. \t\t\t<div class=\"col-md-4\">
  3569. \t\t\t\t<div class=\"default-item active-item\" value=\"1\">
  3570. \t\t\t\t\t<a href=\"#!\">Recommandations</a>
  3571. \t\t\t\t\t<div class=\"diviser-item\"></div>
  3572. \t\t\t\t</div>
  3573. \t\t\t</div>
  3574. \t\t\t<div class=\"col-md-4\">
  3575. \t\t\t\t<div class=\"default-item\" value=\"2\">
  3576. \t\t\t\t\t<a href=\"#!\">Enregistrements</a>
  3577. \t\t\t\t\t<div class=\"diviser-item\"></div>
  3578. \t\t\t\t</div>
  3579. \t\t\t</div>
  3580. \t\t\t<div class=\"col-md-4\">
  3581. \t\t\t\t<div class=\"default-item\" value=\"3\">
  3582. \t\t\t\t\t<a href=\"#!\">Nouveaux Produits</a>
  3583. \t\t\t\t\t<div class=\"diviser-item\"></div>
  3584. \t\t\t\t</div>
  3585. \t\t\t</div>
  3586. \t\t</div>
  3587. \t\t
  3588. \t\t<script type=\"text/javascript\">
  3589. \t\t\t\$('.default-item').click(function(){
  3590. \t\t\t\t\$('.default-item').removeClass('active-item');
  3591. \t\t\t\t\$(this).addClass('active-item');
  3592. \t\t\t\t\$('.carousel-product').hide();
  3593. \t\t\t\tif(\$(this).attr('value') == 1)
  3594. \t\t\t\t{
  3595. \t\t\t\t\t\$('#produits-recommandes').show();
  3596. \t\t\t\t}else if(\$(this).attr('value') == 2){
  3597. \t\t\t\t\t\$('#produits-enregistres').show();
  3598. \t\t\t\t}else{
  3599. \t\t\t\t\t\$('#produits-nouveaux').show();
  3600. \t\t\t\t}
  3601. \t\t\t});
  3602. \t\t</script>
  3604. \t\t<div id=\"produits-recommandes\" class=\"owl-carousel text-center carousel-product\">
  3605. \t\t\t\t\t
  3606. \t\t{% for produit in produit_recommander %}
  3607. \t\t\t{% if produit.ancienPrixProduit > 0 %}
  3608. \t\t\t\t{% set taux =  (produit.newprise - produit.ancienPrixProduit)/produit.ancienPrixProduit %}
  3609. \t\t\t{% else %}
  3610. \t\t\t\t{% set taux = 0 %}
  3611. \t\t\t{% endif %}
  3612. \t\t\t{% set taux = taux*100 %}
  3613. \t\t\t{% set img = produit.getBestProduit %}
  3615. \t\t  <div class=\"item-2\">
  3616. \t\t\t <div class=\"card2\">
  3617. \t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  3618. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  3619. \t\t\t\t   <h5 class=\"card-title\"><a href=\"{{ path('produit_produit_detail_produit_market', {'id': produit.id }) }}\">{{ produit.nom }}</a></h5>
  3620. \t\t\t\t   <p class=\"card-text\">{{ produit.description }}</p>
  3621. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  3622. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"{{ produit.id }}\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  3623. \t\t\t\t   </div>
  3624. \t\t\t\t</div>
  3625. \t\t\t </div>
  3626. \t\t  </div>
  3627. \t\t{% endfor %}
  3629. \t\t</div>
  3630. \t\t
  3631. \t\t<script type=\"text/javascript\">
  3632. \t\t\$('#produits-recommandes').owlCarousel({
  3633. \t\t\tloop:true,
  3634. \t\t\tmargin:15,
  3635. \t\t\tnav:true,
  3636. \t\t\tresponsive:{
  3637. \t\t\t\t0:{
  3638. \t\t\t\t\titems: 1
  3639. \t\t\t\t},
  3640. \t\t\t\t600:{
  3641. \t\t\t\t\titems: 3
  3642. \t\t\t\t},
  3643. \t\t\t\t1000:{
  3644. \t\t\t\t\titems: 4
  3645. \t\t\t\t}
  3646. \t\t\t},
  3647. \t\t\tnavText: [\"<img src='{{ asset('template/images/av8a49a4f81c3318dc69d.png') }}'/>\",\"<img src='{{ asset('template/images/avcc910c4ee5888b858fe.png') }}'/>\"]
  3648. \t\t});
  3649. \t\t</script>
  3650. \t\t
  3651. \t\t<div id=\"produits-enregistres\" class=\"owl-carousel text-center carousel-product\">
  3652. \t\t\t\t\t
  3653. \t\t{% for enregistrement in liste_enregistrement %}
  3654. \t\t{% set produit = enregistrement.produit %}
  3655. \t\t{% if produit.ancienPrixProduit > 0 %}
  3656. \t\t\t{% set taux =  (produit.newprise - produit.ancienPrixProduit)/produit.ancienPrixProduit %}
  3657. \t\t{% else %}
  3658. \t\t\t{% set taux = 0 %}
  3659. \t\t{% endif %}
  3660. \t\t{% set taux = taux*100 %}
  3661. \t\t{% set img = produit.getBestProduit %}
  3662. \t\t  <div class=\"item-2\">
  3663. \t\t\t <div class=\"card2\">
  3664. \t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  3665. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  3666. \t\t\t\t   <h5 class=\"card-title\"><a href=\"{{ path('produit_produit_detail_produit_market', {'id': produit.id }) }}\">{{ produit.nom }}</a></h5>
  3667. \t\t\t\t   <p class=\"card-text\">{{ produit.contenu }}</p>
  3668. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  3669. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"{{ produit.id }}\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  3670. \t\t\t\t   </div>
  3671. \t\t\t\t</div>
  3672. \t\t\t </div>
  3673. \t\t  </div>
  3674. \t\t{% endfor %}
  3676. \t\t</div>
  3677. \t\t
  3678. \t\t<script type=\"text/javascript\">
  3679. \t\t\$('#produits-enregistres').owlCarousel({
  3680. \t\t\tloop:true,
  3681. \t\t\tmargin:15,
  3682. \t\t\tnav:true,
  3683. \t\t\tresponsive:{
  3684. \t\t\t\t0:{
  3685. \t\t\t\t\titems: 1
  3686. \t\t\t\t},
  3687. \t\t\t\t600:{
  3688. \t\t\t\t\titems: 3
  3689. \t\t\t\t},
  3690. \t\t\t\t1000:{
  3691. \t\t\t\t\titems: 4
  3692. \t\t\t\t}
  3693. \t\t\t},
  3694. \t\t\tnavText: [\"<img src='{{ asset('template/images/av8a49a4f81c3318dc69d.png') }}'/>\",\"<img src='{{ asset('template/images/avcc910c4ee5888b858fe.png') }}'/>\"]
  3695. \t\t});
  3696. \t\t</script>
  3697.    
  3698. \t\t<div id=\"produits-nouveaux\" class=\"owl-carousel text-center carousel-product\">
  3699. \t\t\t\t\t
  3700. \t\t{% for i in range(1, 6) %}
  3701. \t\t  <div class=\"item-2\">
  3702. \t\t\t <div class=\"card2\">
  3703. \t\t\t\t<img src=\"https://consumer-img.huawei.com/content/dam/huawei-cbg-site/common/mkt/list-image/wearables/watch-gt/watch-gt-listimage-black.png\" class=\"card-img-top\" style=\"margin-bottom: -15px; position: relative; z-index: 1;\"/>
  3704. \t\t\t\t<div class=\"card-body\" style=\"position: relative; z-index: 2;\">
  3705. \t\t\t\t   <h5 class=\"card-title\">nouveaux</h5>
  3706. \t\t\t\t   <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  3707. \t\t\t\t   <div class=\"text-center\" style=\"margin-top: 7px;\">
  3708. \t\t\t\t\t<a href=\"#!\" class=\"open-modal-souscription-offert\" value=\"1\" name=\"0\"><button type=\"button\" class=\"button-hover\" name=\"button\"> Ajouter <span class=\"fa fa-plus\"></span></button></a>
  3709. \t\t\t\t   </div>
  3710. \t\t\t\t</div>
  3711. \t\t\t </div>
  3712. \t\t  </div>
  3713. \t\t{% endfor %}
  3715. \t\t</div>
  3716. \t\t
  3717. \t\t<script type=\"text/javascript\">
  3718. \t\t\$('#produits-nouveaux').owlCarousel({
  3719. \t\t\tloop:true,
  3720. \t\t\tmargin:15,
  3721. \t\t\tnav:true,
  3722. \t\t\tresponsive:{
  3723. \t\t\t\t0:{
  3724. \t\t\t\t\titems: 1
  3725. \t\t\t\t},
  3726. \t\t\t\t600:{
  3727. \t\t\t\t\titems: 3
  3728. \t\t\t\t},
  3729. \t\t\t\t1000:{
  3730. \t\t\t\t\titems: 4
  3731. \t\t\t\t}
  3732. \t\t\t},
  3733. \t\t\tnavText: [\"<img src='{{ asset('template/images/av8a49a4f81c3318dc69d.png') }}'/>\",\"<img src='{{ asset('template/images/avcc910c4ee5888b858fe.png') }}'/>\"]
  3734. \t\t});
  3735. \t\t</script>
  3736. \t\t
  3737. \t\t
  3738. \t   {#
  3739. \t\t<h2 class=\"tab-label\">Recommandations</h2>
  3740. \t\t<p style=\"margin: 0px; \">
  3741. \t\t<div class=\"row\" style=\"margin: 0px; \">
  3742. \t\t\t\t{% for produit in produit_recommander %}
  3743. \t\t\t\t{% if produit.ancienPrixProduit > 0 %}
  3744. \t\t\t\t\t{% set taux =  (produit.newprise - produit.ancienPrixProduit)/produit.ancienPrixProduit %}
  3745. \t\t\t\t{% else %}
  3746. \t\t\t\t\t{% set taux = 0 %}
  3747. \t\t\t\t{% endif %}
  3748. \t\t\t\t{% set taux = taux*100 %}
  3749. \t\t\t\t<div class=\"col-md-4 grid-margin grid-margin-md-0\">
  3750. \t\t\t\t  <a href=\"{{ path('produit_produit_detail_produit_market', {'id': produit.id }) }}\" class=\"card-view\" style=\"display: inline-block!important; text-decoration: none;\">
  3751. \t\t\t\t\t<div class=\"r-layout\">
  3752. \t\t\t\t\t\t<div class=\"r-img cm-sm\">
  3753. \t\t\t\t\t\t\t{% set img = produit.getBestProduit %}
  3754. \t\t\t\t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\">
  3756. \t\t\t\t\t\t</div>
  3757. \t\t\t\t\t\t<div class=\"r-content\">
  3758. \t\t\t\t\t\t  <div class=\"s-tag\"><span class=\"mdi-action-stars\"></span></div>
  3759. \t\t\t\t\t\t  <h4 class=\"title\">{{ produit.nom }}</h4>
  3760. \t\t\t\t\t\t  <p>
  3761. \t\t\t\t\t\t\t  {{ produit.souscategorie.nom }}
  3762. \t\t\t\t\t\t  </p>
  3763. \t\t\t\t\t\t  <div class=\"taglist\">
  3764. \t\t\t\t\t\t\t  <div class=\"tag\" style=\"text-decoration: line-through\">{{ produit.lastprise }}{{ devise }}</div>
  3765. \t\t\t\t\t\t\t  <div class=\"tag\">{{ produit.newprise }}{{ devise }}</div>
  3766. \t\t\t\t\t\t\t  <div class=\"tag\">NIRF</div>
  3767. \t\t\t\t\t\t  </div>
  3770. \t\t\t\t\t\t</div>
  3771. \t\t\t\t\t</div>
  3772. \t\t\t\t</a>
  3773. \t\t\t\t</div>
  3774. \t\t\t\t{% endfor %}
  3775. \t\t\t</div>
  3776. \t\t</p>
  3778. \t\t<h2 class=\"tab-label collapsed\">Mes enregistrements</h2>
  3779. \t\t<p>
  3780. \t\t\t<div class=\"row\" style=\"margin: 20px 0px; \">
  3781. \t\t\t\t{% for enregistrement in liste_enregistrement %}
  3782. \t\t\t\t{% set produit = enregistrement.produit %}
  3783. \t\t\t\t{% if produit.ancienPrixProduit > 0 %}
  3784. \t\t\t\t\t{% set taux =  (produit.newprise - produit.ancienPrixProduit)/produit.ancienPrixProduit %}
  3785. \t\t\t\t{% else %}
  3786. \t\t\t\t\t{% set taux = 0 %}
  3787. \t\t\t\t{% endif %}
  3788. \t\t\t\t{% set taux = taux*100 %}
  3789. \t\t\t\t<div class=\"col-md-4 grid-margin grid-margin-md-0\">
  3790. \t\t\t\t  <a href=\"{{ path('produit_produit_detail_produit_market', {'id': produit.id }) }}\" class=\"card-view\" style=\"display: inline-block!important; text-decoration: none;\">
  3791. \t\t\t\t\t<div class=\"r-layout\">
  3792. \t\t\t\t\t\t<div class=\"r-img cm-sm\">
  3793. \t\t\t\t\t\t\t{% set img = produit.getBestProduit %}
  3794. \t\t\t\t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\">
  3796. \t\t\t\t\t\t</div>
  3797. \t\t\t\t\t\t<div class=\"r-content\">
  3798. \t\t\t\t\t\t  <div class=\"s-tag\"><span class=\"mdi-action-stars\"></span></div>
  3799. \t\t\t\t\t\t  <h4 class=\"title\">{{ produit.nom }}</h4>
  3800. \t\t\t\t\t\t  <p>
  3801. \t\t\t\t\t\t\t  {{ produit.souscategorie.nom }}
  3802. \t\t\t\t\t\t  </p>
  3803. \t\t\t\t\t\t  <div class=\"taglist\">
  3804. \t\t\t\t\t\t\t  <div class=\"tag\" style=\"text-decoration: line-through\">{{ produit.lastprise }}{{ devise }}</div>
  3805. \t\t\t\t\t\t\t  <div class=\"tag\">{{ produit.newprise }}{{ devise }}</div>
  3806. \t\t\t\t\t\t\t  <div class=\"tag\">NIRF</div>
  3807. \t\t\t\t\t\t  </div>
  3809. \t\t\t\t\t\t  <p>
  3810. \t\t\t\t\t\t\t{{ produit.description }}
  3811. \t\t\t\t\t\t  </p>
  3812. \t\t\t\t\t\t  <p class=\"color-text\">
  3813. \t\t\t\t\t\t\t  {% if taux > 0 %}Augmentation de{% else %}Réduction de {% endif %}{{ taux|round }}% sur ce produit.
  3814. \t\t\t\t\t\t  </p>
  3817. \t\t\t\t\t\t</div>
  3818. \t\t\t\t\t</div>
  3819. \t\t\t\t</a>
  3820. \t\t\t\t</div>
  3821. \t\t\t\t{% endfor %}
  3822. \t\t\t</div>
  3823. \t\t</p>
  3825. \t\t<h2 class=\"tab-label collapsed\">Commandes en cours ...</h2>
  3826. \t\t<p>
  3827. \t\t\t<div class=\"row\" style=\"margin: 20px 0px; \">
  3828. \t\t\t\t<div class=\"col-md-4\">
  3829. \t\t\t\t  <div class=\"card-view\" style=\"min-height: 200px; padding: 15px; line-height: 15px; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);\">
  3830. \t\t\t\t\t  <div class=\"row\">
  3831. \t\t\t\t\t\t<div class=\"col-md-3\">
  3832. \t\t\t\t\t\t\t<img class=\"img-md rounded\" src=\"{{ asset('template/images/icons8-buying-100.png') }}\" alt=\"\" style=\"width: 100%;\"/>
  3833. \t\t\t\t\t\t</div>
  3834. \t\t\t\t\t\t<div class=\"col-md-9\">
  3835. \t\t\t\t\t\t  <h2 style=\"font-size: 20px;\">Etat de votre panier</h2>
  3836. \t\t\t\t\t\t  <div style=\"width: 100px; margin-top: 15px;\"><span class=\"tag\">{{ prod_panier|length }} produit(s)</span></div><br/>
  3837. \t\t\t\t\t\t  {% if prod_panier|length > 0 %}
  3838. \t\t\t\t\t\t  <a href=\"{{ path('produit_produit_reglement_commande_du_panier', {'id': oldpanier.id}) }}\" class=\"btn bg-struct\">Passer à la caisse</a>
  3839. \t\t\t\t\t\t  {% else %}
  3840. \t\t\t\t\t\t  <a href=\"{{ path('produit_produit_acceuil_sousdomaine_type_market_place') }}\" class=\"btn bg-struct\">Passer à la caisse</a>
  3841. \t\t\t\t\t\t  {% endif %}
  3842. \t\t\t\t\t\t</div>
  3843. \t\t\t\t\t  </div>
  3844. \t\t\t\t  </div>
  3845. \t\t\t\t</div>
  3847. \t\t\t\t{% for propan in prod_panier|slice(0,2) %}
  3848. \t\t\t\t{% if propan.produit.ancienPrixProduit > 0 %}
  3849. \t\t\t\t\t{% set taux =  (propan.produit.newprise - propan.produit.ancienPrixProduit)/propan.produit.ancienPrixProduit %}
  3850. \t\t\t\t{% else %}
  3851. \t\t\t\t\t{% set taux = 0 %}
  3852. \t\t\t\t{% endif %}
  3853. \t\t\t\t{% set taux = taux*100 %}
  3854. \t\t\t\t<div class=\"col-md-4 grid-margin grid-margin-md-0\">
  3855. \t\t\t\t  <a href=\"{{ path('produit_produit_detail_produit_market', {'id': propan.produit.id }) }}\" class=\"card-view\" style=\"display: inline-block!important; text-decoration: none;\">
  3856. \t\t\t\t\t<div class=\"r-layout\">
  3857. \t\t\t\t\t\t<div class=\"r-img cm-sm\">
  3858. \t\t\t\t\t\t\t{% set img = propan.produit.getBestProduit %}
  3859. \t\t\t\t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\">
  3861. \t\t\t\t\t\t</div>
  3862. \t\t\t\t\t\t<div class=\"r-content\">
  3863. \t\t\t\t\t\t  <div class=\"s-tag\"><span class=\"mdi-action-stars\"></span></div>
  3864. \t\t\t\t\t\t  <h4 class=\"title\">{{ propan.produit.nom }}</h4>
  3865. \t\t\t\t\t\t  <p>
  3866. \t\t\t\t\t\t\t  {{ propan.produit.souscategorie.nom }}
  3867. \t\t\t\t\t\t  </p>
  3868. \t\t\t\t\t\t  <div class=\"taglist\">
  3869. \t\t\t\t\t\t\t  <div class=\"tag\" style=\"text-decoration: line-through\">{{ propan.produit.lastprise }}{{ devise }}</div>
  3870. \t\t\t\t\t\t\t  <div class=\"tag\">{{ propan.produit.newprise }}{{ devise }}</div>
  3871. \t\t\t\t\t\t\t  <div class=\"tag\">NIRF</div>
  3872. \t\t\t\t\t\t  </div>
  3874. \t\t\t\t\t\t  <p>
  3875. \t\t\t\t\t\t\t{{ propan.produit.description }}
  3876. \t\t\t\t\t\t  </p>
  3877. \t\t\t\t\t\t  <p class=\"color-text\">
  3878. \t\t\t\t\t\t\t  {% if taux > 0 %}Augmentation de{% else %}Réduction de {% endif %}{{ taux|round }}% sur ce produit.
  3879. \t\t\t\t\t\t  </p>
  3880. \t\t\t\t\t\t</div>
  3881. \t\t\t\t\t</div>
  3882. \t\t\t\t</a>
  3883. \t\t\t\t</div>
  3884. \t\t\t\t{% endfor %}
  3886. \t\t\t</div>
  3887. \t\t</p>
  3888. \t\t
  3889. \t\t
  3890. \t\t  <h2>Votre partenaire idéal</h2>
  3891. \t\t  {% if aproposaccueil != null %}
  3892. \t\t\t<p>{{ aproposaccueil.valeur }} {% if aproposaccueil.link != null %}<a href=\"{{ aproposaccueil.link }}\" style=\"color: green;\">En savoir plus <span class=\"fa fa-angle-right\"></span></a>{% endif %}</p>
  3893. \t\t  {% else %}
  3894. \t\t\t<p>Aucun article trouvé pour cette section</p>
  3895. \t\t  {% endif %}
  3896. \t\t#}
  3898. \t</div>
  3900.   </div>
  3902.   </div>
  3903. </section>
  3906. <style>
  3907. .ux-card {
  3908. \t-webkit-box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
  3909. \tbox-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
  3910. \tmargin: 0 0 20px;
  3911. \tcolor: #444;
  3912. \tborder: 0;
  3913. \tborder-radius: 6px;
  3914. \tbackground: #fff;
  3915. \tcursor: pointer;
  3916. \ttext-align: center!important;
  3917. \theight: 400px!important;
  3918. \twidth: 100%;
  3919. }
  3920. .ux-card:hover{
  3921.   box-shadow: -10px -10px 25px 0px rgba(0,0,0,0.3);
  3922. }
  3925. /**
  3926.  * Helper Styles
  3927.  */
  3928. .ir {
  3929.   text-indent: 100%;
  3930.   white-space: nowrap;
  3931.   overflow: hidden;
  3932. }
  3934. /**
  3935.  * Gallery Styles
  3936.  * 1. Enable fluid images
  3937.  */
  3938. .gallery {
  3939.   overflow: hidden;
  3940. }
  3942. .gallery__hero {
  3943.   overflow: hidden;
  3944.   position: relative;
  3945.   padding: 2em;
  3946.   margin: 0 0 0.3333333333em;
  3947.   background: #fff;
  3948. }
  3949. .is-zoomed .gallery__hero {
  3950.   cursor: move;
  3951. }
  3952. .is-zoomed .gallery__hero img {
  3953.   max-width: none;
  3954.   position: absolute;
  3955.   z-index: 0;
  3956.   top: -50%;
  3957.   left: -50%;
  3958. }
  3960. .gallery__hero-enlarge {
  3961.   position: absolute;
  3962.   right: 0.5em;
  3963.   bottom: 0.5em;
  3964.   z-index: 1;
  3965.   width: 30px;
  3966.   height: 30px;
  3967.   opacity: 0.5;
  3968.   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  3969.   background-repeat: no-repeat;
  3970.   transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  3971. }
  3972. .gallery__hero-enlarge:hover {
  3973.   opacity: 1;
  3974. }
  3975. .is-zoomed .gallery__hero-enlarge {
  3976.   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6TTE0LjU5IDQ1LjM1NGMwLTE2Ljk2NCAxMy44LTMwLjc2NCAzMC43NTMtMzAuNzY0IDE2Ljk2NCAwIDMwLjc1MyAxMy44IDMwLjc1MyAzMC43NjQgMCAxNi45NTQtMTMuNzkgMzAuNzUzLTMwLjc1MyAzMC43NTMtMTYuOTUzIDAtMzAuNzUzLTEzLjgtMzAuNzUzLTMwLjc1M3pNNTguNzcyIDQ5LjYxSDMxLjkyYy0yLjM1NSAwLTQuMjYzLTEuOTA3LTQuMjYzLTQuMjZzMS45MDgtNC4yNjMgNC4yNjItNC4yNjNINTguNzdjMi4zNTQgMCA0LjI2MiAxLjkwOCA0LjI2MiA0LjI2MnMtMS45MSA0LjI2LTQuMjYyIDQuMjZ6Ii8+PC9zdmc+);
  3977. }
  3979. .gallery__thumbs {
  3980.   text-align: center;
  3981.   background: #fff;
  3982. }
  3983. .gallery__thumbs a {
  3984.   display: inline-block;
  3985.   width: 20%;
  3986.   padding: 0.5em;
  3987.   opacity: 0.75;
  3988.   transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  3989. }
  3990. .gallery__thumbs a:hover {
  3991.   opacity: 1;
  3992. }
  3993. .gallery__thumbs a.is-active {
  3994.   opacity: 0.2;
  3995. }
  3997. figure.snip1321{
  3998.   font-family: 'Raleway', Arial, sans-serif;
  3999.   position: relative;
  4000.   overflow: hidden;
  4001.   width: 100%;
  4002.   color: #000000;
  4003.   text-align: center;
  4004.   -webkit-perspective: 50em;
  4005.   perspective: 50em;
  4006. }
  4007. figure.snip1321 * {
  4008.   -webkit-box-sizing: padding-box;
  4009.   box-sizing: padding-box;
  4010.   -webkit-transition: all 0.2s ease-out;
  4011.   transition: all 0.2s ease-out;
  4012. }
  4013. figure.snip1321 img {
  4014.   max-width: 100%;
  4015.   vertical-align: top;
  4016. }
  4017. figure.snip1321 figcaption {
  4018.   top: 50%;
  4019.   left: 20px;
  4020.   right: 20px;
  4021.   position: absolute;
  4022.   opacity: 0;
  4023.   z-index: 1;
  4024. }
  4025. figure.snip1321 h2,
  4026. figure.snip1321 h4 {
  4027.   margin: 0;
  4028. }
  4029. figure.snip1321 h2 {
  4030.   font-weight: 600;
  4031. }
  4032. figure.snip1321 h4 {
  4033.   font-weight: 400;
  4034.   text-transform: uppercase;
  4035. }
  4036. figure.snip1321 i {
  4037.   font-size: 32px;
  4038. }
  4039. figure.snip1321:after {
  4040.   background-color: #ffffff;
  4041.   position: absolute;
  4042.   content: \"\";
  4043.   display: block;
  4044.   top: 20px;
  4045.   left: 20px;
  4046.   right: 20px;
  4047.   bottom: 20px;
  4048.   -webkit-transition: all 0.4s ease-in-out;
  4049.   transition: all 0.4s ease-in-out;
  4050.   -webkit-transform: rotateX(-90deg);
  4051.   transform: rotateX(-90deg);
  4052.   -webkit-transform-origin: 50% 50%;
  4053.   -ms-transform-origin: 50% 50%;
  4054.   transform-origin: 50% 50%;
  4055.   opacity: 0;
  4056. }
  4057. figure.snip1321 a {
  4058.   left: 0;
  4059.   right: 0;
  4060.   top: 0;
  4061.   bottom: 0;
  4062.   position: absolute;
  4063.   z-index: 1;
  4064. }
  4065. figure.snip1321:hover figcaption,
  4066. figure.snip1321.hover figcaption {
  4067.   -webkit-transform: translateY(-50%);
  4068.   transform: translateY(-50%);
  4069.   opacity: 1;
  4070.   -webkit-transition-delay: 0.2s;
  4071.   transition-delay: 0.2s;
  4072. }
  4073. figure.snip1321:hover:after,
  4074. figure.snip1321.hover:after {
  4075.   -webkit-transform: rotateX(0);
  4076.   transform: rotateX(0);
  4077.   opacity: 0.9;
  4078. }
  4079. .item{
  4080. \tbackground: #fff;
  4081. \tborder: 1px solid #fff;
  4082. }
  4083. .item:hover{
  4084. \tbackground: #f7f7f7;
  4085. \tcursor: pointer;
  4086. \tbox-shadow: 0 4px 10px -6px #0005;
  4087. \tborder: none;
  4088. }
  4089. </style>
  4091. <div style=\"background: #f5f7f8; padding-top: 20px;\">
  4092. <div class=\"container\">
  4094. <div class=\"row\" style=\"margin: 0px 0px 15px 0px; background: #fafafa;\">
  4095. <div class=\"col-md-12\">
  4096. \t<h3 class=\"breadcrumbs-title\">
  4097. \t Meilleures ventes {{ site }}
  4099. \t <a href=\"{{ path('produit_produit_acceuil_sousdomaine_type_market_place') }}\" class=\"flat-busness pull-right\" style=\"margin-top: -7px;\">Afficher plus</a>
  4100. \t</h3>
  4101. \t<hr>
  4102. </div>
  4104. <div class=\"col-md-12\">
  4105. <div  style=\"overflow: hidden; height: 500px;\">
  4106. <link rel=\"stylesheet\" href=\"{{ asset('template/carousel/css/style.css') }}\"/>
  4108. <div class=\"resCarousel\" data-items=\"1,3,4,4\" data-slide=\"1\" style=\"overflow: visible; padding-left: 0px; padding-right: 0px;\">
  4109. <div class=\"resCarousel-inner\">
  4111. {% for prod in top_produit %}
  4112. \t{% if prod.ancienPrixProduit > 0 %}
  4113. \t\t{% set taux =  (prod.newprise - prod.ancienPrixProduit)/prod.ancienPrixProduit %}
  4114. \t{% else %}
  4115. \t\t{% set taux = 0 %}
  4116. \t{% endif %}
  4117. \t{% set taux = taux*100 %}
  4119. \t<div class=\"item\">
  4120. \t\t<div style=\"background: #fff; margin-bottom: 5px; padding: 5px;\">
  4121. \t\t<h5><a href=\"{{ path('produit_produit_detail_produit_market', {'id': prod.id }) }}\">{{ prod.name(50) }}</a> </h5>
  4122. \t\t<div style=\"margin-top: 5px;\"><span style=\"text-decoration: line-through; font-size: 12px;\">{{ prod.ancienPrixProduit }}</span>{{ devise }} <span>{{ prod.newprise }}</span></div>
  4123. \t\t</div>
  4125. \t\t<div id=\"\" class=\"js-gallery gallery\" style=\"border: 1px solid #ddd;\">
  4126. \t\t<!--Gallery Hero-->
  4127. \t\t<div class=\"gallery__hero\">
  4128. \t\t\t<span style=\"background: yellow; color: green; padding: 5px; display: inline-block;\">{% if taux > 0 %}+{% else %}-{% endif %}{{ taux|round }}%</span>
  4129. \t\t\t<a href=\"#!\" class=\"btn bg-struct  open-modal-souscription-offert\" value=\"{{ prod.id }}\" name=\"0\" style=\"font-size: 10px; padding: 4px 7px!important; height: 25px; line-height: 15px; border-radius: 7px; float: right; text-transform: capitalize;\"><span class=\"mdi-action-add-shopping-cart\" style=\"font-size: 8px;\"></span> Ajouter</a>
  4130. \t\t\t<a href=\"{{ path('produit_produit_detail_produit_market', {'id': prod.id }) }}\" class=\"gallery__hero-enlarge ir\"></a>
  4131. \t\t    {% set img = prod.getBestProduit %}
  4132. \t\t    <img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" style=\"height: 200px;\">
  4133. \t\t</div>
  4135. \t\t<!--Gallery Hero-->
  4137. \t\t<!--Gallery Thumbs-->
  4138. \t\t<div class=\"gallery__thumbs\">
  4139. \t\t\t{% for imge in prod.imgproduits|slice(0,4) %}
  4140. \t\t\t<a href=\"{% if imge != null %}{{ asset(imge.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" data-gallery=\"thumb\" class=\"item-image-ca\">
  4141. \t\t\t  <img src=\"{% if imge != null %}{{ asset(imge.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" style=\"height: 40px; width: 40px;\">
  4142. \t\t\t</a>
  4143. \t\t\t{% endfor %}
  4144. \t\t</div>
  4146. \t\t<!--Gallery Thumbs-->
  4147. \t\t</div>
  4148. \t</div>
  4149. {% endfor %}
  4150. </div>
  4151. <button class=\"btn btn-default leftLst pull-left\" style=\"position: relative; margin-top: -250px; background: #fff; color: #333; padding: 0px;\"><i class=\"fa fa-fw fa-angle-left\"></i></button>
  4152. <button class=\"btn btn-default rightLst pull-right\" style=\"position: relative; margin-top: -250px; background: #fff; color: #333; padding: 0px;\"><i class=\"fa fa-fw fa-angle-right\"></i></button>
  4153. </div>
  4155. </div>
  4156. <script type=\"text/javascript\" src=\"{{ asset('template/carousel/js/main.js') }}\"></script>
  4157. </div>
  4159. </div>
  4160. </div>
  4161. </div>
  4164. <section style=\"padding-top: 20px;\">
  4165. <div class=\"container\">
  4166. <h3>Offres spéciales</h3>
  4167. <div class=\"kapsayici\">
  4168. <div class=\"row\">
  4170. {% for offre in liste_offre %}
  4171. \t<div class=\"col-md-4 panel-offer text-right\">
  4172. \t\t<div class=\"slid3\">
  4173. \t\t\t<!-- <span class=\"emoji\"><img src=\"{{ asset('template/images/smile.png') }}\"> <img src=\"{{ asset('template/images/hearteye.png') }}\"></span> -->
  4174. \t\t\t<a href=\"{% if offre.link != null %}{{ offre.link }}{% else %}{{ path('produit_produit_tous_produits_souscategorie_binplace_market', {'id': offre.projet.id, 'scat': offre.souscategorie.id }) }}{% endif %}\">
  4175. \t\t\t\t<div class=\"resim3\">
  4176. \t\t\t\t\t<img src=\"{% if offre.src != 'source' %}{{ asset(offre.getwebpath) }}{% else %}{{ asset('template/images/assistance-bg.jpg') }}{% endif %}\"/>
  4177. \t\t\t\t\t<h2>{{ offre.titre }}</h2>
  4178. \t\t\t\t\t<p>{{ offre.projet.name(30) }}</p>
  4179. \t\t\t\t</div>
  4180. \t\t\t</a>
  4181. \t\t</div>
  4182. \t</div>
  4183. {% else %}
  4184. \t<div class=\"col-md-12\">
  4185. \t\t<div class=\"text-center\" style=\"height: 400px; padding-top: 100px; background: #fff; display: block; width: 100%!important; border: 1px solid #f4f4f4; border-radius: 5px;\">
  4186. \t\t\t<span class=\"fa fa-frown-o\"></span> Aucune données disponible pour cette requête.</br>
  4187. \t\t\t<hr style=\"width: 100px; border-bottom: 1px solid red; display: inline-block;\">
  4188. \t\t</div>
  4189. \t</div>
  4190. {% endfor %}
  4192. </div>
  4193. </div>
  4194. </div>
  4195. </section>
  4198. <style>
  4199. .owl-theme .owl-nav {
  4200.     text-align: center;
  4201.     -webkit-tap-highlight-color: transparent;
  4202.     position: absolute;
  4203.     top: -40px;
  4204.     right: 0px;
  4205. }
  4206. </style>
  4208. <section style=\"position: sticky;\">
  4209. <div class=\"container\" style=\"margin-bottom: -20px;\">
  4210. \t<div class=\"row\">
  4211. \t\t<div class=\"col-md-12\">
  4212. \t\t\t<div class=\"text-left\" style=\"margin-bottom: -10px;margin-top: 20px;\">
  4213. \t\t\t\t<h2>Appréciés en ce moment</h2>
  4214. \t\t\t\t<p>Consultez les produits les plus appréciés en ce moment dans notre plateforme</p>
  4215. \t\t\t</div>
  4216. \t\t</div>
  4217. \t</div>
  4219. \t<div class=\"row\">
  4220. \t\t<div class=\"col-md-12\">
  4221. \t\t\t<div class=\"owl-carousel staff-list\" style=\"padding-top: 10px;\">
  4222. \t\t\t\t{% for produit in top_produit %}
  4223. \t\t\t\t\t{% include 'Theme/Produit/Produit/Produit/slideproduitdescript.html.twig' %}
  4224. \t\t\t\t{% endfor %}
  4225. \t\t\t</div>
  4226. \t\t</div>
  4227. \t</div>
  4230. \t<script type=\"text/javascript\">
  4231. \t\$(document).ready(function(){
  4232. \t  \$(\".staff-list\").owlCarousel({
  4233. \t\t  items:4,
  4234. \t\t  autoplay:false,
  4235. \t\t  margin:30,
  4236. \t\t  loop:true,
  4237. \t\t  nav:true,
  4238. \t\t  responsive:{
  4239. \t\t\t0:{
  4240. \t\t\t\titems:1,
  4241. \t\t\t\tnav:true
  4242. \t\t\t},
  4243. \t\t\t600:{
  4244. \t\t\t\titems:3,
  4245. \t\t\t\tnav:false
  4246. \t\t\t},
  4247. \t\t\t1000:{
  4248. \t\t\t\titems:4,
  4249. \t\t\t\tnav:true,
  4250. \t\t\t\tloop:false
  4251. \t\t\t}
  4252. \t\t  },
  4253. \t\t  navText:[\"<i class='fa fa-arrow-left'></i>\",\"<i class='fa fa-arrow-right'></i>\" ]
  4255. \t  });
  4256. \t});
  4257. \t</script>
  4258. </div>
  4259. </section>
  4262. <style>
  4265. figure.snip1321{
  4266.   font-family: 'Raleway', Arial, sans-serif;
  4267.   position: relative;
  4268.   overflow: hidden;
  4269.   width: 100%;
  4270.   color: #000000;
  4271.   text-align: center;
  4272.   -webkit-perspective: 50em;
  4273.   perspective: 50em;
  4274. }
  4275. figure.snip1321 * {
  4276.   -webkit-box-sizing: padding-box;
  4277.   box-sizing: padding-box;
  4278.   -webkit-transition: all 0.2s ease-out;
  4279.   transition: all 0.2s ease-out;
  4280. }
  4281. figure.snip1321 img {
  4282.   max-width: 100%;
  4283.   vertical-align: top;
  4284. }
  4285. figure.snip1321 figcaption {
  4286.   top: 50%;
  4287.   left: 20px;
  4288.   right: 20px;
  4289.   position: absolute;
  4290.   opacity: 0;
  4291.   z-index: 1;
  4292. }
  4293. figure.snip1321 h2,
  4294. figure.snip1321 h4 {
  4295.   margin: 0;
  4296. }
  4297. figure.snip1321 h2 {
  4298.   font-weight: 600;
  4299. }
  4300. figure.snip1321 h4 {
  4301.   font-weight: 400;
  4302.   text-transform: uppercase;
  4303. }
  4304. figure.snip1321 i {
  4305.   font-size: 32px;
  4306. }
  4307. figure.snip1321:after {
  4308.   background-color: #ffffff;
  4309.   position: absolute;
  4310.   content: \"\";
  4311.   display: block;
  4312.   top: 20px;
  4313.   left: 20px;
  4314.   right: 20px;
  4315.   bottom: 20px;
  4316.   -webkit-transition: all 0.4s ease-in-out;
  4317.   transition: all 0.4s ease-in-out;
  4318.   -webkit-transform: rotateX(-90deg);
  4319.   transform: rotateX(-90deg);
  4320.   -webkit-transform-origin: 50% 50%;
  4321.   -ms-transform-origin: 50% 50%;
  4322.   transform-origin: 50% 50%;
  4323.   opacity: 0;
  4324. }
  4325. figure.snip1321 a {
  4326.   left: 0;
  4327.   right: 0;
  4328.   top: 0;
  4329.   bottom: 0;
  4330.   position: absolute;
  4331.   z-index: 1;
  4332. }
  4333. figure.snip1321:hover figcaption,
  4334. figure.snip1321.hover figcaption {
  4335.   -webkit-transform: translateY(-50%);
  4336.   transform: translateY(-50%);
  4337.   opacity: 1;
  4338.   -webkit-transition-delay: 0.2s;
  4339.   transition-delay: 0.2s;
  4340. }
  4341. figure.snip1321:hover:after,
  4342. figure.snip1321.hover:after {
  4343.   -webkit-transform: rotateX(0);
  4344.   transform: rotateX(0);
  4345.   opacity: 0.9;
  4346. }
  4347. .item{
  4348. \tbackground: #fff;
  4349. \tborder: 1px solid #fff;
  4350. }
  4351. .item:hover{
  4352. \tborder: 1px solid #ddd;
  4353. \tbackground: #f7f7f7;
  4354. \tcursor: pointer;
  4355. }
  4356. </style>
  4359. <section style=\"background: #f4f4f4; padding: 20px 0px;\">
  4360. <div class=\"container\">
  4361. <div class=\"row\" style=\"background: #fafafa; padding: 15px 0px;\">
  4362. <div class=\"col-md-12\">
  4363. \t<h3 class=\"breadcrumbs-title\">
  4364. \t Catalogue {{ site }}
  4365. \t 
  4366. \t <a href=\"{{ path('produit_produit_catalogue_produits') }}\" class=\"flat-busness\" style=\"margin-top: -7px; float: right;\">Afficher plus</a>
  4367. \t</h3>
  4368. \t<hr style=\"margin: 0px; \"/>
  4369. </div>
  4371. {% for scat in top_scat|slice(0,8) %}
  4372. <div class=\"col-md-3\" style=\"border-top: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; padding-top: 7px; padding-bottom: 7px;\">
  4373. \t<a href=\"{{ path('produit_produit_acceuil_sousdomaine_type_market_place', {'idscat': scat.id }) }}\" style=\"display: block;\">
  4374. \t<figure class=\"snip1321\">
  4375. \t\t<div style=\"text-align: center;\">
  4376. \t\t\t<img src=\"{% if scat.src != null %}{{ asset(scat.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" alt=\"sq-sample26\" style=\"height: 150px; max-width: 100%;\"/>
  4377. \t\t</div>
  4378. \t  <figcaption><i class=\"ion-upload\"></i>
  4379. \t\t<div>{{ scat.nbproduit }}</div>
  4380. \t\t<div>Produits</div>
  4381. \t  </figcaption>
  4382. \t</figure>
  4383. \t<div style=\"text-align: center; margin-top: -10px; text-decoration: underline;\">
  4384. \t\t{{ scat.nom }}
  4385. \t</div>
  4386. \t</a>
  4387. </div>
  4388. {% endfor %}
  4391. </div>
  4392. </div>
  4393. </section>
  4396. <style>
  4397. \t/*** START BS OVERRIDES ***/
  4398. \t.features {
  4399. \t  padding: 50px 0;
  4400. \t}
  4401. \t.features.light-brown {
  4402. \t  background-color: #fff;
  4403. \t  padding: 7px;
  4404. \t}
  4405. \t.features h2.section-title {
  4406. \t  color: #333333;
  4407. \t  font-size: 22px;
  4408. \t  margin: 0;
  4409. \t  text-align: center;
  4410. \t}
  4411. \t.features .v-tabs .v-tab-head a,
  4412. \t.features .v-tabs a.v-tab-head {
  4413. \t  color: #292929;
  4414. \t  cursor: pointer;
  4415. \t  display: block;
  4416. \t  padding: 15px 30px 15px 15px;
  4417. \t  border-right: 1px solid #33cc66;
  4418. \t  margin: 0;
  4419. \t  text-align: right;
  4420. \t  font: 20px \"Raleway\", \"franklin-gothic-urw\", \"Helvectica Neue\", helvetica, clean, sans-serif;
  4421. \t}
  4422. \t.features .v-tabs .v-tab-head a.active, .features .v-tabs .v-tab-head a:hover,
  4423. \t.features .v-tabs a.v-tab-head.active,
  4424. \t.features .v-tabs a.v-tab-head:hover {
  4425. \t  font-weight: bold;
  4426. \t  text-decoration: none;
  4427. \t}
  4428. \t.features .v-tabs .v-tab-head a {
  4429. \t  position: relative;
  4430. \t  display: block;
  4431. \t}
  4432. \t.features .v-tabs .v-tab-head a.active::after, .features .v-tabs .v-tab-head a.active::before {
  4433. \t  content: \"\";
  4434. \t  border-style: solid;
  4435. \t  border-width: 15px;
  4436. \t  position: absolute;
  4437. \t  right: 0;
  4438. \t  top: 15px;
  4439. \t  transform: rotate(90deg);
  4440. \t  -ms-transform: rotate(90deg);
  4441. \t  -webkit-transform: rotate(90deg);
  4442. \t  -o-transform: rotate(90deg);
  4443. \t  -moz-transform: rotate(90deg);
  4444. \t}
  4445. \t.features .v-tabs .v-tab-head a.active::before {
  4446. \t  border-color: #3fcf6e transparent transparent;
  4447. \t}
  4448. \t.features .v-tabs .v-tab-head a.active::after {
  4449. \t  margin-right: -1px;
  4450. \t  border-color: #faf8f5 transparent transparent;
  4451. \t}
  4452. \t.features .v-tabs a.v-tab-head {
  4453. \t  border: none;
  4454. \t  padding: 15px 0;
  4455. \t  text-align: left;
  4456. \t  position: relative;
  4457. \t}
  4458. \t.features .v-tabs a.v-tab-head:after {
  4459. \t  color: #e2dcd6;
  4460. \t  content: \"\\f054\";
  4461. \t  font-family: FontAwesome;
  4462. \t  position: absolute;
  4463. \t  right: 10px;
  4464. \t  top: 50%;
  4465. \t  transform: translateY(-50%);
  4466. \t  -webkit-transform: translateY(-50%);
  4467. \t  -moz-transform: translateY(-50%);
  4468. \t  -o-transform: translateY(-50%);
  4469. \t}
  4470. \t.features .v-tabs a.v-tab-head.active::after {
  4471. \t  color: #3c6;
  4472. \t  content: \"\\f078\";
  4473. \t}
  4474. \t.features .v-tabs .v-tab-pane {
  4475. \t  padding: 0 15px;
  4476. \t}
  4477. \t.features .v-tabs .v-tab-pane ul {
  4478. \t  list-style: outside none none;
  4479. \t  margin: 0;
  4480. \t  padding: 0;
  4481. \t}
  4482. \t.features .v-tabs .v-tab-pane ul li {
  4483. \t  border-bottom: 1px solid #e2dcd6;
  4484. \t  color: #292929;
  4485. \t  font-size: 16px;
  4486. \t  padding: 15px 0;
  4487. \t}
  4488. \t.features .v-tabs .v-tab-pane ul li i {
  4489. \t  color: #4c81b6;
  4490. \t  cursor: pointer;
  4491. \t  font-size: 14px;
  4492. \t}
  4493. \t.features .v-tabs .v-tab-pane .in {
  4494. \t  border-top: none;
  4495. \t  padding-top: 0;
  4496. \t}
  4497. \t.features .v-tabs .v-tab-pane .popover {
  4498. \t  border: 1px solid #014d7e !important;
  4499. \t  border-radius: 0;
  4500. \t  width: auto;
  4501. \t  margin: 10px 0 0 0;
  4502. \t  max-width: 276px;
  4503. \t  left: auto;
  4504. \t  box-shadow: none;
  4505. \t}
  4506. \t.features .v-tabs .v-tab-pane .popover.bottom .arrow {
  4507. \t  border-bottom-color: #014d7e;
  4508. \t}
  4509. \t.features .v-tabs .v-tab-pane .popover .popover-content {
  4510. \t  font-size: 14px;
  4511. \t  padding: 15px;
  4512. \t  text-align: center;
  4513. \t}
  4515. \t@media screen and (max-width: 768px) {
  4516. \t  .features.light-brown {
  4517. \t\tborder-top: 0 none;
  4518. \t  }
  4519. \t  .features h2.section-title {
  4520. \t\tfont-size: 32px;
  4521. \t  }
  4522. \t  .features .v-tabs .v-tab-pane .in {
  4523. \t\tborder-top: 1px solid #ddd;
  4524. \t\tborder-bottom: 2px solid #ddd;
  4525. \t  }
  4526. \t  .features .popover {
  4527. \t\tmargin: 10px 5% 0;
  4528. \t\tmax-width: none;
  4529. \t\twidth: 90%;
  4530. \t  }
  4531. \t}
  4533. </style>
  4534. \t
  4535. <link rel=\"stylesheet\" href=\"{{ asset('template/css/bootstrap-3-3-7.css') }}\" />\t
  4536. \t<section class=\"benefits-section\">
  4537. \t<div class=\"container light-brown features\" id=\"features\">
  4539. \t\t<div class=\"row\">
  4540. \t\t  <div class=\"col-xs-12 col-md-12 text-center\" style=\"margin-top: 15px;\">
  4541. \t\t\t<h4 style=\"display: block!important; width: 100%;\"> Produits et points de livraison </h4>
  4542. \t\t\t<p style=\"display: block;\"> Découvrez nos zones d'exercice et les coûts de livraison dans ces localités. </p>
  4543. \t\t  </div>
  4544. \t\t</div>
  4545. \t\t
  4546. \t\t<div class=\"row v-tabs\" style=\"padding: 15px 0px!important; margin: 15px!important -15px!important; border-radius: 5px;\">
  4547. \t\t<div class=\"col-md-4\">
  4548. \t\t\t
  4549. \t\t\t<div class=\"text-inner\" style=\"height: 510px; margin-top: 15px;\">
  4550. \t\t\t\t<ul class=\"newstickerprod\" style=\"height: 450px; bottom: 0px;\">
  4551. \t\t\t\t\t{% for livraison in points_livraison|slice(0,4) %}
  4552. \t\t\t\t\t\t{% set img = livraison.produitboutique.produit.getBestProduit %}
  4553. \t\t\t\t\t\t<li class=\"box-slide-top\">
  4554. \t\t\t\t\t\t\t<a href=\"{{ path('produit_produit_detail_produit_market', {'id': livraison.produitboutique.produit.id }) }}\" style=\"display: inline-block!important; height: 100%!important; width: 100%!important; position: sticky;\">
  4555. \t\t\t\t\t\t\t<div class=\"row\" style=\"padding: 4px 2px;\">
  4556. \t\t\t\t\t\t\t\t<div style=\"width: 35%!important; padding: 0px 7px;\">
  4557. \t\t\t\t\t\t\t\t\t<img src=\"{% if img != null %}{{ asset(img.getwebpath) }}{% else %}{{ asset('template/images/test.png') }}{% endif %}\" style=\"height: 90%!important; width: 100%!important; display: inline-block;\"/>
  4558. \t\t\t\t\t\t\t\t</div>
  4559. \t\t\t\t\t\t\t\t<div style=\"width: 65%!important; padding: 0px 7px;\">
  4560. \t\t\t\t\t\t\t\t\t<strong class=\"coustom-my-text\" style=\"display: block;\">{% if livraison.produitboutique.nom  != null %}{{ livraison.produitboutique.nom }}{% else %}{{ livraison.produitboutique.produit.nom }}{% endif %}</strong>
  4561. \t\t\t\t\t\t\t\t\t<strong>{% if livraison.produitboutique.newprise  != null %}{{ livraison.produitboutique.newprise }}{% else %}{{ livraison.produitboutique.produit.newprise }}{% endif %}{{ devise }}</strong> - Livraison: {{ livraison.montant }} {{ devise }}<br/>
  4562. \t\t\t\t\t\t\t\t\t{% if livraison.ville != null %}{{ livraison.ville.nom }} <span class=\"fa fa-angle-right\"></span> {% endif %}{{ livraison.quartiertext }}
  4563. \t\t\t\t\t\t\t\t</div>
  4564. \t\t\t\t\t\t\t</div>
  4565. \t\t\t\t\t\t\t<span style=\"position: absolute; right: 7px; bottom: 15px; padding: 2px; border-radius: 5px; background: #f4f4f4;\">Consulter</span>
  4566. \t\t\t\t\t\t\t</a>
  4567. \t\t\t\t\t\t</li>
  4568. \t\t\t\t\t{% endfor %}
  4569. \t\t\t\t</ul>
  4570. \t\t\t</div>
  4571. \t\t</div>
  4572. \t\t<div class=\"col-sm-3 v-tab-head hidden-xs\">
  4573. \t\t  {% for ville in liste_ville %}
  4574. \t\t\t<a class=\"v-tab-link text-left {% if loop.first %}active{% endif %}\" data-target=\"#coreFeatures-service-{{ ville.id }}\"> 
  4575. \t\t\t\t<img src=\"{% if ville.src != null %}{{ asset(ville.getwebpath) }}{% else %}{{ asset('template/images/logomarket.png') }}{% endif %}\" alt=\"\" class=\"img-thumbnail\" style=\"height: 40px; float: left; margin-right: 7px;\"/>
  4576. \t\t\t\t{{ ville.nom }} 
  4577. \t\t\t\t<div style=\"font-size: 12px; font-weight: normal;\">{% if ville.pays != null %}{{ ville.pays.nom }}{% else %}Pays non indiqué{% endif %}</div>
  4578. \t\t\t</a>
  4579. \t\t  {% endfor %}
  4580. \t\t</div>
  4581. \t\t  
  4582. \t\t<div class=\"col-sm-5 v-tab-pane\">
  4583. \t\t\t{% for ville in liste_ville %}
  4584. \t\t\t<a class=\"v-tab-head v-tab-link visible-xs {% if loop.first %}active{% endif %}\" data-target=\"#coreFeatures-service-{{ ville.id }}\">
  4585. \t\t\t\t{{ ville.nom }}
  4586. \t\t\t</a>
  4587. \t\t\t<div id=\"coreFeatures-service-{{ ville.id }}\" class=\"collapse fade {% if loop.first %}in{% endif %}\">
  4588. \t\t\t  <ul>
  4589. \t\t\t\t{% for livraison in ville.coutlivraisons|slice(0,9) %}
  4590. \t\t\t\t\t<li> {{ livraison.produitboutique.produit.nom }} <i data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"{{ livraison.produitboutique.produit.nom }}\" class=\"fa fa-question-circle\" data-original-title=\"\" title=\"\"></i><a class=\"pull-right\"  href=\"{{ path('produit_produit_detail_produit_market', {'id': livraison.produitboutique.produit.id }) }}\">Consulter</a></li>
  4591. \t\t\t\t{% endfor %}
  4592. \t\t\t  </ul>
  4593. \t\t\t</div>
  4594. \t\t\t{% endfor %}
  4595. \t\t\t
  4596. \t\t</div>
  4598. \t\t</div>
  4599. \t\t
  4600. \t\t<div class=\"row\">
  4601. \t\t\t<div class=\"col-md-12 text-center\">
  4602. \t\t\t
  4603. \t\t\t\t<div style=\"display:flex; justify-content: center; margin-top: 5px; margin-bottom: 20px;\">
  4604. \t\t\t\t\t<a href=\"{{ path('produit_produit_localisation_popular_points') }}\"><button type=\"button\" class=\"button-hover\" name=\"button\">Liste complète <span class=\"fa fa-angle-right\"></span></button></a>
  4605. \t\t\t\t</div>
  4606. \t\t
  4607. \t\t\t</div>
  4608. \t\t</div>
  4611. \t<script type=\"text/javascript\">
  4613. \t\t\$(document).ready(function() {
  4615. \t\t  \$('[data-toggle=\"popover\"]').popover({trigger: 'click'});
  4617. \t\t  \$('.v-tab-head .v-tab-link').mouseover(tabHandler);
  4618. \t\t  \$('.v-tab-head.v-tab-link').click(tabHandler);
  4620. \t\t});
  4622. \t\tvar tabHandler = function(e) {
  4623. \t\t  e.preventDefault();
  4625. \t\t  var target = \$(\$(this).data('target')),
  4626. \t\t\t  tabLink = \$('.v-tab-link[data-target=\"' + \$(this).data('target') + '\"]');
  4627. \t\t  
  4628. \t\t  tabPanelToShow(tabLink);
  4629. \t\t  tabLinkToActivate(target);
  4630. \t\t  
  4631. \t\t};
  4633. \t\tvar tabPanelToShow = function(elem) {
  4634. \t\t  \$('.v-tab-link').removeClass('active').parent().find(elem).addClass('active');
  4635. \t\t};
  4637. \t\tvar tabLinkToActivate = function(elem) {
  4638. \t\t  \$('.v-tab-pane').children('div').removeClass('in').parent().find(elem).addClass('in');
  4639. \t\t};
  4641. \t</script>
  4642. \t</div>
  4643. \t</section>
  4646. <style>
  4647. .card-code {
  4648. \tposition: relative;
  4649. \tcursor: pointer;
  4650. \theight: 170px;
  4651. \tbackground: url(\"https://image.freepik.com/free-vector/colorful-gradient-liquid-shapes-background_23-2148250143.jpg\"),
  4652. \t\t#ffffff;
  4653. \tbackground-position: center;
  4654. \tbackground-repeat: no-repeat;
  4655. \tbackground-size: cover;
  4656. \tborder-radius: 25px;
  4657. \tmargin: 10px;
  4658. \ttransition: 0.25s ease-in;
  4659. }
  4661. .card-code .overlay-code {
  4662. \tposition: absolute;
  4663. \ttop: 0;
  4664. \tbottom: 0;
  4665. \twidth: 100%;
  4666. \theight: 170px;
  4667. \tbackground: linear-gradient(
  4668. \t\t120.55deg,
  4669. \t\trgba(39, 39, 39, 0.38) 0%,
  4670. \t\trgba(39, 39, 39, 0.2394) 100%
  4671. \t);
  4672. \tborder-radius: 25px;
  4673. }
  4675. .card-code .content-code {
  4676. \tposition: absolute;
  4677. \tbottom: 10px;
  4678. \tleft: 25px;
  4679. }
  4681. .card-code .content-code h4 {
  4682. \tfont-family: Ubuntu;
  4683. \tfont-style: normal;
  4684. \tfont-weight: bold;
  4685. \tfont-size: 18px;
  4686. \tcolor: #f2f2f2;
  4687. \tmargin-bottom: 10px;
  4688. \tmargin-top: 0;
  4689. }
  4691. .card-code .content-code h6 {
  4692. \tfont-family: Ubuntu;
  4693. \tfont-style: normal;
  4694. \tfont-weight: 500;
  4695. \tfont-size: 14px;
  4696. \tcolor: #f2f2f2;
  4697. \tmargin-bottom: 10px;
  4698. \tmargin-top: 0;
  4699. }
  4701. .card-code .fav {
  4702. \tposition: absolute;
  4703. \ttop: 25px;
  4704. \tright: 25px;
  4705. \tcursor: pointer;
  4706. }
  4708. .card-code .fav i {
  4709. \tcolor: white;
  4710. }
  4712. .card-code:hover {
  4713. \ttransform: scale(1.05);
  4714. }
  4716. .card-code:hover {
  4717. \tbackground-position: top;
  4718. }
  4720. </style>
  4722. <section style=\"padding: 20px 0px; margin-bottom: 15px;\">
  4723. <div class=\"container\">
  4725. \t<div style=\"background: #f4f4f4; padding: 15px; border-radius: 7px;\">
  4726. \t\t{% if aproposaccueil != null %}
  4727. \t\t\t<h5>{{ aproposaccueil.valeur }}</h5>
  4728. \t\t\t
  4729. \t\t\t<div>
  4730. \t\t\t\t{{ aproposaccueil.link|raw }}
  4731. \t\t\t</div>
  4732. \t\t{% else %}
  4733. \t\t\t<h2>À propos {{ site }}</h2>
  4734. \t\t{% endif %}
  4735. \t</div>
  4737. </div>
  4738. </section>
  4740. {#
  4741. <section style=\"margin: 15px 0px 30px 0px;\">
  4742. <div class=\"container\">
  4743. \t<h3>Coupons de réductions</h3>
  4744. \t<div class=\"row\">
  4745. \t\t{% for i in range(1,6) %}
  4746. \t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  4747. \t\t\t<div class=\"card-code\">
  4748. \t\t\t\t<div style=\"font-size: 20px; position: absolute; top: 15px; left: 15px; color: #fff;\">-25000 XAF</div>
  4749. \t\t\t\t<div class=\"overlay-code\"></div>
  4750. \t\t\t\t<div class=\"content-code\">
  4751. \t\t\t\t\t<h4>UI DESIGN COURSE</h4>
  4752. \t\t\t\t\t<h6>4 Réservations | 13 Places</h6>
  4753. \t\t\t\t</div>
  4754. \t\t\t\t<div class=\"fav\">
  4755. \t\t\t\t\t<i class=\"fa fa-heart\"></i>
  4756. \t\t\t\t</div>
  4757. \t\t\t</div>
  4758. \t\t</div>
  4759. \t\t{% endfor %}
  4760. \t</div>
  4761. </div>
  4762. </section>
  4763. #}
  4765. <script type=\"text/javascript\">
  4766. var App = (function () {
  4768.   //=== Use Strict ===//
  4769.   'use strict';
  4771.   //=== Private Variables ===//
  4772.   var gallery = \$('.js-gallery');
  4774.   //=== Gallery Object ===//
  4775.   var Gallery = {
  4776.     zoom: function(imgContainer, img) {
  4777.       var containerHeight = imgContainer.outerHeight(),
  4778.       src = img.attr('src');
  4780.       if ( src.indexOf('/products/normal/') != -1 ) {
  4781.         // Set height of container
  4782.         imgContainer.css( \"height\", containerHeight );
  4784.         // Switch hero image src with large version
  4785.         img.attr('src', src.replace('/products/normal/', '/products/zoom/') );
  4787.         // Add zoomed class to gallery container
  4788.         gallery.addClass('is-zoomed');
  4790.         // Enable image to be draggable
  4791.         img.draggable({
  4792.           drag: function( event, ui ) {
  4793.             ui.position.left = Math.min( 100, ui.position.left );
  4794.             ui.position.top = Math.min( 100, ui.position.top );
  4795.           }
  4796.         });
  4797.       } else {
  4798.         // Ensure height of container fits image
  4799.         imgContainer.css( \"height\", \"auto\" );
  4801.         // Switch hero image src with normal version
  4802.         img.attr('src', src.replace('/products/zoom/', '/products/normal/') );
  4804.         // Remove zoomed class to gallery container
  4805.         gallery.removeClass('is-zoomed');
  4806.       }
  4807.     },
  4808.     switch: function(trigger, imgContainer) {
  4809.       var src = trigger.attr('href'),
  4810.       thumbs = trigger.siblings(),
  4811. \t\t\timg = trigger.parent().prev().children();
  4813.       // Add active class to thumb
  4814.       trigger.addClass('is-active');
  4816.       // Remove active class from thumbs
  4817.       thumbs.each(function() {
  4818.         if( \$(this).hasClass('is-active') ) {
  4819.           \$(this).removeClass('is-active');
  4820.         }
  4821.       });
  4823.       // Reset container if in zoom state
  4824.       if ( gallery.hasClass('is-zoomed') ) {
  4825.         gallery.removeClass('is-zoomed');
  4826.         imgContainer.css( \"height\", \"auto\" );
  4827.       }
  4829.       // Switch image source
  4830.       img.attr('src', src);
  4831.     }
  4832.   };
  4834.   //=== Public Methods ===//
  4835.   function init() {
  4837.     // Listen for clicks on anchors within gallery
  4838.     gallery.delegate('.item-image-ca', 'click', function(event) {
  4839.       var trigger = \$(this);
  4840.       var triggerData = trigger.data(\"gallery\");
  4842.       if ( triggerData === 'zoom') {
  4843.         var imgContainer = trigger.parent(),
  4844.         img = trigger.siblings();
  4845.         Gallery.zoom(imgContainer, img);
  4846.       } else if ( triggerData === 'thumb') {
  4847.         var imgContainer = trigger.parent().siblings();
  4848.         Gallery.switch(trigger, imgContainer);
  4849.       } else {
  4850.         return;
  4851.       }
  4853.       event.preventDefault();
  4854.     });
  4856.   }
  4858.   //=== Make Methods Public ===//
  4859.   return {
  4860.     init: init
  4861.   };
  4863. })();
  4865. App.init();
  4866. </script>
  4867. {% endblock %}
  4869. {% block javascripttemplate %}
  4871. \$(function(){
  4872. {% for infos in app.session.flashbag.get('information') %}
  4873. {% if loop.first %}
  4874. \tresetNotif();
  4875. \talertify.alert(\"{{ infos }}\");
  4876. {% endif %}
  4877. {% endfor %}
  4879. \$('.open-modal-souscription-offert').click(function(){
  4880. \t\$('#modal-souscription-offert').modal('show');
  4881. \tvar id = \$(this).attr('value');
  4882. \tif(\$(this).attr('name') == 0)
  4883. \t{
  4884. \t\$(this).attr('name', 1);
  4885. \t\$('.wait-chargement-content-module').show();
  4886. \t\$('.content-module-loading').hide();
  4887. \t\$.post('{{ path('produit_produit_personnaliser_produit_pour_commande') }}',{id: id}, function(data){
  4888. \t\t\$('.wait-chargement-content-module').hide();
  4889. \t\t\$('.content-module-loading').html(data);
  4890. \t\t\$('.content-module-loading').show();
  4891. \t\t\$('.open-modal-souscription-offert').attr('name', 0);
  4892. \t});
  4893. \t}
  4894. });
  4896. });
  4897. {% endblock %}
  4898. ", "Theme/Users/User/Security/accueilsite.html.twig", "/home/afhunt/domains/mbill.afhunt.com/public_html/market/templates/Theme/Users/User/Security/accueilsite.html.twig");
  4899.     }
  4900. }