templates/Frontend/Properties/viewProperty.html.twig line 1

Open in your IDE?
  1. {% extends 'Frontend/_templates/default.html.twig' %}
  3. {% block page_title %}{{ property.address2 }}, Property #{{ property.reference }}{% endblock %}
  5. {% block meta_tags %}
  7. {% endblock %}
  9. {% block content %}
  10.     <div class="block-heading">
  11.         <div class="container">
  12.             <h1>{{ property.address2 }}, {{ property.area.name }}</h1>
  13.             <p class="sub-title">
  14.                 Property reference: #{{ property.reference }}
  15.             </p>
  16.         </div>
  17.     </div>
  19.     <div class="block-viewproperty">
  20.         <div class="container">
  21.             <div class="large-gallery mb-5" id="property-large-images">
  22.                 <div class="arrows">
  23.                     <a href="" class="prev-image"><i class="fas fa-angle-left"></i></a>
  24.                     <a href="" class="next-image"><i class="fas fa-angle-right"></i></a>
  25.                 </div>
  26.                 {% for imageKey,someImage in images %}
  27.                     <img src="{{ file_helper.thumbnail('data/' ~ someImage.filename, 1300, 760, null, true) }}" alt="" data-image-id="{{ imageKey }}" class="large-property-image {{ loop.first ? 'd-block' : 'd-none' }}"/>
  28.                 {% endfor %}
  30.                 <div class="bottom">
  31.                     <div class="section">
  32.                         {% if property.listingType == "letting" %}
  33.                             <span class="price">{{ (property.rentalPrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</span>
  34.                             <span class="frequency">/{{ property.rentFrequency|short_rental_frequency }}</span>
  35.                         {% elseif property.listingType == "sale" %}
  36.                             <span class="price">{{ (property.salePrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</span>
  37.                         {% endif %}
  38.                     </div>
  39.                     <div class="section">
  40.                         {% if property.dateAvailable and property.dateAvailable > "today"|date %}
  41.                             <span class="availability">Available {{ property.dateAvailable|date('M') }}</span>
  42.                         {% else %}
  43.                             <span class="availability">Available Now</span>
  44.                         {% endif %}
  45.                     </div>
  46.                     <div class="section section-btn">
  47.                         <a href="{{ path('frontend_properties_propertyenquiry', {property_reference: property.reference}) }}" class="btn btn-primary">Make Enquiry</a>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.         </div>
  53.         <div class="property-desc mb-5">
  54.             <div class="container">
  55.                 <h3>About This Property</h3>
  56.                 <p class="m-0">{{ property.description|raw|nl2br }}</p>
  57.             </div>
  58.         </div>
  60.         <div class="features mb-5">
  61.             <div class="container">
  62.                 <div class="row">
  63.                     <div class="col-md-6 col-lg-3">
  64.                         <div class="feature mb-2">
  65.                             <i class="fas fa-bed"></i>
  66.                             <span class="title">{{ property.bedrooms }} Bedrooms</span>
  67.                         </div>
  68.                     </div>
  69.                     <div class="col-md-6 col-lg-3">
  70.                         <div class="feature mb-2">
  71.                             <i class="fas fa-bath"></i>
  72.                             <span class="title">{{ property.bathrooms }} Bathrooms</span>
  73.                         </div>
  74.                     </div>
  75.                     <div class="col-md-6 col-lg-3">
  76.                         <div class="feature mb-2">
  77.                             <i class="fas fa-couch"></i>
  78.                             {% if features|filter((f) => f.name == "Furnished") is not empty %}
  79.                                 <span class="title">Furnished</span>
  80.                             {% else %}
  81.                                 <span class="title">Unfurnished</span>
  82.                             {% endif %}
  83.                         </div>
  84.                     </div>
  85.                     <div class="col-md-6 col-lg-3">
  86.                         <div class="feature mb-2">
  87.                             <i class="far fa-calendar"></i>
  88.                             {% if property.dateAvailable and property.dateAvailable > "today"|date %}
  89.                                 <span class="title">Available {{ property.dateAvailable|date('F') }}</span>
  90.                             {% else %}
  91.                                 <span class="title">Available Now</span>
  92.                             {% endif %}
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  99.         <div class="mb-5 text-center">
  100.             <a href="{{ path('frontend_properties_propertyenquiry', {property_reference: property.reference}) }}" class="btn btn-primary btn-lg"><i class="fas fa-info-circle"></i> Make an Enquiry</a>
  101.             <!--<a href="" class="btn btn-dark btn-lg"><i class="fas fa-star"></i> Add to Favorites</a>-->
  102.         </div>
  104.         {% if features is not empty %}
  105.             <div class="features-list mb-5">
  106.                 <div class="container">
  107.                     <h3>Property Features</h3>
  108.                     <ul class="features mb-0 pb-0">
  109.                         {% for someFeature in features %}
  110.                             <li>{{ someFeature.name }}</li>
  111.                         {% endfor %}
  112.                         {% if property.epcUrl %}
  113.                             <li><a href="{{ property.epcUrl }}" rel="nofollow" target="_blank">View EPC details</a></li>
  114.                         {% endif %}
  115.                     </ul>
  116.                 </div>
  117.             </div>
  118.         {% endif %}
  120.         {% if property.latitude and property.longitude %}
  121.             <div id="property-detail-map" data-latitude="{{ property.latitude }}" data-longitude="{{ property.longitude }}" data-google-key="AIzaSyB4ITylLvMZNbqEMuUhtxXIZIRAc70vWXY"></div>
  122.         {% endif %}
  123.     </div>
  125.     {% if similarProperties is not empty %}
  126.         <div class="block-propertylist pt-0">
  127.             <div class="container">
  128.                 <h2>Similar Properties</h2>
  129.                 {% include "Frontend/Properties/_inc/propertyGrid.html.twig" with {properties: similarProperties} %}
  130.             </div>
  131.         </div>
  132.     {% endif %}
  133. {% endblock %}