<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* mahardhi/template/extension/module/carousel.twig */
class __TwigTemplate_61b9360c3c233ac1f9692307958940afe5931affc4bd0cff2f1b9a11a1dd7286 extends \Twig\Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 1
        echo "<div class=\"box carousel brand mt-50\">
\t<div class=\"container\">\t
\t\t<div class=\"page-title hidden\">
\t\t\t<h3>";
        // line 4
        echo ($context["heading_title"] ?? null);
        echo "</h3>
\t\t</div>\t
\t\t<div class=\"swiper-viewport\">
\t\t\t<div id=\"carousel";
        // line 7
        echo ($context["module"] ?? null);
        echo "\" class=\"swiper-container\">
\t\t\t\t<div class=\"swiper-wrapper\">
\t\t\t\t\t";
        // line 9
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["banners"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["banner"]) {
            // line 10
            echo "\t\t\t\t\t\t<div class=\"swiper-slide col-sm-12\">
\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t";
            // line 12
            if (twig_get_attribute($this->env, $this->source, $context["banner"], "link", [], "any", false, false, false, 12)) {
                // line 13
                echo "\t\t\t\t\t\t\t\t\t<a href=\"";
                echo twig_get_attribute($this->env, $this->source, $context["banner"], "link", [], "any", false, false, false, 13);
                echo "\"><img src=\"";
                echo twig_get_attribute($this->env, $this->source, $context["banner"], "image", [], "any", false, false, false, 13);
                echo "\" alt=\"";
                echo twig_get_attribute($this->env, $this->source, $context["banner"], "title", [], "any", false, false, false, 13);
                echo "\" class=\"img-responsive m-auto\" /></a>
\t\t\t\t\t\t\t\t";
            } else {
                // line 15
                echo "\t\t\t\t\t\t\t\t\t<img src=\"";
                echo twig_get_attribute($this->env, $this->source, $context["banner"], "image", [], "any", false, false, false, 15);
                echo "\" alt=\"";
                echo twig_get_attribute($this->env, $this->source, $context["banner"], "title", [], "any", false, false, false, 15);
                echo "\" class=\"img-responsive m-auto\" />
\t\t\t\t\t\t\t\t";
            }
            // line 17
            echo "\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['banner'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 20
        echo "\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"swiper-pagination carousel";
        // line 22
        echo ($context["module"] ?? null);
        echo "\"></div>
\t\t\t<div class=\"swiper-pager\">\t\t\t\t
\t\t\t\t<div class=\"swiper-button-prev\"><i class=\"fa fa-angle-left\"></i></div>
\t\t\t\t<div class=\"swiper-button-next\"><i class=\"fa fa-angle-right\"></i></div>
\t\t\t</div>\t
\t\t</div>
\t</div>
</div>
<script><!--
\t\$('#carousel";
        // line 31
        echo ($context["module"] ?? null);
        echo "').swiper({
\t\tmode: 'horizontal',
\t\tslidesPerView: 7,
\t\tpaginationClickable: false,
\t\tnextButton: '.swiper-button-next',
\t\tprevButton: '.swiper-button-prev',
\t\tloop: true,
\t\tautoplay: 4000,
\t\tautoplayDisableOnInteraction: true,
\t\tbreakpoints: {
\t\t\t1750: {
\t\t\t\tslidesPerView: 7,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t1440: {
\t\t\t\tslidesPerView: 6,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t1199: {
\t\t\t\tslidesPerView: 5,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t767: {
\t\t\t\tslidesPerView: 4,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t600: {
\t\t\t\tslidesPerView: 3,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t480: {
\t\t\t\tslidesPerView: 2,
\t\t\t\tspaceBetween: 0
\t\t\t},
\t\t\t300: {
\t\t\t\tslidesPerView: 1,
\t\t\t\tspaceBetween: 0
\t\t\t}
\t\t}
\t});
--></script>";
    }

    public function getTemplateName()
    {
        return "mahardhi/template/extension/module/carousel.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  105 => 31,  93 => 22,  89 => 20,  81 => 17,  73 => 15,  63 => 13,  61 => 12,  57 => 10,  53 => 9,  48 => 7,  42 => 4,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "mahardhi/template/extension/module/carousel.twig", "");
    }
}
