{{ include('AppBuroConfianzaSocialRBundle:customer:formcustomers.html.twig', {}) }}
{{ include('AppBuroConfianzaSocialRBundle:customer:formevents.html.twig', {}) }}

 {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_USER')%}

<div id="pageContent" xmlns="http://www.w3.org/1999/html">
    <div class="tituloNormalGrande">INCIO</div>
    <div class="tituloNormal">Clientes</div>
    <br>
    <br>
    <div>
        <table>
            <tbody>
            <tr>
                <td>
                    <input id="terminoBusquedaInicio" class="inputNormal" placeholder="Cliente">
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="globalSucursales">
        <ul id="menu" class="overthrow">
            <table class="tablaNormal">
                <tbody>
                <tr>
                    <td class="tdTablaNormal">
                        <img id="btn-insert-customer" onclick="openFormCliente(1,null)"  style="padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}">
                    </td>
                </tr>
                </tbody>
            </table>
            {% for i, item in data %}
                <lif class="buscCliente">
                    <an class="despliega">
                        <table class="tablaSucursalesI">
                            <tbody>
                                <tr>
                                    <td width="80%">
                                        <table class="tablaNormal">
                                            <tbody>
                                            <tr>
                                                <td align="left" onmouseout="out({{ item['idCliente'] }})" onmouseover="hover({{ item['idCliente'] }})">
                                                    <div id="div_{{ item['idCliente'] }}" class="labelSucursal labelTablaCentral" align="left" >
                                                        <vid class="textoCorto">{{ item['nombre'] }}</vid>
                                                        <e class="iconosBoton{{ item['idCliente'] }}" style="display: none;">
                                                            <img class="agranda edit-customer" width="28px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Editar.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Editar2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/Editar.png") }}" onclick="editCustomer({{ item['idCliente'] }})" >
                                                            <img class="agranda delete-customer" width="28px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Eliminar.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Eliminar2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/Eliminar.png") }}" onclick="removeCustomer({{ item['idCliente'] }})" >
                                                        </e>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td width="20%">
                                        <div id="flecha_{{ item['idCliente'] }}" class="flecha" align="right"  onclick="showHideEvents({{ item['idCliente'] }})">▼</div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </an>
                    <ul class="desplegado" style="display: none;" id="list_sucesos_{{  item['idCliente'] }}">
                            <table class="tablaNormal" id="sucesos_{{  item['idCliente'] }}">
                                <tbody>
                                    <tr>
                                        <td class="tdTablaNormal" width="100%">
                                            <div class="tituloNormalTabla">SITUACION</div>
                                        </td>
                                        <td class="tdTablaNormal" width="100%">
                                            <div class="tituloNormalTabla">FECHA</div>
                                        </td>
                                        <td class="tdTablaNormal" width="100%">
                                            <div class="tituloNormalTabla">STATUS</div>
                                        </td>
                                        <td class="tdTablaNormal" width="100%" style="margin: 0 auto;">
                                            <div class="tituloNormalTabla" style="text-align: center">DETALLES</div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div id="itemsuceso_{{  item['idCliente'] }}"></div>
                            <table class="tablaNormal">
                                <tbody>
                                <tr>
                                    <td class="tdTablaNormal">
                                        <img id="btn-insert-suceso" onclick="openFormEvents(1,null,{{  item['idCliente'] }})"  style="padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}">
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                    </ul>
                </lif>
            {% endfor %}


        </ul>
    </div>
    </div>

 {% else %}

     <div ALIGN="center"><b style="color:red">NO TIENE PERMISO PARA ACCEDER A ESTA PAGINA</b></div>

 {% endif %}


<div id="message-confirm" class="message-confirm">


</div>
<script src="{{ asset("bundles/appburoconfianzasocialr/js/myfunctions.js") }}"></script>