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

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

{% block body %}
{{ include('rendicion/panel/header.html.twig') }}

    <div class="shadow-lg p-3 mb-5 bg-white rounded">
        <h1 class="display-4">{{rendicion.tipo|default('Rendicion')}} {{rendicion.numero}} 
        
        {% if rendicion.apruebajefe == 1 and rendicion.apruebaar != null %}
        <a href="{{path('rendicion_fprpdf',{'id':rendicion.id})}}" class="btn btn-success" ><i class="fas fa-file-pdf"></i></a>
        {% else %}
        <a href="#" class="btn btn-secondary" ><i class="fas fa-file-pdf"  data-toggle="tooltip" data-placement="top" title="Para exportar, debe ser aprobada"></i></a>
        {% endif %}
       
        </h1>
        <div class="row">
            <div class="col-12">
                <small class="text-muted">Observación</small><br>
                <label>{{rendicion.observacion}}</label>
            </div>
                        
            <div class="col-md-3 col-sm-12">
                <small class="text-muted">Fecha registro</small><br>
                <label>{{rendicion.fechaRegistro ? rendicion.fechaRegistro|date('Y-m-d H:i:s') : ''}}</label>
            </div>
            <div class="col-md-3 col-sm-12">
                <small class="text-muted">Fecha inicio</small><br>
                <label>{{rendicion.fechaInicio ? rendicion.fechaInicio|date('Y-m-d H:i:s') : ''}}</label>
            </div>
            <div class="col-md-3 col-sm-12">
                <small class="text-muted">Fecha fin</small><br>
                <label>{{rendicion.fechaFin ? rendicion.fechaFin|date('Y-m-d H:i:s') : ''}}</label>
            </div>
            <div class="col-md-3 col-sm-12">
                <small class="text-muted">Estado</small><br>
                <label>{{rendicion.estado}}</label>
            </div>
            <div class="col-md-3 col-sm-12">
                <small class="text-muted">Monto</small><br>
                <label>${{rendicion.monto|number_format(0,",",".")}}</label>
            </div>

        </div>
        <div class="row">
        {% if rendicion.apruebajefe == 1 %}
        
            <div class="col-12">
                <small class="text-muted">Motivo Aprobacion Jefe</small><br>
                <label>{{rendicion.observacionaprecjefe}}</label>
            </div>
  
        {% endif %}
        {% if rendicion.rechazajefe == 1 %}
        
            <div class="col-12">
                <small class="text-muted">Motivo Rechazo Jefe <i class="fas fa-info-circle text-danger"></i></small><br>
                <label>{{rendicion.observacionaprecjefe}}</label>
            </div>
  
        {% endif %}

        {% if rendicion.apruebaar!= null %}
        
            <div class="col-12">
                <small class="text-muted">Motivo Aprobacion Administrador de Fondos</small><br>
                <label>{{rendicion.observacionaprecar}}</label>
            </div>
  
        {% endif %}
        {% if rendicion.rechazaar!= null %}
        
            <div class="col-12">
                <small class="text-muted">Motivo Rechazo Administrador de Fondos <i class="fas fa-info-circle text-danger"></i></small><br>
                <label>{{rendicion.observacionaprecar}}</label>
            </div>
  
        {% endif %}


        </div>
        <hr />
        <div class="row" style="margin-top: 20px">
            <div class="col-12">
                
                <h3> Gastos</h3>
            </div>
            <div class="col-md-12 col-sm-12">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>
                                Boleta
                            </th>
                            <th>
                                Concepto
                            </th>
                            <th>
                                Descripcion
                            </th>
                            <th>
                                Estado
                            </th>
                            <th>
                                Observación
                            </th>
                            <th>
                                Monto
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% set total=0 %}
                        {% for detalle in rendicion.rendicionDetalles %}
                        
                        {% if detalle.aprobado!=1 %}
                        <tr class="bg-danger text-light">
                        {% else %}
                            {% set total = total + detalle.monto %}
                        <tr>
                        {% endif %}
                            <td>{{detalle.boleta}}</td>
                            <td>{{detalle.concepto}}</td>
                            <td>{{detalle.descripcion}}</td>
                            
                            <td>{{detalle.aprobado? 'Aprobado' : 'Rechazado' }}</td>
                            <td>{{detalle.observacion}}</td>
                            <td>{{detalle.monto}}</td>
                        </tr>


                        {% endfor %}
                    </tbody>
                    <tfoot>
						<tr>
							<td colspan="4">
							</td>
							<td>
								<small>
								Total Gastos
								</small>
							</td>
							<td class="bg-success" id="neto">
								${{total|number_format}}
							</td>
						</tr>
						<tr>
						<td colspan="4">
							</td>
							<td >
								<small>
								Total Solicitado
								</small>
							</td>
							<td class="bg-success" id="solicitado">
								${{rendicion.monto|number_format}}
							</td>
						</tr>
						<tr>
						<td colspan="4">
							</td>
							<td> <small id="leyenda-total">
								{% set resta=rendicion.monto-total %}

								{% if resta>=0 %}
								Devolver
								{% else %}
								{% set resta=resta*-1 %}
								Pagar
								{% endif %}
								</small>
							</td>
							<td class="bg-success" id="total">

								${{resta|number_format}}
								
							</td>
						</tr>
					</tfoot>
                </table>
            </div>
            
            
        </div>
    </div>
    
{% endblock %}