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

Open in your IDE?
  1. {% extends 'Frontend/_templates/default.html.twig' %}
  3. {% block page_title %}Lettings{% endblock %}
  5. {% block meta_tags %}
  7. {% endblock %}
  9. {% block content %}
  10.     <div class="block-heading">
  11.         <div class="container">
  12.             <h1>Properties To Let</h1>
  13.         </div>
  14.     </div>
  16.     <div class="block-image " style="background-image: url('{{ file_helper.thumbnail(asset('build/images/lettings-intro.jpg'), 1900, 600) }}')"></div>
  18.     <div class="block-propertyfilter">
  19.         <div class="container">
  20.             <form>
  21.                 <div class="row">
  22.                     <div class="col-md-4">
  23.                         <div class="form-group mb-4">
  24.                             <label class="form-label">Bedrooms</label>
  25.                             <div class="row">
  26.                                 <div class="col-6">
  27.                                     <select class="form-select form-select-lg" name="min_bedrooms">
  28.                                         <option value="">No min</option>
  29.                                         {% for i in range(1, 10) %}
  30.                                             <option value="{{ i }}" {{ (i == propertyFilter.min_bedrooms|default(null) ? 'selected' : '') }}>{{ i }}</option>
  31.                                         {% endfor %}
  32.                                     </select>
  33.                                 </div>
  34.                                 <div class="col-6">
  35.                                     <select class="form-select form-select-lg" name="max_bedrooms">
  36.                                         <option value="">No max</option>
  37.                                         {% for i in range(1, 14) %}
  38.                                             <option value="{{ i }}" {{ (i == propertyFilter.max_bedrooms|default(null) ? 'selected' : '') }}>{{ i }}</option>
  39.                                         {% endfor %}
  40.                                     </select>
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                         <div class="form-group">
  45.                             <label class="form-label">Bathrooms</label>
  46.                             <select class="form-select form-select-lg" name="bathrooms">
  47.                                 <option value="">Any</option>
  48.                                 {% for i in range(1, 10) %}
  49.                                     <option value="{{ i }}" {{ (i == propertyFilter.bathrooms|default(null) ? 'selected' : '') }}>{{ i }}</option>
  50.                                 {% endfor %}
  51.                             </select>
  52.                         </div>
  53.                     </div>
  54.                     <div class="col-md-4">
  55.                         <div class="form-group mb-4">
  56.                             <label class="form-label">Area</label>
  57.                             <select class="form-select form-select-lg" name="area">
  58.                                 <option value="">Any</option>
  59.                                 {% for someArea in allAreas %}
  60.                                     <option value="{{ someArea.id }}" {{ (someArea == propertyFilter.area|default(null) ? 'selected' : '') }}>{{ someArea.name }}</option>
  61.                                 {% endfor %}
  62.                             </select>
  63.                         </div>
  64.                         <div class="form-group">
  65.                             <label class="form-label">Property Type</label>
  66.                             <select class="form-select form-select-lg" name="type">
  67.                                 <option value="">Any</option>
  68.                                 {% for someType in allTypes %}
  69.                                     <option value="{{ someType.id }}" {{ (someType == propertyFilter.type|default(null) ? 'selected' : '') }}>{{ someType.name }}</option>
  70.                                 {% endfor %}
  71.                             </select>
  72.                         </div>
  73.                     </div>
  74.                     <div class="col-md-4">
  75.                         <div class="form-group mb-4">
  76.                             <label class="form-label">Rent PCM</label>
  77.                             <div class="row">
  78.                                 <div class="col-6">
  79.                                     <select class="form-select form-select-lg" name="min_price">
  80.                                         <option value="">No min</option>
  81.                                         {% for i in range(1, 26) %}
  82.                                             <option value="{{ 200 + (i*50) }}" {{ ((200 + (i*50)) == propertyFilter.min_price|default(null) ? 'selected' : '') }}>{{ 200 + (i*50) }}</option>
  83.                                         {% endfor %}
  84.                                     </select>
  85.                                 </div>
  86.                                 <div class="col-6">
  87.                                     <select class="form-select form-select-lg" name="max_price">
  88.                                         <option value="">No max</option>
  89.                                         {% for i in range(1, 26) %}
  90.                                             <option value="{{ 200 + (i*50) }}" {{ ((200 + (i*50)) == propertyFilter.max_price|default(null) ? 'selected' : '') }}>{{ 200 + (i*50) }}</option>
  91.                                         {% endfor %}
  92.                                     </select>
  93.                                 </div>
  94.                             </div>
  95.                         </div>
  96.                         <div class="form-group">
  97.                             <label class="form-label">Availability</label>
  98.                             <select class="form-select form-select-lg">
  99.                                 <option value="">Now</option>
  100.                                 <option value="">1 Month</option>
  101.                                 <option value="">3 Months</option>
  102.                                 <option value="">6 Months</option>
  103.                                 <option value="">Any</option>
  104.                             </select>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  109.                 <div class="text-center mt-5">
  110.                     <button class="btn btn-primary btn-lg">Search properties <i class="fas fa-fw fa-search"></i></button>
  111.                 </div>
  112.             </form>
  113.         </div>
  114.     </div>
  116.     <div class="block-propertylist">
  117.         {% if properties is not empty %}
  118.             <div class="container-fluid">
  119.                 {% include "Frontend/Properties/_inc/propertyGrid.html.twig" with {properties: properties, opt: {cols: 4}} %}
  120.             </div>
  121.             <div class="container">
  122.                 {{ knp_pagination_render(properties) }}
  123.             </div>
  124.         {% else %}
  125.             <div class="container">
  126.                 <div class="p-4 bg-light">
  127.                     <p class="m-0">
  128.                         Sorry, we couldn't find any properties matching your search.
  129.                     </p>
  130.                 </div>
  131.             </div>
  132.         {% endif %}
  133.     </div>
  134. {% endblock %}