<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
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;

/* module/md_listing_detail/index.html */
class __TwigTemplate_2e0372007c5ea480a8f5d6e259c60a81 extends 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
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['LoftyIDX\includes\extensions\LoftyIDXTwigScriptExtension']->addViteScript($this->env, $context, "src/module/listing-detail/index.js", ["jquery"]), "html", null, true);
        yield "

";
        // line 3
        $context["previewPics"] = ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 3), "previewPictures", [], "any", false, false, false, 3)) ?: ([]));
        // line 4
        yield "
<div id='";
        // line 5
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["moduleId"] ?? null), "html", null, true);
        yield "' class='lofty-listing-detail-page lofty-reset-style'>

    <div class=\"lofty-listing-detail\">
        <div id=\"lofty-listing-pictures\" class=\"swiper\">
            <div class=\"swiper-wrapper\">
                ";
        // line 10
        if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), ($context["previewPics"] ?? null)) > 0)) {
            // line 11
            yield "                    ";
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(($context["previewPics"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
                // line 12
                yield "                        <div class=\"swiper-slide\">
                            <img src=\"";
                // line 13
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["img"], "html", null, true);
                yield "\" alt=\"\">
                        </div>
                    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 16
            yield "                ";
        } else {
            // line 17
            yield "                    <div class=\"swiper-slide\">
                        <img src=\"";
            // line 18
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['LoftyIDX\includes\extensions\LoftyIDXTwigFunctionExtension']->getStaticUrl("public/img/empty-listing.png"), "html", null, true);
            yield "\" alt=\"\">
                    </div>
                ";
        }
        // line 21
        yield "            </div>           
        </div>

        <div class=\"lofty-detail-btns\"></div>

        <div class=\"lofty-tour-btns\">
            ";
        // line 27
        if (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 27), "tourLink", [], "any", false, false, false, 27)) {
            // line 28
            yield "            <div class=\"lofty-btn-item\">
                <a href=\"";
            // line 29
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 29), "tourLink", [], "any", false, false, false, 29), "html", null, true);
            yield "\" target=\"_blank\">
                    <i class=\"lofty_iconfont lofty-icon-Virtual\"></i>
                    <span>Virtual Tour</span>
                </a>
            </div>
            ";
        }
        // line 35
        yield "            ";
        if (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 35), "chimeVideoLink", [], "any", false, false, false, 35)) {
            // line 36
            yield "            <div class=\"lofty-btn-item\">
                <a href=\"";
            // line 37
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 37), "chimeVideoLink", [], "any", false, false, false, 37), "html", null, true);
            yield "\" target=\"_blank\">
                    <i class=\"lofty_iconfont lofty-icon-video\"></i>
                    <span>Video Tour</span>
                </a>
            </div>
            ";
        }
        // line 43
        yield "        </div>
    </div>

    ";
        // line 46
        yield from         $this->loadTemplate("module/md_listing_detail/detail_info.html", "module/md_listing_detail/index.html", 46)->unwrap()->yield(CoreExtension::merge($context, ["info" => CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 46), "collectStatus" => CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "collectStatus", [], "any", false, false, false, 46), "copyRight" => CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "replaceAfterCopyRight", [], "any", false, false, false, 46)]));
        // line 47
        yield "
    ";
        // line 48
        if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 48), "mlsOrg", [], "any", false, false, false, 48), "listingProviderDirection", [], "any", false, false, false, 48) == 2)) {
            // line 49
            yield "        <div class=\"lofty-detail-info mt-40\">
            ";
            // line 50
            if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 50), "mlsOrg", [], "any", false, false, false, 50), "copyright", [], "any", false, false, false, 50))) {
                // line 51
                yield "                <p class=\"lofty-mls-copyright\" style=\"display: none\">";
                yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 51), "mlsOrg", [], "any", false, false, false, 51), "copyright", [], "any", false, false, false, 51);
                yield "</p>
            ";
            }
            // line 53
            yield "            <p class=\"lofty-mls-info\" style=\"display: none\">";
            yield CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["data"] ?? null), "info", [], "any", false, false, false, 53), "mlsInfo", [], "any", false, false, false, 53);
            yield "</p>
        </div>
    ";
        }
        // line 56
        yield "
    <div id=\"lofty-detail-map-container\" class=\"lofty-detail-info\"></div>

    <div id=\"lofty-detail-similar-listings\" class=\"lofty-detail-info\"></div>

    <div class=\"lofty-detail-info\">
        ";
        // line 62
        yield from         $this->loadTemplate("module/md_listing_detail/detail_mls.html", "module/md_listing_detail/index.html", 62)->unwrap()->yield($context);
        // line 63
        yield "    </div>

    <input id='lofty-data' value='";
        // line 65
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["json_data"] ?? null), "html", null, true);
        yield "' type='hidden'/>
