{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list.html.twig', 'backend') %}
{% block search_columns %}
    <div class="col-md-3">
        <div class="form-group">
            {{ form_label(searchForm.name) }}
            {{ form_widget(searchForm.name) }}
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            {{ form_label(searchForm.userid) }}
            {{ form_widget(searchForm.userid) }}
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            {{ form_label(searchForm.status) }}
            {{ form_widget(searchForm.status) }}
        </div>
    </div>

    <div class="col-md-2">
        <div class="form-group">
            <label style="display: block;">&nbsp;</label>
            {{ form_row(searchForm.submit) }}
        </div>
    </div>

{% endblock %}
{% block dropdown_base %}
    {% if role is defined %}
        {% if role.new is defined %}
            {% if is_granted( role.new ) %}
                {% if isImages is not defined %}
                    <li>
                        <a href="{{ path(url.new, paramsUrl) }}" class="new-item"
                           style="height: auto;"><i
                                    class="fa fa-plus-square"></i>{{ 'new' | trans({}, 'qbabitcore') }}
                        </a>
                        <a href="" class="new hidden" data-action="{{ path(url.new, paramsUrl) }}"
                           style="height: auto;"><i
                                    class="fa fa-plus-square"></i>{{ 'new' | trans({}, 'qbabitcore') }}
                        </a>
                    </li>
                {% else %}
                    <li>
                        <a class="new-media" data-toggle="collapse" href="#up-area" role="button" aria-expanded="false"
                           aria-controls="up-area"
                           style="height: auto;"><i
                                    class="fa fa-plus-square"></i>{{ 'new' | trans({}, 'qbabitcore') }}
                        </a>
                    </li>
                {% endif %}
            {% endif %}
        {% endif %}
    {% endif %}
    {% if role is defined %}
        {% if role.delete is defined %}
            {% if is_granted(role.delete ) %}
                <li>
                    <a href="#" class="del qballowdisabled qbisDisabled"><i
                                class="fa fa-trash-o"></i>{{ 'delete' | trans({}, 'qbabitcore') }}
                    </a>
                </li>
            {% endif %}
        {% endif %}
    {% endif %}
{% endblock %}
{% block columns %}
    <th scope="col" style="max-width: 50%">{{ knp_pagination_sortable(data, 'name' | trans({}, 'inmobiliaria'), 'c.name', {'direction': 'desc'}) }}</th>
    <th scope="col">{{ 'qbblog_visits' | trans({}, 'blog') }}</th>
    <th scope="col">{{ 'price' | trans({}, 'inmobiliaria') }}</th>
    <th scope="col">{{ 'tipo_anuncio' | trans({}, 'inmobiliaria') }}</th>
    <th scope="col">{{ 'creado' | trans({}, 'inmobiliaria') }}</th>
    <th scope="col">{{ 'status' | trans({}, 'inmobiliaria') }}</th>
{% endblock %}
 {% block rows %}
     {% for inm_anuncio_row_org in searchForm.listData.rows %}
         {% set  inm_anuncio=inm_anuncio_row_org.vars.data  %}
         {% set inm_anuncio_row = inm_anuncio_row_org.children["checked"]  %}

         <tr id="rw{{ inm_anuncio.id }}">
             <td>
                 {{ form_widget(inm_anuncio_row) }}
             </td>
             <td data-label="{{ 'name' | trans({}, 'inmobiliaria') }}">
                 {% if is_granted(role.edit) %}
                     <a href="{{ path(url.edit, {'id': inm_anuncio.id}) }}"
                        class="edit">{{ inm_anuncio.name }}</a>
                 {% else %}
                     {{ inm_anuncio.name }}
                 {% endif %}
             </td>
             <td data-label="{{ 'qbblog_visits' | trans({}, 'blog') }}" class="text-center">
                 <span class="badge {{ inm_anuncio.visits ? 'bg-green' : '' }}">{{ inm_anuncio.visits }}</span>
             </td>
             <td data-label="{{ 'price' | trans({}, 'inmobiliaria') }}" class="text-right">{{ QbCurrencyFormat(inm_anuncio.price) }}</td>
             <td data-label="{{ 'tipo_anuncio' | trans({}, 'inmobiliaria') }}">{{ inm_anuncio.tipoAnuncio|trans({},"inmobiliaria") }}</td>
             <td data-label="{{ 'creado' | trans({}, 'inmobiliaria') }}">
                 {{ inm_anuncio.createdOn | date('d/m/Y') }}
             </td>
             <td data-label="{{ 'status' | trans({}, 'inmobiliaria') }}">{{ inm_anuncio.status|trans({},"inmobiliaria") }}</td>
         </tr>
     {% else %}
         <tr>
             <td colspan="12">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
         </tr>
     {% endfor %}

     <style>
         @media only screen and (max-width: 1024px), (max-device-width: 1024px) and (min-device-width: 768px){
             table, thead, tbody, th, td, tr, tfoot {
                  display: revert;
             }
         }
         @media screen and (max-width: 800px) {
             .table-responsive{
                 width: 94%;
                 margin: auto;
             }
             table tbody tr td:first-child{
                 padding-left: 7px !important;
                 text-align: left !important;
             }
             table tbody>tr:nth-of-type(odd) {
                 background-color: #f9f9f9;
             }
             table {
                 border: 0;
             }

             table caption {
                 font-size: 1.3em;
             }

             table thead {
                 border: none;
                 clip: rect(0 0 0 0);
                 height: 1px;
                 margin: -1px;
                 overflow: hidden;
                 padding: 0;
                 position: absolute;
                 width: 1px;
             }

             table tr {
                 display: block;
                 margin-bottom: .625em;
             }

             table td {
                 border-bottom: 1px solid #ddd;
                 display: block;
                 text-align: right !important;
                 padding-left: 35% !important;
                 white-space: initial !important;
             }

             table td::before {
                 content: attr(data-label);
                 float: left;
                 font-weight: bold;
                 text-align: left;
             }

             table td:last-child {
                 border-bottom: 0;
             }
             .table-responsive {
                  border: unset !important;
             }
         }

     </style>
 {% endblock %}

 {% block postScript %}

     <script type="text/javascript">
         function QbabitJavascripts1() {
             {#var _modal = Util.showModal({#}
                 {#id: 'modalSelectType',#}
                 {#title: 'Seleccione tipo de anuncio',#}
                 {#placeholder: 'udptcontentmodal',#}
                 {#content: '',#}
                 {#buttons: [#}
                     {#{#}
                         {#'class': 'btn btn-primary',#}
                         {#'data': 'data-dismiss="modal"',#}
                         {#'text': '{{ 'save' | trans({}, 'qbabitcore') }}'#}
                     {#},#}
                     {#{#}
                         {#'class': 'btn btn-secundary',#}
                         {#'data': 'data-dismiss="modal"',#}
                         {#'text': '{{ 'cancel' | trans({}, 'qbabitcore') }}'#}
                     {#}#}
                 {#]#}
             {#});#}

            {#$('.new-item').off("click").on("click",function (e) {#}
              {#e.preventDefault();#}
              {#e.stopPropagation();#}
                {#if (!_modal.find('#udptcontentmodal').html()) {#}
                    {#let j = "<select id='anuncio_tipo' name='anuncio_tipo' class='form-control'>" +#}
                            {#"<option value='propiedad'>Normal</option>"+#}
                            {#"<option value='demanda'>Demanda</option>"+#}
                            {#"<option value='personalizado'>Personalizado</option>"+#}
                        {#"</select>";#}
                        {#_modal.find('#udptcontentmodal').empty().append(j);#}
                        {#MKLib.unlockScreen();#}
                        {#_modal.modal('show');#}
                    {#jQuery('.modal-dialog .btn-primary').on('click', function () {#}
                        {#var _this = jQuery(this);#}
                        {#let t= $(".new").data("action");#}
                        {#if(t.trim()=="")#}
                            {#t+="?";#}
                        {#else#}
                            {#t+="&";#}
                       {#$(".new").attr("href",t+"tipoAnuncio="+$("#anuncio_tipo").val());#}
                        {#$(".new").click();#}
                    {#});#}

                {#}#}
                {#else {#}
                    {#_modal.modal('show');#}
                {#}#}
                {#return;#}

            {#});#}

         }

         {% if app.request.isXmlHttpRequest == false %}
         window.addEventListener('load', function () {
             QbabitJavascripts1();
         }, false);
         {% else %}
         jQuery(function () {
             QbabitJavascripts1();
         });
         {% endif %}

     </script>
 {% endblock %}