templates/main/front/themes/agency.html.twig line 1

Open in your IDE?
  1. {% extends 'baseFront.html.twig' %}
  3. {% block stylesheetsextra %}
  4.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.26.0/ui/trumbowyg.min.css">
  5.     <link href="/css/owl.carousel.min.css" rel="stylesheet">
  6.     <link href="/css/themes/agency.css" rel="stylesheet">
  7. {% endblock %}
  9. {% block javascriptsextra %}
  10.     <script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.26.0/trumbowyg.min.js"></script>
  11.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>
  12.     <script src="/js/owl.carousel.js"></script>
  13.     <script src="/js/themes/agency.js"></script>
  14. {% endblock %}
  15. {% block content %}
  16.     <div class="content-module-home">
  17.         <div id="slide-home" class="carousel slide" data-ride="carousel">
  18.             <div class="carousel-inner">
  19.                 {% for key,slide in slides %}
  20.                     <div class="carousel-item {{ (key == 0)? 'active' : '' }}">
  21.                         <img class="d-block w-100" src="{{slide.image}}">
  22.                     </div>
  23.                 {% endfor %}
  24.             </div>
  25.             <a class="carousel-control-prev" href="#slide-home" role="button" data-slide="prev">
  26.                 <span><i class="fa fa-angle-left"></i></span>
  27.             </a>
  28.             <a class="carousel-control-next" href="#slide-home" role="button" data-slide="next">
  29.                 <span><i class="fa fa-angle-right"></i></span>
  30.             </a>
  31.             <div class="banner-caption control-banner-caption">
  32.                 <div class="content-caption">
  33.                     <div class="content-caption-cell">
  34.                         <h1>{{ texts.wellcometo }} {{ agency.name }}</h1>
  35.                         <h2 class="banner-sub-title">{{ descriptions.subtitulo }}</h2>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <div class="container">
  41.             <div class="row">
  42.                 <div class="col-12">
  43.                     {% if result_destacats is defined %}
  44.                         {% if result_destacats|length > 0 %}
  45.                             <div class="content-destacats">
  46.                                 <div class="row">
  47.                                     <div class="col-12 module-title">
  48.                                         <h2>{{texts.destacat}}</h2>
  49.                                     </div>
  50.                                     <div class="col-12">
  51.                                         <div class="row">
  52.                                             {% set col = [4, 8, 8, 4] %}
  53.                                             {% for key,item in result_destacats %}
  54.                                                 <div class="col-12 col-md-{{col[key]}}">
  55.                                                     <figure class="item-thumb agency-item">
  56.                                                         <div class="label-wrap label-left">
  57.                                                             <span class="label cartel_destacado">{{texts.destacat}}</span>
  58.                                                             <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  59.                                                         </div>
  60.                                                         <a href="{{item.url}}" class="hover-effect image-agency-home" style="background-image: url('{{item.first_image}}');"></a>
  61.                                                         <ul class="actions">
  62.                                                             <li class="share-btn">
  63.                                                                 <div class="share_tooltip fade">
  64.                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  65.                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  66.                                                                     <a target="_blank" href="https://www.pinterest.com/pin/create/button?url={{item.url}}&media={{item.first_image}}&description={{item.title_detail}}"><i class="fab fa-pinterest"></i></a>
  67.                                                                 </div>
  68.                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  69.                                                             </li>
  70.                                                         </ul>
  71.                                                         <div class="detail-above detail">
  72.                                                             <div class="fig-title clearfix">
  73.                                                                 <h3 class="">{{item.tipo_nombre}}</h3>
  74.                                                             </div>
  75.                                                             <ul class="list-inline">
  76.                                                                 <li class="cap-price">{{item.preu}}€</li>
  77.                                                                 {% if item.num_dorm is defined %}
  78.                                                                     <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  79.                                                                 {% endif %}
  80.                                                                 {% if item.num_banos is defined %}
  81.                                                                     <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  82.                                                                 {% endif %}
  83.                                                                 <li>{{item.superf_constr}} m<sup>2</sup></li>
  84.                                                             </ul>
  85.                                                         </div>
  86.                                                     </figure>
  87.                                                 </div>
  88.                                             {% endfor %}
  89.                                         </div>
  90.                                     </div>
  91.                                 </div>
  92.                             </div>
  93.                         {% endif %}
  94.                     {% endif %}
  95.                     {% if result_compra is defined %}
  96.                         {% if result_compra|length > 0 %}
  97.                             <div class="content-destacats">
  98.                                 <div class="row">
  99.                                     <div class="col-12 module-title">
  100.                                         <h2>{{texts.tabs_venda}}</h2>
  101.                                     </div>
  102.                                     <div class="col-12">
  103.                                         <div class="row">
  104.                                             {% set col = [8, 4, 4, 8] %}
  105.                                             {% for key,item in result_compra %}
  106.                                                 <div class="col-12 col-md-{{col[key]}}">
  107.                                                     <figure class="item-thumb agency-item">
  108.                                                         <div class="label-wrap label-left">
  109.                                                             <span class="label label-success">{{texts.tipo}}</span>
  110.                                                             <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  111.                                                         </div>
  112.                                                         <a href="{{item.url}}" class="hover-effect image-agency-home" style="background-image: url('{{item.first_image}}');"></a>
  113.                                                         <ul class="actions">
  114.                                                             <li class="share-btn">
  115.                                                                 <div class="share_tooltip fade">
  116.                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  117.                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  118.                                                                     <a target="_blank" href="https://www.pinterest.com/pin/create/button?url={{item.url}}&media={{item.first_image}}&description={{item.title_detail}}"><i class="fab fa-pinterest"></i></a>
  119.                                                                 </div>
  120.                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  121.                                                             </li>
  122.                                                         </ul>
  123.                                                         <div class="detail-above detail">
  124.                                                             <div class="fig-title clearfix">
  125.                                                                 <h3 class="">{{item.tipo_nombre}}</h3>
  126.                                                             </div>
  127.                                                             <ul class="list-inline">
  128.                                                                 <li class="cap-price">{{item.preu}}€</li>
  129.                                                                 {% if item.num_dorm is defined %}
  130.                                                                     <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  131.                                                                 {% endif %}
  132.                                                                 {% if item.num_banos is defined %}
  133.                                                                     <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  134.                                                                 {% endif %}
  135.                                                                 <li>{{item.superf_constr}} m<sup>2</sup></li>
  136.                                                             </ul>
  137.                                                         </div>
  138.                                                     </figure>
  139.                                                 </div>
  140.                                             {% endfor %}
  141.                                         </div>
  142.                                     </div>
  143.                                 </div>
  144.                             </div>
  145.                         {% endif %}
  146.                     {% endif %}
  147.                     {% if result_alquiler is defined %}
  148.                         {% if result_alquiler|length > 0 %}
  149.                             <div class="content-destacats">
  150.                                 <div class="row">
  151.                                     <div class="col-12 module-title">
  152.                                         <h2>{{texts.rental}}</h2>
  153.                                     </div>
  154.                                     <div class="col-12">
  155.                                         <div class="row">
  156.                                             {% set col = [8, 4, 4, 8] %}
  157.                                             {% for key,item in result_alquiler %}
  158.                                                 <div class="col-12 col-md-{{col[key]}}">
  159.                                                     <figure class="item-thumb agency-item">
  160.                                                         <div class="label-wrap label-left">
  161.                                                             <span class="label label-success">{{texts.tipo}}</span>
  162.                                                             <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  163.                                                         </div>
  164.                                                         <a href="{{item.url}}" class="hover-effect image-agency-home" style="background-image: url('{{item.first_image}}');"></a>
  165.                                                         <ul class="actions">
  166.                                                             <li class="share-btn">
  167.                                                                 <div class="share_tooltip fade">
  168.                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  169.                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  170.                                                                     <a target="_blank" href="https://www.pinterest.com/pin/create/button?url={{item.url}}&media={{item.first_image}}&description={{item.title_detail}}"><i class="fab fa-pinterest"></i></a>
  171.                                                                 </div>
  172.                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  173.                                                             </li>
  174.                                                         </ul>
  175.                                                         <div class="detail-above detail">
  176.                                                             <div class="fig-title clearfix">
  177.                                                                 <h3 class="">{{item.tipo_nombre}}</h3>
  178.                                                             </div>
  179.                                                             <ul class="list-inline">
  180.                                                                 <li class="cap-price">{{item.preu}}€</li>
  181.                                                                 {% if item.num_dorm is defined %}
  182.                                                                     <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  183.                                                                 {% endif %}
  184.                                                                 {% if item.num_banos is defined %}
  185.                                                                     <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  186.                                                                 {% endif %}
  187.                                                                 <li>{{item.superf_constr}} m<sup>2</sup></li>
  188.                                                             </ul>
  189.                                                         </div>
  190.                                                     </figure>
  191.                                                 </div>
  192.                                             {% endfor %}
  193.                                         </div>
  194.                                     </div>
  195.                                 </div>
  196.                             </div>
  197.                         {% endif %}
  198.                     {% endif %}
  199.                     {% if result is defined %}
  200.                         {% if result|length > 0 %}
  201.                             <div class="content-destacats">
  202.                                 <div class="row">
  203.                                     <div class="col-12 col-md-6 module-title">
  204.                                         <h2>{{texts.last_properties}}</h2>
  205.                                     </div>
  206.                                     <div class="col-12 col-md-6 module-nav">
  207.                                         <button class="btn btn-sm btn-crl-3-prev">{{texts.paginacio_seguent}}</button>
  208.                                         <button class="btn btn-sm btn-crl-3-next">{{texts.paginacio_anterior}}</button>
  209.                                         <a href="/{{agency.defaultListProperties}}" class="btn btn-carousel btn-sm">{{texts.tots}}</a>
  210.                                     </div>
  211.                                     <div class="col-12">
  212.                                         <div id="properties-carousel-3" class="carousel slide-animated owl-carousel owl-theme">
  213.                                             {% for key,item in result %}
  214.                                                 <div class="item">
  215.                                                     <div class="figure-block">
  216.                                                         <figure class="item-thumb">
  217.                                                             <div class="label-wrap label-left">
  218.                                                                 <span class="label label-success">{{texts.tipo}}</span>
  219.                                                                 <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  220.                                                             </div>
  221.                                                             <a href="{{item.url}}" class="hover-effect">
  222.                                                                 <img src="{{item.first_image}}" alt="Image">
  223.                                                             </a>
  224.                                                             <ul class="actions">
  225.                                                                 <li class="share-btn">
  226.                                                                     <div class="share_tooltip fade">
  227.                                                                         <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  228.                                                                         <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  229.                                                                         <a target="_blank" href="https://www.pinterest.com/pin/create/button?url={{item.url}}&media={{item.first_image}}&description={{item.title_detail}}"><i class="fab fa-pinterest"></i></a>
  230.                                                                     </div>
  231.                                                                     <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  232.                                                                 </li>
  233.                                                             </ul>
  234.                                                             <div class="detail-above detail">
  235.                                                                 <div class="fig-title clearfix">
  236.                                                                     <h3 class="">{{item.tipo_nombre}}</h3>
  237.                                                                 </div>
  238.                                                                 <ul class="list-inline">
  239.                                                                     <li class="cap-price">{{item.preu}}€</li>
  240.                                                                     {% if item.num_dorm is defined %}
  241.                                                                         <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  242.                                                                     {% endif %}
  243.                                                                     {% if item.num_banos is defined %}
  244.                                                                         <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  245.                                                                     {% endif %}
  246.                                                                     <li>{{item.superf_constr}} m<sup>2</sup></li>
  247.                                                                 </ul>
  248.                                                             </div>
  249.                                                         </figure>
  250.                                                     </div>
  251.                                                 </div>
  252.                                             {% endfor %}
  253.                                         </div>
  254.                                     </div>
  255.                                 </div>
  256.                             </div>
  257.                         {% endif %}
  258.                     {% endif %}
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </div>
  263.     <div class="json-content d-none">
  264.         {{page.jsonBack}}
  265.     </div>
  266.     {{page.strHtml | raw}}
  267. {% endblock %}