{% extends 'baseFrontend.html.twig' %}
{% block title 'titulo'|trans ~ parent()  %}
{% block meta_description 'meta'|trans %}
{% block content %}
    <div id="slide-home" class="carousel slide" data-ride="carousel">
        <!-- Indicators 
        <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>
        -->
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            {% if contenido.slider is defined %}
                {% for imagen in contenido.slider %}
                <div class="item{% if loop.first %} active{% endif %}">
                    <div class="fill bg_11" style="background-image:url({{ asset(imagen.archivo.relativePath) }})">
                        <a href="{{ imagen.link }}"></a>
                    </div>
                </div>
                {% endfor %} 
            {% else %}
                <div class="item active">
                    <div class="fill bg_11" style="background-image:url({{ asset('img/40dcto_01.jpg') }})">
                            <a href="{{ path('reserva_plan_nacional') }}"></a>
                    </div>
                </div>
                 <div class="item">
                    <div class="fill bg_10" style="background-image:url({{ asset('img/40dcto_02.jpg') }})">
                            <a href="{{ path('reserva_plan_nacional') }}"></a>
                    </div> 
                </div>   
            {% endif %}
        </div>
        {% if contenido.slider is defined and contenido.slider|length > 1 %}
        <a class="left carousel-control" href="#slide-home" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">{{ 'anterior'|trans }}</span>
        </a>
        <a class="right carousel-control" href="#slide-home" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">{{ 'siguiente'|trans }}</span>
        </a>
        {% endif %}


        <div class="form-horizontal-home">
            <div class="container">
                <ul class="nav nav-tabs">
                    <li role="presentation" class="active">
                        <a href="#nacional" id="nacional-tab" role="tab" data-toggle="tab" aria-controls="nacional" aria-expanded="true">Destinos Nacionales</a>
                    </li>
                    <li role="presentation">
                        <a href="#internacional" id="internacional-tab" role="tab" data-toggle="tab" aria-controls="internacional" aria-expanded="true">Destinos Internacionales</a>
                    </li>
                </ul>
                <div id="tab-form" class="tab-content tab-nacional">
                    <div role="tabpanel" class="tab-pane fade in active" id="nacional" aria-labelledby="nacional-tab">
                        <div class="form-preview">
                            <form id="form-nacional">
                                <div class="row">                                
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label> <i class="fa fa-map-marker red-color"></i> Ciudad de Retiro:</label>
                                            <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                <option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Seleccione Ciudad</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Retiro:</label>
                                            <div id="sucursalRetiroContainer">
                                                <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled="">Seleccione Sucursal</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-automobile red-color"></i> Tipo de vehículo:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Seleccione Vehículo</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">
                                        <div class="form-action">
                                            <button type="submit" class="btn btn-default red-bg body-loader">Elegir auto <i class="fa fa-chevron-right"></i></button>
                                        </div>                                    
                                    </div>
                                </div>
                            </form>
                        </div><!-- // .form-preview -->
                        <div class="form-full" style="display: none;">
                            <form id="form-nacional">
                                <div class="row">                                
                                    <div class="col-sm-4">
                                        <div class="ubicacion">
                                            <div class="form-group">
                                                <label> <i class="fa fa-map-marker red-color"></i> Ciudad de Retiro:</label>
                                                <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled="">Seleccione Ciudad</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="ubicacion-2">
                                            <div class="devolucion-check">
                                                <div class="form-group">
                                                    <label> <i class="fa fa-map-marker red-color"></i> Ciudad de Devolución:</label>
                                                    <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                        <option class="bs-title-option" value=""> </option>
                                                        <option value="" selected="" disabled="">Seleccione Ciudad</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="checkbox">
                                            <input type="checkbox" id="checkbox1">
                                            <label for="checkbox1" class="check-ubicacion">
                                                Devolver en otra ubicación
                                            </label>
                                        </div>
                                    </div><!-- // .col-sm-4 -->
                                    <div class="col-sm-4">
                                        <div class="ubicacion">
                                            <div class="form-group">
                                                <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Retiro:</label>
                                                <div id="sucursalRetiroContainer">
                                                    <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                        <option class="bs-title-option" value=""> </option>
                                                        <option value="" selected="" disabled="">Seleccione Sucursal</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ubicacion-2">
                                            <div class="devolucion-check">
                                                <div class="form-group">
                                                    <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Devolución:</label>
                                                    <div id="sucursalRetiroContainer">
                                                        <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                            <option class="bs-title-option" value=""> </option>
                                                            <option value="" selected="" disabled="">Seleccione Sucursal</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-4 -->
                                    <div class="col-sm-4">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-automobile red-color"></i> Tipo de vehículo:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Seleccione Vehículo</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-4 -->                                   
                                </div><!-- // .row -->

                                <div class="row">                                
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha de Retiro:</label>
                                            <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                <option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora de Retiro:</label>
                                            <div id="sucursalRetiroContainer">
                                                <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled=""></option>
                                                </select>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha Devolución:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 --> 
                                     <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora Devolución:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 --> 
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-credit-card red-color"></i> Tipo de Descuento:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-credit-card red-color"></i> Ingrese código:</label>
                                            <select disabled required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->                                 
                                </div><!-- // .row -->
                                <div class="form-action center">
                                    <button type="submit" class="btn btn-default red-bg body-loader">Elegir auto <i class="fa fa-chevron-right"></i></button>
                                </div>
                            </form>
                        </div><!-- // .form-full -->
                    </div><!-- // .tab-pane -->
                    <div role="tabpanel" class="tab-pane fade tab-internacional" id="internacional" aria-labelledby="internacional-tab">
                        <div class="form-preview">
                            <form id="form-internacional">
                                <div class="row">                                
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Retiro:</label>
                                            <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                <option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Ciudad de destino</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha de Retiro:</label>
                                            <div id="sucursalRetiroContainer">
                                                <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled="">Seleccione Fecha</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora de Retiro:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Seleccione Vehículo</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-3 -->
                                    <div class="col-sm-3">
                                        <div class="form-action">
                                            <button type="submit" class="btn btn-default red-bg body-loader">Elegir auto <i class="fa fa-chevron-right"></i></button>
                                        </div>                                    
                                    </div>
                                </div>
                            </form>
                        </div><!-- // .form-preview -->
                        <div class="form-full" style="display: none;">
                            <form id="form-internacional">
                                <div class="row">                                
                                    <div class="col-sm-4">
                                        <div class="ubicacion">
                                             <div class="form-group">
                                                <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Retiro:</label>
                                                <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled="">Ciudad de destino</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="ubicacion-2">
                                            <div class="devolucion-check">
                                                 <div class="form-group">
                                                    <label> <i class="fa fa-map-marker red-color"></i> Sucursal de Retiro:</label>
                                                    <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                        <option class="bs-title-option" value=""> </option>
                                                        <option value="" selected="" disabled="">Ciudad de destino</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="checkbox">
                                            <input type="checkbox" id="checkbox1">
                                            <label for="checkbox1" class="check-ubicacion">
                                                Devolver en otra ubicación
                                            </label>
                                        </div>
                                    </div><!-- // .col-sm-4 -->
                                    <div class="col-sm-4">
                                         <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha de Retiro:</label>
                                            <div id="sucursalRetiroContainer">
                                                <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled="">Seleccione Fecha</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-4 -->
                                    <div class="col-sm-4">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora de Retiro:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled="">Seleccione Vehículo</option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-4 -->                                   
                                </div><!-- // .row -->

                                <div class="row">                                
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha de Retiro:</label>
                                            <select required="" id="ciudadRetiro" name="ciudadRetiro" class="validar form-control selectpicker ciudad-sucursal-ajax bs-select-hidden" starget="#sucursalRetiroContainer">
                                                <option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora de Retiro:</label>
                                            <div id="sucursalRetiroContainer">
                                                <select required="" name="sucursalRetiro" class="validar form-control selectpicker sucursal-horario-ajax bs-select-hidden" starget="#horaRetiroContainer">
                                                    <option class="bs-title-option" value=""> </option>
                                                    <option value="" selected="" disabled=""></option>
                                                </select>
                                            </div>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-calendar red-color"></i> Fecha Devolución:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 --> 
                                     <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-clock-o red-color"></i> Hora Devolución:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 --> 
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-credit-card red-color"></i> Tipo de Descuento:</label>
                                            <select required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->
                                    <div class="col-sm-2">                                    
                                        <div class="form-group">
                                            <label> <i class="fa fa-credit-card red-color"></i> Ingrese código:</label>
                                            <select disabled required="" name="categoria" class="validar form-control selectpicker bs-select-hidden"><option class="bs-title-option" value=""> </option>
                                                <option value="" selected="" disabled=""></option>
                                            </select>
                                        </div>
                                    </div><!-- // .col-sm-2 -->                                 
                                </div><!-- // .row -->
                                <div class="form-action center">
                                    <button type="submit" class="btn btn-default red-bg body-loader">Elegir auto <i class="fa fa-chevron-right"></i></button>
                                </div>
                            </form>
                        </div><!-- // .form-full -->
                    </div><!-- // .tab-pane -->
                </div>
            </div>            
        </div>
    </div><!-- // #slide-home -->

    <div class="home-beneficios">
        <div class="container">
            <div class="beneficios-title">
                <h2>Avis, lider mundial en arriendos de auto</h2>
                <h3>Descubre nuestros exclusivos beneficios</h3>
            </div>
            <div class="beneficios-grid">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="banner-home banner-full-h">
                            <div class="banner-1 banner-bg">
                                <div class="banner-info">
                                    <div class="banner-caption">
                                        <h3>40% DCTO</h3>
                                        <h2>al pagar con tarjetas de crédito CMR Falabella</h2>
                                    </div>
                                    <div class="banner-cta">
                                        <a href="#" class="btn btn-default red-bg" title="40% DCTO con tarjetas de crédito CMR Falabella">Ver Alianza</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="banner-home banner-square">
                            <div class="banner-2 banner-bg">
                                <div class="banner-info">
                                    <div class="banner-caption">                                    
                                        <h2 class="font-40">Avis for<br/>Business</h2>
                                    </div>
                                    <div class="banner-cta">
                                        <a href="#" class="btn btn-default red-bg" title="Leasing Operativo y arriendo para empresas">Ver Empresas</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-8">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="banner-home banner-square">
                                    <div class="banner-3 banner-bg">
                                        <div class="banner-info">
                                            <div class="banner-caption">
                                                <h3>$19.990 +IVA</h3>
                                                <h2>Pack de Cobertura Total</h2>
                                                <p>*Valor diario sin deducible</p>
                                            </div>
                                            <div class="banner-cta">
                                                <a href="#" class="btn btn-default red-bg" title="Pack de Cobertura Total">Ver Pack</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="banner-home banner-square">
                                    <div class="banner-4 banner-bg">
                                        <div class="banner-info">
                                            <div class="banner-caption">
                                                <h3>$5.990 +IVA</h3>
                                                <h2>Wifi Móvil</h2>
                                                <p>Conectado se viaja mejor</p>
                                            </div>
                                            <div class="banner-cta">
                                                <a href="#" class="btn btn-default red-bg" title="Wifi Móvil">Ver Adicional</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="banner-home banner-full-h">
                                    <div class="banner-5 banner-bg">
                                        <div class="banner-info">
                                            <div class="banner-caption">                                            
                                                <h2 class="font-40">¿Quieres cruzar<br/>a Argentina?</h2>
                                                <p>Revisa los requisitos</p>
                                            </div>
                                            <div class="banner-cta">
                                                <a href="#" class="btn btn-default red-bg" title="Viajes a Argentina">Ver Requisitos</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="banner-home banner-vertical">
                            <div class="banner-6 banner-bg">
                                <div class="banner-info">
                                    <div class="banner-caption">                                            
                                        <h2 class="font-40">Ventas Usados <br/>Avis</h2>
                                        <p>Aeropuerto de Santiago</p>
                                    </div>
                                    <div class="banner-cta">
                                        <a href="#" class="btn btn-default red-bg" title="Viajes a Argentina">Ver Autos</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                   
                </div>
            </div>
        </div>
    </div>
    <!-- FORM ANTIGUO 
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="formulario-reserva">
                        {% if contenido.bannerHomeResponsiveAvis is defined and contenido.bannerHomeResponsiveAvis|first.archivo is defined %}
                    	<div class="banner banner-570 banner-res">
                            <img src="{{ asset(contenido.bannerHomeResponsiveAvis|first.archivo.relativePath) }}" alt="¡Otoño rebajado con Avis!" title="¡Otoño rebajado con Avis!">
                        </div>
                        {% endif %}
                        <ul class="nav nav-tabs nav-justified">
                            <li role="presentation" class="active">
                                <a href="#nacional" id="nacional-tab" role="tab" data-toggle="tab" aria-controls="nacional" aria-expanded="true">{{ 'reservas.plan'|trans }}</a>
                            </li>
                            <li role="presentation">
                                <a href="#internacional" id="internacional-tab" role="tab" data-toggle="tab" aria-controls="internacional" aria-expanded="true">{{ 'reservas.intl'|trans }}</a>
                            </li>
                        </ul>
                        <div id="tab-form" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="nacional" aria-labelledby="nacional-tab">
                                {% render(controller( "AppBundle:Reserva:planNacionalTable", {'pagina': 'home'})) %}	
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="internacional" aria-labelledby="internacional-tab">
                                {% render(controller( "AppBundle:Reserva:planInternacionalTable", {'pagina': 'home'})) %}  
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="banner-horizontal">
                        <div class="row no-margin">
                            <div class="col-sm-5 no-padding">
                                <div class="cover cover-lo">
                                    <a href="{{ path('contacto-lo') }}" title="{{ 'loperativo.flotas'|trans }}">
                                        <div class="red-square red-bg">
                                            <i class="fa fa-plus white-color"></i>
                                        </div>
                                        <div class="cover-black"></div>
                                        <img src="{{ asset('img/lo_01.jpg') }}" alt="{{ 'loperativo.flotas'|trans }}" title="{{ 'loperativo.flotas'|trans }}">
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="descripcion">
                                    <h2><a href="{{ path('contacto-lo') }}">{{ 'loperativo.flotas'|trans }}</a></h2>
                                    <p class="extracto">{{ 'loperativo.msg'|trans }}</p>
                                    <a class="btn btn-red btn-sm red-bg" href="{{ path('contacto-lo') }}" title="{{ 'loperativo.flotas'|trans }}">{{ 'info.mas'|trans }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    -->
	{#
	{% if promociones|length > 0 %}
    <!-- Widget Promociones -->
    <div class="container-fluid promociones-carrusel">
        <div class="container">
            <div class="widget-titulo">
                <h2><i class="fa fa-tags red-color"></i> {{ 'promociones.dcto.avis'|trans }}</h2>
            </div>
            {% render(controller( "AppBundle:Promocion:widget", {'promociones': promociones, 'id': 'carrusel', 'items': 4, 'size': 270})) %}
        </div>
    </div>
	{% endif %}
    <!-- // Widget Promociones -->
	#}
{% endblock %}
{% block footer %}
{% if newsletterForm is not defined %}{% set newsletterForm = NULL %}{% endif %}
{% render(controller( "AppBundle:Newsletter:bar", {'newsletterForm': newsletterForm})) %}
{{ parent() }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
    $(document).ready(function(){
        $(".form-preview .bootstrap-select").click(function(e){
            $(".form-preview").addClass("remove");
            $(".form-full").addClass("open");            
        });
    });
</script>
{% endblock %}