templates/home/explore_individual.html.twig line 1

Open in your IDE?
  1. {% extends 'base_explore.html.twig' %}
  3. {% block title %}{{ sitio.getNombre }}{% endblock %}
  5. {% block body %}
  6.     {{ include('components/home_navbar/header.html.twig') }}
  7.     <!-- Left Side Navigation -->
  8.     <div class="closeLeftSide"></div>
  9.     <!-- Content -->
  10.     <div id="wrapper">
  11.         <div id="mapView" class="mob-min"><div class="mapPlaceholder"><span class="fa fa-spin fa-spinner"></span> Cargando Mapa...</div></div>
  12.         <div id="content" class="mob-max">
  13.             {% if sitio.getId %}
  14.                 <input type="hidden" name="id_sitio" id="id_sitio" value="{{ sitio.getId }}">
  15.             {% endif %}
  16.             {% if sitio.getIdCategoria %}
  17.                 <input type="hidden" name="id_categoria" id="id_categoria" value="{{ sitio.getIdCategoria.getId }}">
  18.             {% endif %}
  19.             <div class="singleTop">
  20.                 <div id="carouselFull" class="carousel slide" data-ride="carousel">
  21.                     <ol class="carousel-indicators">
  22.                         {% for i in 0..( count_galeria -1 ) %}
  23.                             <li data-target="#carouselFull" data-slide-to="{{ i }}" class="{{ i is same as(0) ? 'active' : '' }}"></li>
  24.                         {% endfor %}
  25.                     </ol>
  26.                     <div class="carousel-inner">
  27.                         {% for imagen in galeria %}
  28.                             <div class="item {{ loop.index is same as(1)  ? 'active' : '' }}">
  29.                                 <img src="{{ asset('uploads/galeria_sitio/') }}{{ imagen.getImagen }}" alt="imagen-{{ loop.index }}" style="width: 800px; height: 480px;">
  30.                                 <div class="container">
  31.                                     <div class="carousel-caption">
  33.                                     </div>
  34.                                 </div>
  35.                             </div>
  36.                         {% endfor %}
  37.                     </div>
  38.                     <a class="left carousel-control" href="#carouselFull" role="button" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
  39.                     <a class="right carousel-control" href="#carouselFull" role="button" data-slide="next"><span class="fa fa-chevron-right"></span></a>
  40.                 </div>
  41.                 <div class="summary">
  42.                     <div class="row">
  43.                         <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  44.                             <div class="summaryItem">
  45.                                 <h1 class="pageTitle">{{ sitio.getNombre }}</h1>
  46.                                 <div class="address"><span class="icon-pointer"></span>{{ sitio.getDireccion }}</div>
  47.                                 <div class="clearfix"></div>
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.             <div class="clearfix"></div>
  54.             <div class="description">
  55.                 <h3>Horarios de Atención</h3>
  56.                 {% if sitio.getHorarioAtencion %}
  57.                     <p>{{ sitio.getHorarioAtencion }}</p>
  58.                 {% else %}
  59.                     <p>Sin Definir</p>
  60.                 {% endif %}
  61.             </div>
  62.             <div class="description">
  63.                 <h3>Descripción</h3>
  64.                 <p style="text-align: justify;">{{ sitio.getDescripcion }}</p>
  65.             </div>
  66.             <div class="share">
  67.                 <h3>Redes Sociales</h3>
  68.                 {% if redes %}
  69.                     <div class="row">
  70.                         {% for red in redes %}
  71.                             <div class="col-xs-6 col-sm-6 col-md-2 col-lg-2 shareItem">
  72.                                 <a href="{{ red.enlace }}" class="btn btn-sm btn-round btn-o btn-facebook" target="_blank"><span class="{{ red.getIdIcono.getIcono }}"></span> {{ red.nombre }}</a>
  73.                             </div>
  74.                         {% endfor %}
  75.                     </div>
  76.                 {% else %}
  77.                     <h3>Sin Redes Sociales</h3>
  78.                 {% endif %}
  79.             </div>
  80.             <div class="amenities">
  81.                 <h3>Servicios</h3>
  82.                 <div class="row">
  83.                     {% if comodidades %}
  84.                         {% for comodidad in comodidades %}
  85.                             <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 amItem {{ comodidad.getEstado is same as('Activa') ? '' : 'inactive'  }} "><span class="{{ comodidad.getIdIcono.getIcono }}"></span> {{ comodidad.getNombre }}</div>
  86.                         {% endfor %}
  87.                     {% else %}
  88.                         <h3>Sin Comodidades</h3>
  89.                     {% endif %}
  90.                 </div>
  91.             </div>
  92.             <div class="similar">
  93.                 <h3>Sitios Similares</h3>
  94.                 <!-- carousel for medium & large devices -->
  95.                 <div id="carouselSimilar-1" class="carousel slide visible-lg carousel-col">
  96.                     <ol class="carousel-indicators">
  97.                         {% if count_relacionados %}
  98.                             {% for i in 0..(( count_relacionados / 3 )|round(0, 'floor')) %}
  99.                                 <li data-target="#carouselSimilar-1" data-slide-to="{{ i }}" class="{{ loop.index == 1 ? 'active' : null }}"></li>
  100.                             {% endfor %}
  101.                         {% endif %}
  102.                     </ol>
  103.                     <div class="carousel-inner">
  104.                         <div class="item active">
  105.                             <div class="row">
  106.                                 {% if relacionados %}
  107.                                     {% for sitio in relacionados %}
  108.                                         <div class="col-xs-4">
  109.                                             <div data-linkto="{{ path('sitio_individual', {'id': sitio.getId }) }}" class="card">
  110.                                                 <div class="figure">
  111.                                                     <img src="{{asset('uploads/imagen_principal/')}}{{ sitio.getImagenPrincipal }}" alt="image">
  112.                                                     <div class="figCaption">
  113.                                                         <div>{{ sitio.getValor }}</div>
  114.                                                     </div>
  115.                                                     <div class="figView"><span class="icon-eye"></span></div>
  116.                                                     <div class="figType">{{ sitio.getEstado }}</div>
  117.                                                 </div>
  118.                                                 <h2>{{ sitio.getIdCiudad.getNombre }}</h2>
  119.                                                 <div class="cardAddress"><span class="icon-pointer"></span> {{ sitio.getDireccion }}</div>
  120.                                                 <div class="clearfix"></div>
  121.                                             </div>
  122.                                         </div>
  123.                                     {% endfor %}
  124.                                 {% else %}
  125.                                     <h3>Sin Sitios Similares</h3>
  126.                                 {% endif %}
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                     <a class="left carousel-control" href="#carouselSimilar-1" role="button" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
  131.                     <a class="right carousel-control" href="#carouselSimilar-1" role="button" data-slide="next"><span class="fa fa-chevron-right"></span></a>
  132.                 </div>
  134.                 <!-- carousel for small devices -->
  135.                 <div id="carouselSimilar-2" class="carousel slide visible-md carousel-col">
  136.                     <ol class="carousel-indicators">
  137.                         {% if count_relacionados %}
  138.                             {% for i in 0..(( count_relacionados / 3 )|round(0, 'floor')) %}
  139.                                 <li data-target="#carouselSimilar-2" data-slide-to="{{ i }}" class="{{ loop.index == 1 ? 'active' : null }}"></li>
  140.                             {% endfor %}
  141.                         {% endif %}
  142.                     </ol>
  143.                     <div class="carousel-inner">
  144.                         <div class="item active">
  145.                             <div class="row">
  146.                                 {% if relacionados %}
  147.                                     {% for sitio in relacionados %}
  148.                                         <div class="col-xs-6">
  149.                                             <div data-linkto="{{ path('sitio_individual', {'id': sitio.getId }) }}" class="card">
  150.                                                 <div class="figure">
  151.                                                     <img src="{{asset('uploads/imagen_principal/')}}{{ sitio.getImagenPrincipal }}" alt="image">
  152.                                                     <div class="figCaption">
  153.                                                         <div>{{ sitio.getValor }}</div>
  154.                                                     </div>
  155.                                                     <div class="figView"><span class="icon-eye"></span></div>
  156.                                                     <div class="figType">{{ sitio.getEstado }}</div>
  157.                                                 </div>
  158.                                                 <h2>{{ sitio.getIdCiudad.getNombre }}</h2>
  159.                                                 <div class="cardAddress"><span class="icon-pointer"></span> {{ sitio.getDireccion }}</div>
  160.                                                 <div class="clearfix"></div>
  161.                                             </div>
  162.                                         </div>
  163.                                     {% endfor %}
  164.                                 {% else %}
  165.                                     <h3>Sin Sitios Similares</h3>
  166.                                 {% endif %}
  167.                             </div>
  168.                         </div>
  169.                     </div><!-- carousel-inner -->
  170.                     <a class="left carousel-control" href="#carouselSimilar-2" role="button" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
  171.                     <a class="right carousel-control" href="#carouselSimilar-2" role="button" data-slide="next"><span class="fa fa-chevron-right"></span></a>
  172.                 </div>
  174.                 <!-- carousel for extra-small devices -->
  175.                 <div id="carouselSimilar-3" class="carousel slide visible-xs visible-sm carousel-col">
  176.                     <ol class="carousel-indicators">
  177.                         {% if count_relacionados %}
  178.                             {% for i in 0..(( count_relacionados / 3 )|round(0, 'floor')) %}
  179.                                 <li data-target="#carouselSimilar-3" data-slide-to="{{ i }}" class="{{ loop.index == 1 ? 'active' : null }}"></li>
  180.                             {% endfor %}
  181.                         {% endif %}
  182.                     </ol>
  183.                     <div class="carousel-inner">
  184.                         <div class="item active">
  185.                             <div class="row">
  186.                                 {% if relacionados %}
  187.                                     {% for sitio in relacionados %}
  188.                                         <div class="col-xs-12">
  189.                                             <div data-linkto="{{ path('sitio_individual', {'id': sitio.getId }) }}" class="card">
  190.                                                 <div class="figure">
  191.                                                     <img src="{{asset('uploads/imagen_principal/')}}{{ sitio.getImagenPrincipal }}" alt="image">
  192.                                                     <div class="figCaption">
  193.                                                         <div>{{ sitio.getValor }}</div>
  194.                                                     </div>
  195.                                                     <div class="figView"><span class="icon-eye"></span></div>
  196.                                                     <div class="figType">{{ sitio.getEstado }}</div>
  197.                                                 </div>
  198.                                                 <h2>{{ sitio.getIdCiudad.getNombre }}</h2>
  199.                                                 <div class="cardAddress"><span class="icon-pointer"></span> {{ sitio.getDireccion }}</div>
  200.                                                 <div class="clearfix"></div>
  201.                                             </div>
  202.                                         </div>
  203.                                     {% endfor %}
  204.                                 {% else %}
  205.                                     <h3>Sin Sitios Similares</h3>
  206.                                 {% endif %}
  207.                             </div>
  208.                         </div>
  209.                     </div>
  210.                     <a class="left carousel-control" href="#carouselSimilar-3" role="button" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
  211.                     <a class="right carousel-control" href="#carouselSimilar-3" role="button" data-slide="next"><span class="fa fa-chevron-right"></span></a>
  212.                 </div>
  213.             </div>
  214.         </div>
  215.         <div class="commentsFormWrapper">
  216.             <div class="cfAvatar">
  217.                 <img class="avatar" src="images/avatar-1.png" alt="avatar">
  218.             </div>
  219.             <form class="commentsForm">
  220.                 <div class="input-group">
  221.                     <input type="text" class="form-control" placeholder="Write a comment...">
  222.                     <span class="input-group-btn"><a class="btn btn-green">Post</a></span>
  223.                 </div>
  224.             </form>
  225.             <div class="clearfix"></div>
  226.         </div>
  227.         <div class="clearfix"></div>
  228.     </div>
  229. {% endblock %}