{% extends "@QbaBitCore/Form/edit.html.twig" %}
{% block form_inner %}
    <style>
        #tab_anuncio .content
        {
            min-height: 0;
        }
        #anuncio_container #geoData .col-md-3
        {
            margin-top: 0!important;

        }
        .tab-content{
            margin-top: 20px;
        }
        #qb_inm_anuncio_geoData_search{
            margin-top: -9px;
        }
        .nmlf:first-child{
            padding-left: 0 !important;
        }
    </style>

<div class="nav-tabs-custom">
    <ul class="nav nav-tabs">
        <li class=" active"><a data-toggle="tab" href="#tab_anuncio" class="">{{ 'anuncio' | trans({}, 'inmobiliaria') }}</a></li>
        <li class=" "><a data-toggle="tab" href="#tab_seo" class="">{{ 'seo' | trans({}, 'inmobiliaria') }}</a></li>
        <li class=" "><a data-toggle="tab" href="#tab_notas" class="">{{ 'anotaciones' | trans({}, 'inmobiliaria') }}</a></li>
    </ul>
    <div class="col-sm-12 col-md-12 col-xs-12">
    <div class="tab-content">
        <div class="tab-pane  active" id="tab_anuncio">
            <div class="row">
                {% if  form.children.images is defined  %}
                    <div class="col-md-12" id="image_container">
                        {{ form_row(form.images ) }}
                    </div>
                {% endif %}

                {% if  form.children.video is defined %}
                    <div class="col-sm-12 col-md-12 ">
                        {{ form_row(form.video) }}
                    </div>
                {% endif %}
                {% if form.children.name is defined %}
                    <div class="col-sm-12 col-md-12 ">
                        {{ form_row(form.name) }}
                    </div>
                {% endif %}
                {% if form.vars.value.tipoAnuncio != "personalizado"  %}

                    <div class="col-sm-12 col-md-8 cntradio">
                        {{ form_row(form.privado) }}
                    </div>
                    <div class="col-sm-12 col-md-4 ">
                        {{ form_row(form.status) }}
                    </div>

                    <div class="col-xs-12">
                        <div class="row">

                            {% set user = form.vars.data.userid %}
                            {% if user %}
                                {% set fullNameUser = user.name ~' '~user.primerApellido~' '~user.segundoApellido %}
                            {% else  %}
                                {% set fullNameUser = 'seleccione_usuario' | trans({}, 'seguridad')  %}
                            {% endif %}
                            <div class="col-md-3">
                                <label>{{ 'usuario' | trans({}, 'seguridad') }}</label>
                                <a href="#" id="selectUsuario" style="display: block; margin: 0px;"
                                   class="btn bg-navy btn-flat"><i class="fa fa-fw fa-user-secret"></i>
                                    <span id="usuario">{{ fullNameUser }}</span>
                                </a>
                            </div>
                            <div class="col-md-3 col-sm-3 ">
                                {{ form_row(form.tipoModalidad) }}
                            </div>
                            <div class="col-md-3 col-sm-3 ">
                                {{ form_row(form.tipoPropiedad) }}
                            </div>
                            <div class="col-md-3 col-sm-3 ">
                                {{ form_row(form.tipoVivienda) }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.descripcion) }}
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-3 col-sm-3 col-xs-3">
                                {{ form_row(form.price) }}
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-3">
                                {{ form_row(form.superficie) }}
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-3">
                                {{ form_row(form.banios) }}
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-3">
                                {{ form_row(form.cuartos) }}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                {{ form_row(form.caracteristicas) }}
                            </div>
                            <div class="col-md-6">
                                {{ form_row(form.zonasInteres) }}
                            </div>
                        </div>
                        <div class="row ">
                            <div class="col-md-4">
                                {{ form_row(form.pais ) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.comunidad ) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.provincia) }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12" id="geoData" >
                        {{ form_row(form.geoData) }}
                    </div>
                    <div class="col-md-3 cntcheck" >
                        {{ form_row(form.hideLocation) }}
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 cntcheck">
                        {{ form_row(form.activo) }}
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 cntcheck">
                        {{ form_row(form.destacado) }}
                    </div>
                    <div class="col-md-12 cntcheck option-zonas" >
                        {{ form_row(form.segmentar, {attr: {'class': 'checktree'}}) }}
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 select-zonas" {% if form.vars.value.zonaVisible | length == 0 %}style="display: none" {% endif %}>
                        {{ form_widget(form.zonaVisible, { attr: { class: 'qbitemcat qbtree' } }) }}
                    </div>
                {% else %}
                    {% if form.children.name is defined %}
                    <div class="col-sm-12 col-md-8 ">
                        {{ form_row(form.name) }}
                    </div>
                    {% endif %}
                    <div class="col-sm-12 col-md-4 col-xs-12">
                        {{ form_row(form.tipoVivienda) }}
                    </div>
                    <div class="col-md-12">
                        {{ form_row(form.descripcion) }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="tab-pane " id="tab_seo">
            <div class="row">
                {#<div class="col-xs-12">#}
                    {#<h3>Seo</h3>#}
                {#</div>#}
                <div class="col-md-6">
                    {{ form_row(form.metaTitle) }}
                </div>
                <div class="col-md-6">
                    {{ form_row(form.metaKeywords) }}
                </div>
                <div class="col-xs-12">
                    {{ form_row(form.metaDescription) }}
                </div>
            </div>
        </div>
        <div class="tab-pane " id="tab_notas">
            <div class="row">
                <div class="col-md-12">
                    {{ form_row(form.comments) }}
                </div>

            </div>
        </div>
    </div>
    </div>
</div>
    {#<div class="col-xs-12">#}
    {#<div class="row" id="anuncio_container">#}
        {#<div  class="col-sm-12 col-md-12 col-xs-12">#}
            {#<div class="row">#}
                {#{% if  form.vars.value.tipoAnuncio != "demanda"  %}#}
                    {#<div class="col-md-12" id="image_container">#}
                        {#{{ form_row(form.images ) }}#}
                    {#</div>#}
                {#{% endif %}#}

                {#{% if  form.vars.value.tipoAnuncio != "demanda"   %}#}
                    {#<div class="col-sm-12 col-md-12 ">#}
                        {#{{ form_row(form.video) }}#}
                    {#</div>#}
                {#{% endif %}#}
                {#{% if form.vars.value.tipoAnuncio == "demanda" %}#}
                    {#<div class="col-sm-12 col-md-12 ">#}
                        {#{{ form_row(form.name) }}#}
                    {#</div>#}
                {#{% endif %}#}
                {#{% if form.vars.value.tipoAnuncio != "personalizado"  %}#}

                        {#<div class="col-sm-12 col-md-12 cntradio">#}
                            {#{{ form_row(form.privado) }}#}
                        {#</div>#}

                    {#<div class="col-xs-12">#}
                        {#<div class="row">#}

                            {#{% set user = form.vars.data.userid %}#}
                            {#{% if user %}#}
                                {#{% set fullNameUser = user.name ~' '~user.primerApellido~' '~user.segundoApellido %}#}
                            {#{% else  %}#}
                                {#{% set fullNameUser = 'seleccione_usuario' | trans({}, 'seguridad')  %}#}
                            {#{% endif %}#}
                            {#<div class="col-md-3">#}
                                {#<label>{{ 'usuario' | trans({}, 'seguridad') }}</label>#}
                                {#<a href="#" id="selectUsuario" style="display: block; margin: 0px;"#}
                                   {#class="btn bg-navy btn-flat"><i class="fa fa-fw fa-user-secret"></i>#}
                                    {#<span id="usuario">{{ fullNameUser }}</span>#}
                                {#</a>#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 ">#}
                                {#{{ form_row(form.tipoModalidad) }}#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 ">#}
                                {#{{ form_row(form.tipoPropiedad) }}#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 ">#}
                                {#{{ form_row(form.tipoVivienda) }}#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="row">#}
                            {#<div class="col-md-12">#}
                                {#{{ form_row(form.descripcion) }}#}
                            {#</div>#}

                        {#</div>#}
                        {#<div class="row">#}
                            {#<div class="col-md-3 col-sm-3 col-xs-3">#}
                                {#{{ form_row(form.price) }}#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 col-xs-3">#}
                                {#{{ form_row(form.superficie) }}#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 col-xs-3">#}
                                {#{{ form_row(form.banios) }}#}
                            {#</div>#}
                            {#<div class="col-md-3 col-sm-3 col-xs-3">#}
                                {#{{ form_row(form.cuartos) }}#}
                            {#</div>#}
                        {#</div>#}

                        {#<div class="row">#}
                            {#<div class="col-md-6">#}
                                {#{{ form_row(form.caracteristicas) }}#}
                            {#</div>#}
                            {#<div class="col-md-6">#}
                                {#{{ form_row(form.zonasInteres) }}#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="row ">#}
                            {#<div class="col-md-4">#}
                                {#{{ form_row(form.pais ) }}#}
                            {#</div>#}
                            {#<div class="col-md-4">#}
                                {#{{ form_row(form.comunidad ) }}#}
                            {#</div>#}
                            {#<div class="col-md-4">#}
                                {#{{ form_row(form.provincia) }}#}
                            {#</div>#}
                        {#</div>#}
                    {#</div>#}
                    {#<div class="col-md-12" id="geoData" >#}
                        {#{{ form_row(form.geoData) }}#}
                    {#</div>#}
                    {#<div class="col-md-12 cntcheck" >#}
                        {#{{ form_row(form.hideLocation) }}#}
                    {#</div>#}

                        {#<div class="col-md-12 cntcheck option-zonas" >#}
                            {#{{ form_row(form.segmentar, {attr: {'class': 'checktree'}}) }}#}
                        {#</div>#}
                        {#<div class="col-xs-12 col-sm-12 col-md-12 select-zonas" {% if form.vars.value.zonaVisible | length == 0 %}style="display: none" {% endif %}>#}
                            {#{{ form_widget(form.zonaVisible, { attr: { class: 'qbitemcat qbtree' } }) }}#}
                        {#</div>#}


                {#{% else %}#}
                    {#<div class="col-sm-12 col-md-8 ">#}
                        {#{{ form_row(form.name) }}#}
                    {#</div>#}
                    {#<div class="col-sm-12 col-md-4 col-xs-12">#}
                        {#{{ form_row(form.tipoVivienda) }}#}
                    {#</div>#}
                    {#<div class="col-md-12">#}
                        {#{{ form_row(form.descripcion) }}#}
                    {#</div>#}
                {#{% endif %}#}



            {#</div>#}
            {#<div class="row">#}
                 {#<div class="col-xs-12">#}
                     {#<h3>Seo</h3>#}
                 {#</div>#}
                {#<div class="col-md-6">#}
                    {#{{ form_row(form.metaTitle) }}#}
                {#</div>#}
                {#<div class="col-md-6">#}
                    {#{{ form_row(form.metaKeywords) }}#}
                {#</div>#}
                {#<div class="col-xs-12">#}
                    {#{{ form_row(form.metaDescription) }}#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
    {#</div>#}


{% endblock %}

{% block postScripts %}
    <script type="text/javascript">
        function QbabitAnuncioJavascripts() {
            try {
            {% if form.vars.data.isPrivado==1 %}
            $("#qb_inm_anuncio_privado_1")[0].checked= true;
            $("#qb_inm_anuncio_privado_1").parent().addClass("checked");

            {% else %}
            $("#qb_inm_anuncio_privado_0")[0].checked= true;
            $("#qb_inm_anuncio_privado_0").parent().addClass("checked");
            $(".option-zonas ").hide();
            $(".select-zonas ").hide();
            {% endif %}


                qb_inm_anuncio_segmentar.checked = "{{ form.vars.value.zonaVisible | length == 0?false:true }}";
            }catch (e) {

            }

            setTimeout(function(){

                if ({{ form.vars.value.zonaVisible | length }}){
                    jQuery('#qb_inm_anuncio_segmentar').parents().addClass('checked');
                }

                jQuery('#qb_inm_anuncio_segmentar').on('ifToggled', function () {
                    if (jQuery(this).is(':checked'))
                        jQuery('.select-zonas').slideDown('slow');
                    else
                        jQuery('.select-zonas').slideUp('slow');
                });
                jQuery('#qb_inm_anuncio_privado_1').on('ifToggled', function () {
                    if (jQuery(this).is(':checked'))
                    {
                        jQuery('.option-zonas').fadeIn('slow');
                        if ($(qb_inm_anuncio_segmentar).parent().hasClass("checked"))
                            jQuery('.select-zonas').fadeIn('slow');
                    }

                    else
                    {
                        jQuery('.option-zonas').fadeOut('slow');
                        jQuery('.select-zonas').fadeOut('slow');
                    }

                });
            },1220);
            var _modal = Util.showModal({
                id: 'modalSelectUser',
                title: '{{ 'seleccione_usuario' | trans({}, 'seguridad') }}',
                placeholder: 'udptcontentmodal',
                content: '',
                buttons: [
                    {
                        'class': 'btn btn-default',
                        'data': 'data-dismiss="modal"',
                        'text': '{{ 'cancelar' | trans({}, 'qbabitcore') }}'
                    }
                ]
            });

            Util.registerCallBack('onselect.user', function (obj) {

                jQuery('#usuario').html(obj.name);
                jQuery('#{{ form.vars.id }}_userid').val(obj.id);
                _modal.modal('hide');
            });

            jQuery('#selectUsuario').on('click', function () {
                if (!_modal.find('#udptcontentmodal').html()) {
                    MKLib.AjaxRequest('{{ path('inm_anuncio_usuarios', {'placeholder': 'udptcontentmodal'}) }}', '', function (j) {
                        _modal.find('#udptcontentmodal').empty().append(j);
                        MKLib.unlockScreen();
                        _modal.modal('show');
                    }, 'text');
                }
                else {
                    _modal.modal('show');
                }
                return;
            });
            $("#{{ form.vars.id }}").off("submit").on('submit', function (e) {
                e.stopPropagation();
                e.preventDefault();

                if($('#{{ form.vars.id }}_userid').val()=="")
                {

                    toastr["error"]("Por favor seleccione un usuario al cual pertenece esta propiedad");
                    return false;

                }

                if($('#qb_inm_anuncio_descripcion').val()=="")
                {
                    toastr["error"]("Por favor rellene el campo de descripción");
                    return false;
                }
                    doEdit(this,e);

            });
        }



        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
            QbabitAnuncioJavascripts();
        }, false);
        {% else %}
        jQuery(function () {
            QbabitAnuncioJavascripts();
        });
        {% endif %}
    </script>
{% endblock %}