<?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;

/* property/views/_single-accord */
class __TwigTemplate_0f36b67114b31739b0b696b4add428b9ee619c49c2e065461227c51e890524fa 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;
        craft\helpers\Template::beginProfile("template", "property/views/_single-accord");
        // line 1
        echo "<div class=\"card mb-2\">
<div class=\"card-body\">
  <div class=\"row\">
    <div class=\"col-2\">
      ";
        // line 5
        $context["imgPath"] = craft\helpers\Template::attribute($this->env, $this->source, craft\helpers\Template::attribute($this->env, $this->source, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 5, $this->source); })()), "pictures", []), "one", [], "method"), "getUrl", [], "method");
        // line 6
        echo "        <a href=\"";
        echo twig_escape_filter($this->env, craft\helpers\UrlHelper::url(craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 6, $this->source); })()), "uri", [])), "html", null, true);
        echo "\" alt=\" item.title}}\" class=\"img\">
              <img src=\"";
        // line 7
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 7, $this->source); })()), "html", null, true);
        echo "\" alt=\"Image\" class=\"img-fluid\">
        </a>

    </div>
      <div class=\"col-6 property-content\">

          <span class=\"d-block mb-2 text-black-80\"
            >";
        // line 14
        echo twig_escape_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 14, $this->source); })()), "title", []), "html", null, true);
        echo "</span
          >
          <span class=\"city d-block mb-3\">";
        // line 16
        echo twig_escape_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 16, $this->source); })()), "suburb", []), "html", null, true);
        echo ", ";
        echo twig_escape_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 16, $this->source); })()), "state", []), "html", null, true);
        echo "</span>

          <a data-bs-toggle='collapse' href='#accordCollapse";
        // line 18
        echo twig_escape_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 18, $this->source); })()), "id", []), "html", null, true);
        echo "' class='learn-more'>More Details</a>
      </div>

      <div class=\"col-4 text-end p-4\">
          <a
              href=\"";
        // line 23
        echo twig_escape_filter($this->env, craft\helpers\UrlHelper::url(craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 23, $this->source); })()), "uri", [])), "html", null, true);
        echo "\"
              class=\"btn btn-primary py-2 px-3\"
              >See details
            </a>  
      </div>
  </div>

  <div class=\"row collapse\" id='accordCollapse";
        // line 30
        echo twig_escape_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 30, $this->source); })()), "id", []), "html", null, true);
        echo "'>
    <div class=\"col-2\">
      
    </div>
    <div class=\"col-10\">

      <ul class=\"nav nav-tabs\">
          <li class=\"nav-item\">
              <a href=\"#home\" class=\"nav-link active\" data-bs-toggle=\"tab\">Home</a>
          </li>
          <li class=\"nav-item\">
              <a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\">Profile</a>
          </li>
          <li class=\"nav-item\">
              <a href=\"#messages\" class=\"nav-link\" data-bs-toggle=\"tab\">Messages</a>
          </li>
      </ul>
      <div class=\"tab-content\" style='border: 1px solid #dee2e6; border-top:transparent;padding:15px'>
          <div class=\"tab-pane fade show active\" id=\"home\">
                <p>
                <div class=\"price mb-2\"><span>\$";
        // line 50
        echo twig_escape_filter($this->env, twig_number_format_filter($this->env, craft\helpers\Template::attribute($this->env, $this->source, (isset($context["item"]) || array_key_exists("item", $context) ? $context["item"] : (function () { throw new RuntimeError('Variable "item" does not exist.', 50, $this->source); })()), "price", []), 0, ","), "html", null, true);
        echo ",000</span></div>
                <div>
                  <div class=\"specs d-flex mb-4\">
                    <span class=\"d-block d-flex align-items-center me-3\">
                      <span class=\"icon-bed me-2\"></span>
                      <span class=\"caption\">2 beds</span>
                    </span>
                    <span class=\"d-block d-flex align-items-center\">
                      <span class=\"icon-bath me-2\"></span>
                      <span class=\"caption\">2 baths</span>
                    </span>
                  </div>
                </div>
                
                </p>

          </div>
          <div class=\"tab-pane fade\" id=\"profile\">
              <p>Profile tab content ...</p>
          </div>
          <div class=\"tab-pane fade\" id=\"messages\">
              <p>Messages tab content ...</p>
          </div>
      </div>      
      </div>
    </div>
<!-- end row !-->

</div>
</div>";
        craft\helpers\Template::endProfile("template", "property/views/_single-accord");
    }

    public function getTemplateName()
    {
        return "property/views/_single-accord";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  114 => 50,  91 => 30,  81 => 23,  73 => 18,  66 => 16,  61 => 14,  51 => 7,  46 => 6,  44 => 5,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("<div class=\"card mb-2\">
<div class=\"card-body\">
  <div class=\"row\">
    <div class=\"col-2\">
      {% set imgPath = item.pictures.one().getUrl() %}
        <a href=\"{{ url(item.uri) }}\" alt=\" item.title}}\" class=\"img\">
              <img src=\"{{ imgPath }}\" alt=\"Image\" class=\"img-fluid\">
        </a>

    </div>
      <div class=\"col-6 property-content\">

          <span class=\"d-block mb-2 text-black-80\"
            >{{item.title}}</span
          >
          <span class=\"city d-block mb-3\">{{item.suburb}}, {{item.state}}</span>

          <a data-bs-toggle='collapse' href='#accordCollapse{{item.id}}' class='learn-more'>More Details</a>
      </div>

      <div class=\"col-4 text-end p-4\">
          <a
              href=\"{{ url(item.uri) }}\"
              class=\"btn btn-primary py-2 px-3\"
              >See details
            </a>  
      </div>
  </div>

  <div class=\"row collapse\" id='accordCollapse{{item.id}}'>
    <div class=\"col-2\">
      
    </div>
    <div class=\"col-10\">

      <ul class=\"nav nav-tabs\">
          <li class=\"nav-item\">
              <a href=\"#home\" class=\"nav-link active\" data-bs-toggle=\"tab\">Home</a>
          </li>
          <li class=\"nav-item\">
              <a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\">Profile</a>
          </li>
          <li class=\"nav-item\">
              <a href=\"#messages\" class=\"nav-link\" data-bs-toggle=\"tab\">Messages</a>
          </li>
      </ul>
      <div class=\"tab-content\" style='border: 1px solid #dee2e6; border-top:transparent;padding:15px'>
          <div class=\"tab-pane fade show active\" id=\"home\">
                <p>
                <div class=\"price mb-2\"><span>\${{ item.price | number_format(0,',')}},000</span></div>
                <div>
                  <div class=\"specs d-flex mb-4\">
                    <span class=\"d-block d-flex align-items-center me-3\">
                      <span class=\"icon-bed me-2\"></span>
                      <span class=\"caption\">2 beds</span>
                    </span>
                    <span class=\"d-block d-flex align-items-center\">
                      <span class=\"icon-bath me-2\"></span>
                      <span class=\"caption\">2 baths</span>
                    </span>
                  </div>
                </div>
                
                </p>

          </div>
          <div class=\"tab-pane fade\" id=\"profile\">
              <p>Profile tab content ...</p>
          </div>
          <div class=\"tab-pane fade\" id=\"messages\">
              <p>Messages tab content ...</p>
          </div>
      </div>      
      </div>
    </div>
<!-- end row !-->

</div>
</div>", "property/views/_single-accord", "/home/addons/atweb.space/sub/craft-demo/cms/templates/property/views/_single-accord.twig");
    }
}
