templates/Frontend/Properties/_inc/propertyGrid.html.twig line 1

Open in your IDE?
  1. {% set cols = opt|default({
  2.     cols: 3
  3. }).cols %}
  5. <div class="row">
  6.     {% for propIndex,someProperty in properties %}
  7.         <div class="col-12 col-md-6 col-lg-4 col-xl-{{ 12 / cols }}">
  8.             <div class="property">
  9.                 <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="image"><img src="{{ file_helper.thumbnail((someProperty.featuredImage ? 'data/' ~ someProperty.featuredImage.filename : '.' ~ asset('data/placeholder.png')), 750, 750) }}" alt=""/></a>
  11.                 {% if someProperty.cornerBanner %}
  12.                     <img src="{{ asset('build/images/' ~ someProperty.cornerBanner) }}" class="corner-banner" alt=""/>
  13.                 {% endif %}
  15.                 <div class="detail">
  16.                     <span class="area">{{ someProperty.area.name }}, {{ someProperty.postcode }}</span>
  17.                     <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="title">{{ someProperty.address2 }}</a>
  19.                     <div class="row mt-3">
  20.                         <div class="col-4">
  21.                             <div class="spec">
  22.                                 <i class="fas fa-bed"></i>
  23.                                 <span>{{ someProperty.bedrooms }} Beds</span>
  24.                             </div>
  25.                         </div>
  26.                         <div class="col-4">
  27.                             <div class="spec">
  28.                                 <i class="fas fa-bath"></i>
  29.                                 <span>{{ someProperty.bathrooms }} Bathrooms</span>
  30.                             </div>
  31.                         </div>
  32.                         <div class="col-4">
  33.                             <div class="spec">
  34.                                 <i class="far fa-calendar"></i>
  35.                                 {% if someProperty.dateAvailable and someProperty.dateAvailable > "today"|date %}
  36.                                     <span class="availability">Available {{ someProperty.dateAvailable|date('M') }}</span>
  37.                                 {% else %}
  38.                                     <span>Available Now</span>
  39.                                 {% endif %}
  40.                             </div>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  45.                 <div class="bottom">
  46.                     <div class="row">
  47.                         <div class="col-6">
  48.                             {% if someProperty.listingType == "letting" %}
  49.                                 <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-outline-secondary w-100"><strong>{{ (someProperty.rentalPrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</strong> <small>/{{ someProperty.rentFrequency|short_rental_frequency }}</small></a>
  50.                             {% else %}
  51.                                 <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-outline-secondary w-100"><strong>{{ (someProperty.salePrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</strong></a>
  52.                             {% endif %}
  53.                         </div>
  54.                         <div class="col-6">
  55.                             <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-dark w-100">View Details</a>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.         </div>
  61.     {% endfor %}
  62. </div>