{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitInmobiliaria/layout.html.twig', 'frontend') %}
{% block update %}

    <style>
        .cont-ben{
            padding-top: 20px;
        }
        .cont-ben .panel-title i{
            float: right;
            font-style: normal;
        }
    </style>
    {% set title =  'seguro'| trans({}, 'seguro') %}
    {% include 'QbaBitInmobiliariaBundle:FrontIndex/RenderSections:header_banner.html.twig' with {text: title }  %}

    {% if seguro is defined and seguro %}
        <section class="section-98 section-md-110 bg-lighter novi-background bg-cover">
            <div class="container">
                <h3 class="font-weight-bold">{{ seguro.name }}</h3>
                <hr class="divider bg-saffron">
                <div class="offset-md-top-66">
                    <div class="row row-fix row-50">
                        <div class="col-md-4">
                            <div class="widget">
                            <img class="img-fluid d-inline-block" src="{{ seguro.imagen  | imagine_filter('thumb770x510')}}" style="width: 100%">
                                <a class="btn btn-block btn-primary offset-top-34 d-inline-block" href="#contact-form-seguro" style="max-width: 370px">{{ 'Contacta con nosotros' | trans({}, 'inmobiliaria') }}</a>
                                <div class="offset-top-34">
                                    <address class="contact-info text-lg-left">
                                        <ul class="list-unstyled p">
                                            {% if seguro.userid.telMovil %}
                                            <li class="d-block">
                                                <a class="d-inline-block text-middle" href="tel:{{ seguro.userid.telMovil }}">
                                                    <span class="novi-icon icon icon-xxs mdi mdi-phone text-middle" style="margin-right: 5px"></span>
                                                    {{ seguro.userid.telMovil }}
                                                </a>
                                            </li>
                                            {% endif %}
                                            {% if seguro.userid.numberWhatsApp %}
                                                <li class="d-block">

                                                    <a class="d-inline-block text-middle" href="https://wa.me/34{{ seguro.userid.numberWhatsApp }}">
                                                        <span class="novi-icon icon icon-xxs mdi fa fa-whatsapp text-middle" style="margin-right: 5px"></span>
                                                        {{ seguro.userid.numberWhatsApp }}
                                                    </a>
                                                </li>
                                            {% endif %}
                                            <li class="d-block">
                                                <a class="d-inline-block text-middle" href="mailto:{{ seguro.userid.email }}">
                                                    <span class="novi-icon icon icon-xxs mdi mdi-email-open text-middle" style="margin-right: 5px"></span>
                                                    {{ seguro.userid.email }}
                                                </a>
                                            </li>
                                        </ul>
                                    </address>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="widget">
                                <div class="cont-desc">
                                    {{ seguro.descripcion | raw }}
                                </div>
                                {% if  seguro.beneficio  | length %}
                                <div class="cont-ben">
                                    <h4 class="ben-title">{{ 'beneficios' | trans({}, 'seguro') }}</h4>
                                    {% set cont = 1 %}
                                    {% for item in seguro.beneficio  %}
                                        <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
                                        <div class="card">
                                            <div class="card-header" role="tab" id="headingThree3">
                                                <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseThree{{ cont }}"
                                                   aria-expanded="false" aria-controls="collapseThree3">
                                                    <h4 class="panel-title">
                                                        {{ item.name | capitalize }} <i class="fas fa-angle-down rotate-icon"></i>
                                                    </h4>
                                                </a>
                                            </div>
                                            <div id="collapseThree{{ cont }}" class="collapse" role="tabpanel" aria-labelledby="headingThree{{ cont }}"
                                                 data-parent="#accordionEx">
                                                <div class="card-body">
                                                    {{ item.descripcion | raw }}
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                        {% set cont = cont + 1 %}
                                    {% endfor %}
                                </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    {% endif %}

    <style>
        .content-form-seguro{
            width: 100%;
            margin: auto;
            padding: 10px;
            position: relative;
        }
        @media (min-width: 480px){
            .content-form-seguro{
                width: 100%;
            }
        }
        @media (min-width: 768px){
            .content-form-seguro{
                width: 80%;
            }
        }
        @media (min-width: 992px){
            .content-form-seguro{
                width: 50%;
            }
        }


    </style>
    <section class="section-98 section-md-110 novi-background bg-cover">
        <div class="container">
            <div class="content-form-seguro">
            {{ render(controller('QbaBitSeguroBundle:CustomForm:execute', {  seguro: seguro.slug,simple:true })) }}
            </div>
        </div>
    </section>

{% endblock %}