{% extends 'base.html.twig' %}

{% block title %}Rendiciones{% endblock %}

{% block body %}

{{ include('rendicion/panel/header.html.twig') }}
<div id="#v-pills-fpr">
<div class="shadow-lg p-3 mb-5 bg-white rounded">
    <h1>{{titulo|default('Rendiciones')}}</h1>

    {% if sesion.getSesion.pendientes>0 %}
        
    {% endif %}
    
    <section>   
        {% if sesion.getSesion.pendientes>0 %}
        <div class="row">
            <button type="button" class="btn btn-secondary" >Agregar <i class="fas fa-plus"></i></button> <h1 class="text-danger">Tienes {{sesion.getSesion.pendientes}} proceso sin finalizar</h1>
        </div>
        {% else %}
            <button type="button" class="btn btn-primary" onclick="javascript:vistaCrear('{{ruta_new}}')">Agregar <i class="fas fa-plus"></i></button>
        {% endif %}
    </section>
    <section>
        
        {# display navigation #}
        <div class="navigation">
            {{ knp_pagination_render(rendiciones,'@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig',{},{
            'position': 'centered',
            'rounded': true,
            }) }}
        </div>
        <div  class="table-responsive-lg">
            <table class="table">
                <thead>
                    <tr>
                        <th>Número</th>
                        <th>Fecha registro</th>
                        <th>Fecha inicio</th>
                        <th>Fecha fin</th>
                        <th>Monto</th>
                        <th>Ap Area</th>
                        <th>Ap RRHH</th>
                        <th>Estado</th>
                        <th>Tipo</th>
                        <th>Ver</th>
                        <th>Editar</th>
                        <th>Gasto</th>
                        
                    </tr>
                </thead>
                <tbody>
                {% for rendicion in rendiciones %}
                    {% if rendicion.estado.id==3 %}
                    <tr class="bg-light text-dark">
                    {% else %}
                    <tr>
                    {% endif %}
                        <td>{{ rendicion.numero }}</td>
                        <td>{{ rendicion.fechaRegistro ? rendicion.fechaRegistro|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ rendicion.fechaInicio ? rendicion.fechaInicio|date('Y-m-d') : '' }}</td>
                        <td>{{ rendicion.fechaFin ? rendicion.fechaFin|date('Y-m-d') : '' }}</td>
                    
                        <td>{{ rendicion.monto|number_format(0,",",".") }}</td>
                        <td>
                        {% if rendicion.apruebaJefe > 0 %}
                            <i class="fas fa-check text-success"></i>
                        {% endif %}
                        {% if rendicion.rechazaJefe > 0 %}
                            <i class="fas fa-times text-danger"></i>
                        {% endif %}
                        </td>

                         <td>
                        {% if rendicion.apruebaAr > 0 %}
                           <i class="fas fa-check text-success"></i>
                        {% endif %}
                        {% if rendicion.rechazaAr > 0 %}
                            <i class="fas fa-times text-danger"></i>
                        {% endif %}
                        </td>
                        <td><p>{{ rendicion.estado }} 
                        {% if rendicion.reparos>0 %}
                            <i class="fas fa-info-circle text-danger" data-toggle="tooltip" data-placement="top" title="{{rendicion.reparos}} reparos"></i>
                        {% endif %}
                        </p>
                        </td>
                        <td>{{ rendicion.tipo }}</td>
                        <td>
                            <a href="{{ path('rendicion_show', {'id': rendicion.id}) }}" class="btn btn-primary"><i class="fas fa-eye"></i></a>
                        </td>
                        <td>
                            {% if rendicion.estado.id == 5 %}
                            <a href="#" class="btn btn-success" onclick="javascript:vistaCrear('{{ path('rendicion_edit', {'id': rendicion.id}) }}')" alt="Editar"><i class="fas fa-edit"></i> </a>
                            {% endif %}
                        </td>
                        
                         <td>
                            {% if rendicion.estado.id == 1%}
                            <a class="btn btn-warning"  href="{{path('rendicion_rendir',{'id':rendicion.id})}}" alt="Ingresar Gastos"><i class="fas fa-credit-card"></i></a>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="7">no records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        
    </section>
</div>

    
</div>
{{ include('rendicion/panel/footer.html.twig') }}
{% endblock %}