templates/main/front/themes/portal.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/portal.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/portal.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.             {% if slides|length > 1 %}
  26.                 <a class="carousel-control-prev" href="#slide-home" role="button" data-slide="prev">
  27.                     <span><i class="fa fa-angle-left"></i></span>
  28.                 </a>
  29.                 <a class="carousel-control-next" href="#slide-home" role="button" data-slide="next">
  30.                     <span><i class="fa fa-angle-right"></i></span>
  31.                 </a>
  32.             {% endif %}
  33.             <div class="banner-caption control-banner-caption">
  34.                 <div class="content-caption">
  35.                     <div class="content-caption-cell">
  36.                         <h1>{{ texts.wellcometo }} {{ agency.name }}</h1>
  37.                         <h2 class="banner-sub-title">{{ descriptions.subtitulo }}</h2>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.             <div class="content-search">
  42.                 <div class="container">
  43.                     <div class="search-button-toggle">{{texts.cercador_cerca_avançada}} <i class="fas fa-sort-down"></i> <i class="fas fa-sort-up d-none"></i></div>
  44.                     {{searchHtml|raw}}
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <div class="container">
  49.             <div class="row">
  50.                 <div class="col-12">
  51.                     {% if result_compra is defined %}
  52.                         {% if result_compra|length > 0 %}
  53.                             <div class="content-destacats">
  54.                                 <div class="row">
  55.                                     <div class="col-12 col-md-6 module-title">
  56.                                         <h2>{{texts.last_properties_sale}}</h2>
  57.                                     </div>
  58.                                     <div class="col-12 col-md-6 module-nav">
  59.                                         <button class="btn btn-sm btn-crl-3-prev">{{texts.paginacio_seguent}}</button>
  60.                                         <button class="btn btn-sm btn-crl-3-next">{{texts.paginacio_anterior}}</button>
  61.                                         <a href="/{{agency.defaultListProperties}}" class="btn btn-carousel btn-sm">{{texts.tots}}</a>
  62.                                     </div>
  63.                                     <div class="col-12">
  64.                                         <div id="properties-carousel-3" class="carousel slide-animated owl-carousel owl-theme">
  65.                                             {% for key,item in result_compra %}
  66.                                                 <div class="item">
  67.                                                     <div class="item-wrap">
  68.                                                         <div class="property-item item-grid">
  69.                                                             <div class="figure-block">
  70.                                                                 <figure class="item-thumb">
  71.                                                                     <div class="label-wrap hide-on-list">
  72.                                                                         <div class="label-status label label-default">{{item.operation_obj.text}}</div>
  73.                                                                     </div>
  74.                                                                     <span class="label-featured label label-success">{{texts.tipo}}</span>
  75.                                                                     <div class="price hide-on-list">
  76.                                                                         <h3>{{item.preu}}€</h3>
  77.                                                                     </div>
  78.                                                                     <a href="{{item.url}}" class="hover-effect">
  79.                                                                         <img src="{{item.first_image}}" alt="Image">
  80.                                                                     </a>
  81.                                                                     <ul class="actions">
  82.                                                                         <li class="share-btn">
  83.                                                                             <div class="share_tooltip fade">
  84.                                                                                 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  85.                                                                                 <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  86.                                                                                 <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>
  87.                                                                             </div>
  88.                                                                             <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  89.                                                                         </li>
  90.                                                                         <li>
  91.                                                                             <span data-toggle="tooltip" data-placement="top" title="{{texts.llistat_resultats_fotos}} ({{item.num_fotos}})">
  92.                                                                                 <i class="fa fa-camera"></i>
  93.                                                                             </span>
  94.                                                                         </li>
  95.                                                                     </ul>
  96.                                                                 </figure>
  97.                                                             </div>
  98.                                                             <div class="item-body">
  99.                                                                 <div class="body-left">
  100.                                                                     <div class="info-row">
  101.                                                                         <h2 class="property-title"><a href="{{item.url}}">{{item.tipo_nombre}}, {{item.superf_constr}} m<sup>2</sup></a></h2>
  102.                                                                     </div>
  103.                                                                     <div class="table-list full-width info-row">
  104.                                                                         <div class="cell">
  105.                                                                             <div class="info-row amenities">
  106.                                                                                 <p>
  107.                                                                                     {% if item.num_dorm is defined %}<span>{{item.num_dorm}} {{texts.dorm_short}}</span>{% endif %}
  108.                                                                                     {% if item.num_banos is defined %}<span>{{item.num_banos}} {{texts.signia_banys}}</span>{% endif %}
  109.                                                                                     <span>{{item.superf_constr}} m<sup>2</sup></span>
  110.                                                                                 </p>
  111.                                                                             </div>
  112.                                                                         </div>
  113.                                                                         <div class="cell">
  114.                                                                             <div class="phone">
  115.                                                                                 <a href="{{item.url}}" class="btn btn-primary">{{texts.view_more}} <i class="fa fa-angle-right fa-right"></i></a>
  116.                                                                                 <p><a>{{item.tiempo_publicacion}}</a></p>
  117.                                                                             </div>
  118.                                                                         </div>
  119.                                                                     </div>
  120.                                                                 </div>
  121.                                                             </div>
  122.                                                         </div>
  123.                                                     </div>
  124.                                                 </div>
  125.                                             {% endfor %}
  126.                                         </div>
  127.                                     </div>
  128.                                 </div>
  129.                             </div>
  130.                         {% endif %}
  131.                     {% endif %}
  132.                 </div>
  133.             </div>
  134.         </div>
  135.         <div class="rent-module">
  136.             <div class="container ">
  137.                 <div class="row">
  138.                     <div class="col-12">
  139.                         {% if result_alquiler is defined %}
  140.                             {% if result_alquiler|length > 0 %}
  141.                                 <div class="content-destacats">
  142.                                     <div class="row">
  143.                                         <div class="col-12 col-md-6 module-title">
  144.                                             <h2>{{texts.last_properties_rent}}</h2>
  145.                                         </div>
  146.                                         <div class="col-12 col-md-6 module-nav">
  147.                                             <button class="btn btn-sm btn-crl-3-prev">{{texts.paginacio_seguent}}</button>
  148.                                             <button class="btn btn-sm btn-crl-3-next">{{texts.paginacio_anterior}}</button>
  149.                                             <a href="/{{agency.defaultListProperties}}" class="btn btn-carousel btn-sm">{{texts.tots}}</a>
  150.                                         </div>
  151.                                         <div class="col-12">
  152.                                             <div id="properties-rent-carousel-3" class="carousel slide-animated owl-carousel owl-theme">
  153.                                                 {% for key,item in result_alquiler %}
  154.                                                     <div class="item">
  155.                                                         <div class="item-wrap">
  156.                                                             <div class="property-item item-grid">
  157.                                                                 <div class="figure-block">
  158.                                                                     <figure class="item-thumb">
  159.                                                                         <div class="label-wrap hide-on-list">
  160.                                                                             <div class="label-status label label-default">{{item.operation_obj.text}}</div>
  161.                                                                         </div>
  162.                                                                         <span class="label-featured label label-success">{{texts.tipo}}</span>
  163.                                                                         <div class="price hide-on-list">
  164.                                                                             <h3>{{item.preu}}€</h3>
  165.                                                                         </div>
  166.                                                                         <a href="{{item.url}}" class="hover-effect">
  167.                                                                             <img src="{{item.first_image}}" alt="Image">
  168.                                                                         </a>
  169.                                                                         <ul class="actions">
  170.                                                                             <li class="share-btn">
  171.                                                                                 <div class="share_tooltip fade">
  172.                                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  173.                                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  174.                                                                                     <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>
  175.                                                                                 </div>
  176.                                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  177.                                                                             </li>
  178.                                                                             <li>
  179.                                                                                 <span data-toggle="tooltip" data-placement="top" title="{{texts.llistat_resultats_fotos}} ({{item.num_fotos}})">
  180.                                                                                     <i class="fa fa-camera"></i>
  181.                                                                                 </span>
  182.                                                                             </li>
  183.                                                                         </ul>
  184.                                                                     </figure>
  185.                                                                 </div>
  186.                                                                 <div class="item-body">
  187.                                                                     <div class="body-left">
  188.                                                                         <div class="info-row">
  189.                                                                             <h2 class="property-title"><a href="{{item.url}}">{{item.tipo_nombre}}, {{item.superf_constr}} m<sup>2</sup></a></h2>
  190.                                                                         </div>
  191.                                                                         <div class="table-list full-width info-row">
  192.                                                                             <div class="cell">
  193.                                                                                 <div class="info-row amenities">
  194.                                                                                     <p>
  195.                                                                                         {% if item.num_dorm is defined %}<span>{{item.num_dorm}} {{texts.dorm_short}}</span>{% endif %}
  196.                                                                                         {% if item.num_banos is defined %}<span>{{item.num_banos}} {{texts.signia_banys}}</span>{% endif %}
  197.                                                                                         <span>{{item.superf_constr}} m<sup>2</sup></span>
  198.                                                                                     </p>
  199.                                                                                 </div>
  200.                                                                             </div>
  201.                                                                             <div class="cell">
  202.                                                                                 <div class="phone">
  203.                                                                                     <a href="{{item.url}}" class="btn btn-primary">{{texts.view_more}} <i class="fa fa-angle-right fa-right"></i></a>
  204.                                                                                     <p><a>{{item.tiempo_publicacion}}</a></p>
  205.                                                                                 </div>
  206.                                                                             </div>
  207.                                                                         </div>
  208.                                                                     </div>
  209.                                                                 </div>
  210.                                                             </div>
  211.                                                         </div>
  212.                                                     </div>
  213.                                                 {% endfor %}
  214.                                             </div>
  215.                                         </div>
  216.                                     </div>
  217.                                 </div>
  218.                             {% endif %}
  219.                         {% endif %}
  220.                     </div>
  221.                 </div>
  222.             </div>
  223.         </div>
  224.         <div class="container">
  225.             <div class="row">
  226.             <div class="col-12">
  227.                     {% if result is defined %}
  228.                         {% if result|length > 0 %}
  229.                             <div class="content-destacats">
  230.                                 <div class="row">
  231.                                     <div class="col-12 module-title">
  232.                                         <h2>{{texts.remarketing_semanal}}</h2>
  233.                                     </div>
  234.                                     <div class="col-12">
  235.                                         <div class="row">
  236.                                             {% set col = [4, 8, 8, 4] %}
  237.                                             {% for key,item in result %}
  238.                                                 <div class="col-12 col-md-{{col[key]}}">
  239.                                                     <figure class="item-thumb agency-item">
  240.                                                         <div class="label-wrap label-left">
  241.                                                             <span class="label label-success">{{texts.tipo}}</span>
  242.                                                             <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  243.                                                         </div>
  244.                                                         <a href="{{item.url}}" class="hover-effect image-agency-home" style="background-image: url('{{item.first_image}}');"></a>
  245.                                                         <ul class="actions">
  246.                                                             <li class="share-btn">
  247.                                                                 <div class="share_tooltip fade">
  248.                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  249.                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  250.                                                                     <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>
  251.                                                                 </div>
  252.                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  253.                                                             </li>
  254.                                                         </ul>
  255.                                                         <div class="detail-above detail">
  256.                                                             <div class="fig-title clearfix">
  257.                                                                 <h3 class="">{{item.tipo_nombre}}</h3>
  258.                                                             </div>
  259.                                                             <ul class="list-inline">
  260.                                                                 <li class="cap-price">{{item.preu}}€</li>
  261.                                                                 {% if item.num_dorm is defined %}
  262.                                                                     <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  263.                                                                 {% endif %}
  264.                                                                 {% if item.num_banos is defined %}
  265.                                                                     <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  266.                                                                 {% endif %}
  267.                                                                 <li>{{item.superf_constr}} m<sup>2</sup></li>
  268.                                                             </ul>
  269.                                                         </div>
  270.                                                     </figure>
  271.                                                 </div>
  272.                                             {% endfor %}
  273.                                         </div>
  274.                                     </div>
  275.                                 </div>
  276.                             </div>
  277.                         {% endif %}
  278.                     {% endif %}
  279.             </div>
  280.             </div>
  281.             <div class="row">
  282.                 <div class="col-12">
  283.                     {% if result_destacats is defined %}
  284.                         {% if result_destacats|length > 0 %}
  285.                             <div class="content-destacats">
  286.                                 <div class="row">
  287.                                     <div class="col-12 module-title">
  288.                                         <h2>{{texts.destacat}}</h2>
  289.                                     </div>
  290.                                     <div class="col-12">
  291.                                         <div class="row">
  292.                                             {% set col = [8, 4, 4, 8] %}
  293.                                             {% for key,item in result_destacats %}
  294.                                                 <div class="col-12 col-md-{{col[key]}}">
  295.                                                     <figure class="item-thumb agency-item">
  296.                                                         <div class="label-wrap label-left">
  297.                                                             <span class="label label-success">{{texts.tipo}}</span>
  298.                                                             <span class="label-status label label-default">{{item.operation_obj.text}}</span>
  299.                                                         </div>
  300.                                                         <a href="{{item.url}}" class="hover-effect image-agency-home" style="background-image: url('{{item.first_image}}');"></a>
  301.                                                         <ul class="actions">
  302.                                                             <li class="share-btn">
  303.                                                                 <div class="share_tooltip fade">
  304.                                                                     <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{item.url}}"><i class="fab fa-facebook-f"></i></a>
  305.                                                                     <a target="_blank" href="https://twitter.com/intent/tweet?text={{item.title_detail}}&url={{item.url}}"><i class="fab fa-twitter"></i></a>
  306.                                                                     <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>
  307.                                                                 </div>
  308.                                                                 <span title="" data-placement="bottom" data-toggle="tooltip" data-original-title="{{texts.compartir}}"><i class="fa fa-share-alt"></i></span>
  309.                                                             </li>
  310.                                                         </ul>
  311.                                                         <div class="detail-above detail">
  312.                                                             <div class="fig-title clearfix">
  313.                                                                 <h3 class="">{{item.tipo_nombre}}</h3>
  314.                                                             </div>
  315.                                                             <ul class="list-inline">
  316.                                                                 <li class="cap-price">{{item.preu}}€</li>
  317.                                                                 {% if item.num_dorm is defined %}
  318.                                                                     <li>{{item.num_dorm}} {{texts.dorm_short}}.</li>
  319.                                                                 {% endif %}
  320.                                                                 {% if item.num_banos is defined %}
  321.                                                                     <li>{{item.num_banos}} {{texts.signia_banys}}</li>
  322.                                                                 {% endif %}
  323.                                                                 <li>{{item.superf_constr}} m<sup>2</sup></li>
  324.                                                             </ul>
  325.                                                         </div>
  326.                                                     </figure>
  327.                                                 </div>
  328.                                             {% endfor %}
  329.                                         </div>
  330.                                     </div>
  331.                                 </div>
  332.                             </div>
  333.                         {% endif %}
  334.                     {% endif %}
  335.                 </div>
  336.             </div>
  337.         </div>
  338.     </div>
  339.     <div class="json-content d-none">
  340.         {{page.jsonBack}}
  341.     </div>
  342.     {{page.strHtml | raw}}
  343. {% endblock %}