</div>

";
        // line 68
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['LoftyIDX\includes\extensions\LoftyIDXTwigScriptExtension']->renderScripts(), "html", null, true);
        return; yield '';
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName()
    {
        return "module/md_listing_detail/index.html";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable()
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo()
    {
        return array (  174 => 68,  168 => 65,  164 => 63,  162 => 62,  154 => 56,  147 => 53,  141 => 51,  139 => 50,  136 => 49,  134 => 48,  131 => 47,  129 => 46,  124 => 43,  115 => 37,  112 => 36,  109 => 35,  100 => 29,  97 => 28,  95 => 27,  87 => 21,  81 => 18,  78 => 17,  75 => 16,  66 => 13,  63 => 12,  58 => 11,  56 => 10,  48 => 5,  45 => 4,  43 => 3,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{{ vite_js('src/module/listing-detail/index.js', ['jquery']) }}

{% set previewPics = data.info.previewPictures ?: [] %}

<div id='{{ moduleId }}' class='lofty-listing-detail-page lofty-reset-style'>

    <div class=\"lofty-listing-detail\">
        <div id=\"lofty-listing-pictures\" class=\"swiper\">
            <div class=\"swiper-wrapper\">
                {% if previewPics | length > 0 %}
                    {% for img in previewPics %}
                        <div class=\"swiper-slide\">
                            <img src=\"{{ img }}\" alt=\"\">
                        </div>
                    {% endfor %}
                {% else %}
                    <div class=\"swiper-slide\">
                        <img src=\"{{ static('public/img/empty-listing.png') }}\" alt=\"\">
                    </div>
                {% endif %}
            </div>           
        </div>

        <div class=\"lofty-detail-btns\"></div>

        <div class=\"lofty-tour-btns\">
            {% if data.info.tourLink %}
            <div class=\"lofty-btn-item\">
                <a href=\"{{ data.info.tourLink }}\" target=\"_blank\">
                    <i class=\"lofty_iconfont lofty-icon-Virtual\"></i>
                    <span>Virtual Tour</span>
                </a>
            </div>
            {% endif %}
            {% if data.info.chimeVideoLink %}
            <div class=\"lofty-btn-item\">
                <a href=\"{{ data.info.chimeVideoLink }}\" target=\"_blank\">
                    <i class=\"lofty_iconfont lofty-icon-video\"></i>
                    <span>Video Tour</span>
                </a>
            </div>
            {% endif %}
        </div>
    </div>

    {% include 'module/md_listing_detail/detail_info.html' with {'info': data.info, 'collectStatus': data.collectStatus, 'copyRight': data.replaceAfterCopyRight} %}

    {% if data.info.mlsOrg.listingProviderDirection == 2 %}
        <div class=\"lofty-detail-info mt-40\">
            {% if data.info.mlsOrg.copyright is not empty %}
                <p class=\"lofty-mls-copyright\" style=\"display: none\">{{ data.info.mlsOrg.copyright | raw }}</p>
            {% endif %}
            <p class=\"lofty-mls-info\" style=\"display: none\">{{ data.info.mlsInfo | raw }}</p>
        </div>
    {% endif %}

    <div id=\"lofty-detail-map-container\" class=\"lofty-detail-info\"></div>

    <div id=\"lofty-detail-similar-listings\" class=\"lofty-detail-info\"></div>

    <div class=\"lofty-detail-info\">
        {% include 'module/md_listing_detail/detail_mls.html' %}
    </div>

    <input id='lofty-data' value='{{ json_data }}' type='hidden'/>
</div>

{{ render_scripts()}}", "module/md_listing_detail/index.html", "/mnt/HC_Volume_104349808/vhosts/thevelez.family/vm-homes.com/httpdocs/wp-content/plugins/lofty-idx-plugin-1773305082397/templates/module/md_listing_detail/index.html");
    }
}
