{% extends 'layouts/_main.twig' %}

{% block content %}

<div class="">
	{% set img = entry.pictures.one().getUrl %}
    <div
      class="hero page-inner overlay"
      style="background-image: url('{{img}}')"
    >
      <div class="container">
        <div class="row justify-content-center align-items-center">
          <div class="col-lg-9 text-center mt-5">
            <h1 class="heading" data-aos="fade-up">
              {{ entry.title }}
            </h1>

            <nav
              aria-label="breadcrumb"
              data-aos="fade-up"
              data-aos-delay="200"
            >
              <ol class="breadcrumb text-center justify-content-center">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item">
                  <a href="properties.html">Properties</a>
                </li>
                <li
                  class="breadcrumb-item active text-white-50"
                  aria-current="page"
                >
                  Property Address 
                </li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-7">
            <div class="img-property-slide-wrap">
              <div class="img-property-slide">

              	{% set imgA = entry.pictures.all() %}

              	{% for img in imgA %}

	                <img src="{{ img.getUrl() }}" alt="Image" class="img-fluid" />
	                
	            {% endfor %}    
              </div>
            </div>

            {% include 'property/views/carousel-modal-gallery' with {'imgA': imgA} %}

          </div>
          <div class="col-lg-4">
            <h2 class="heading text-primary">{{entry.title}}</h2>
            <p class="meta">{{ entry.suburb}},{{ entry.state}}</p>
            <h4>
            	${{entry.price | number_format(0, ",")}},000
            </h4>
            <p class="text-black-50 mt-5">
Introducing the award-winning Shaw Tower, a Grade A commercial development located in the heart of Singapore's bustling Beach Road district. This stunning property boasts 435,000 sq ft of Grade A office space, complete with future-ready designs and breathtaking views of the city's new CBD. The 5-storey podium offers 15,700 sq ft of retail space, perfect for those looking to set up shop in a prime location. With its sustainable design and state-of-the-art facilities, Shaw Tower is the perfect choice for businesses looking to make a statement. Don't miss out on this incredible opportunity to own a piece of Singapore's thriving commercial real estate market. Contact us today to schedule a viewing!
            </p>


            <div class="d-block agent-box p-5">
              <div class="img mb-4">
                <img
                  src="{{ alias('@web/assets/images/person_1-min.jpg')}}"
                  alt="Image"
                  class="img-fluid"
                />
              </div>
              <div class="text">
                <h3 class="mb-0">Mr. Top Selling Agent</h3>
                <div class="meta mb-3">Real Estate</div>
                <p>
                  Lorem ipsum dolor sit amet consectetur adipisicing elit.
                  Ratione laborum quo quos omnis sed magnam id ducimus saepe
                </p>
                <ul class="list-unstyled social dark-hover d-flex">
                  <li class="me-1">
                    <a href="#"><span class="icon-instagram"></span></a>
                  </li>
                  <li class="me-1">
                    <a href="#"><span class="icon-twitter"></span></a>
                  </li>
                  <li class="me-1">
                    <a href="#"><span class="icon-facebook"></span></a>
                  </li>
                  <li class="me-1">
                    <a href="#"><span class="icon-linkedin"></span></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container text-left py-5">
      <a href="{{ siteUrl }}">Back</a>
    </div>


</div>

{% endblock %}