{% 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">
	<label>
	<h1 class="display-4">{{rendicion.tipo|default('Rendicion')}} {{rendicion.numero}}
	{% if rendicion.rendicionDetalles|length > 0 %}
	<a href="{{path('rendicion_rendir',{'id': rendicion.id,'rendir':1})}}" class="btn btn-success" >Rendir<i class="fas fa-paper-plane"></i></a>
	{% else %}
	<button class="btn btn-secondary" disabled>Rendir<i class="fas fa-paper-plane" data-toggle="tooltip" data-placement="top" title="Para rendir, debe ingresar gastos"></i></button>

	{% endif %}
	</h1> 
	</label>
	<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}}</label>
	    </div>

	</div>
	<hr />
	<div class="row" style="margin-top: 20px">
		<div class="col-12">
			
			<h3>Ingresar Gastos</h3><small class="text-mute text-danger"><i class="fas fa-info-circle"></i> No se aceptan boletas Mayores a 30 días</small>
		</div>
		<div class="col-md-3 col-sm-12">
				<button class="btn btn-primary" onclick="javascript:vistaCrear('{{ruta_new}}')">Ingresar Gasto <i class="fas fa-cart-plus"></i></button>
		
			
			</div>
		<div class="col-md-9 col-sm-12">
			<table class="table table-striped table-sm">
				<thead>
					<tr>
						<th>
							Concepto
						</th>
						<th>
							Descripción
						</th>
						<th>
							Tipo Documento
						</th>
						<th>
							Numero Factura
						</th>
						<th>
							Fecha Factura
						</th>
						
						<th>
							Monto
						</th>
						<th>
							Acciones
						</th>
					</tr>
				</thead>
				<tbody>
					{% set total=0 %}
					{% for detalle in rendicion.rendicionDetalles %}
					{% set total = total + detalle.monto %}
					<tr>
						<td>{{detalle.concepto}}</td>
						<td>{{detalle.descripcion}}</td>
						<td>{{detalle.tipoDocumento}}</td>
						<td>{{detalle.boleta}}</td>
						<td>{{detalle.fechaDocumento?detalle.fechaDocumento|date('Y-m-d H:i:s'):''}}</td>
						
						<td>{{detalle.monto}}</td>
						<td>
							<a href="#" class="btn btn-warning" onclick="javascript:vistaCrear('{{ path('rendicion_detalle_edit', {'id': detalle.id}) }}')"><i class="fas fa-edit"></i> </a>
							<a href="#" class="btn btn-danger" onclick="javascript:vistaCrear('{{ path('rendicion_detalle_eliminar', {'id': detalle.id}) }}')"><i class="fas fa-trash"></i></a>
	                        
                        </td>
					</tr>

					{% endfor %}
				</tbody>
				<tfoot>
					<tr>
						<td colspan="2">
						</td>
						<td align="rigth">
							Total Gastos
						</td>
						<td class="bg-success">
							${{total|number_format}}
							<input type="hidden" value="{{total}}" name="hdUtilizado">
						</td>
					</tr>
					<tr>
					<td colspan="2">
						</td>
						<td align="rigth">
							Total Solicitado
						</td>
						<td class="bg-success">
							${{rendicion.monto|number_format}}
						</td>
					</tr>
					<tr>
					<td colspan="2">
						</td>
						
							{% set resta=rendicion.monto-total %}

							{% if resta>=0 %}

							<td align="rigth" >
							Devolver
							</td>
							<td class="bg-success">

								${{resta|number_format}}
								
							</td>
							{% else %}
							{% set resta=resta*-1 %}

							<td align="rigth" >
							Pagar
							</td>
							<td class="bg-danger text-light">

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

		
	</div>
</div>

<!-- Modal -->
    <div class="modal fade" id="agregaModal" tabindex="-1" role="dialog" aria-labelledby="agregaModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
         
        </div>
      </div>
    </div>

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