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

{% block title %}Panel{% endblock %}

{% block body %}

	{% set pendiente=0 %}

	{% for mi_enviada in mis_enviadas %}
	<div align="center" style="margin-top: 30px!important">
		<div class="border border-warning rounded-30 shadow p-3 mb-5 bg-light rounded col-md-4 col-sm-12">
			<div class="row">
				<div class="col-8">
					<h2> {{ mi_enviada.tipo}} pendiente</h2> 
	    			<p> N° {{mi_enviada.numero }}</p>
				</div>
				<div class="col-4 border-warning" style="border-left: dashed 1px;">
					<p> Monto ${{mi_enviada.monto|number_format(0,",",".")}}</p>
					<p>En espera de aprobación</p>
	    			
				</div>
			</div>
			
    	</div>

	</div>
	{% set pendiente=1 %}
	
    {% endfor%}

	{% for rendicion in rendiciones %}
	<div align="center" style="margin-top: 30px!important">
		<div class="border border-warning rounded-30 shadow p-3 mb-5 bg-light rounded col-md-4 col-sm-12">
			<div class="row">
				<div class="col-8">
					<h2> {{ rendicion.tipo}} pendiente</h2> 
	    			<p> N° {{rendicion.numero }}</p>
				</div>
				<div class="col-4 border-warning" style="border-left: dashed 1px;">
					<p> Monto ${{rendicion.monto|number_format(0,",",".")}}</p>
	    			<a class="btn btn-primary" href="{{path('rendicion_rendir',{'id':rendicion.id})}}" >Rendir</a>
				</div>
			</div>
			
    	</div>

	</div>
	{% set pendiente=1 %}
   
    {% endfor%}
	{% if pendiente == 0 %}
	<div align="center" style="margin-top: 30px!important">
		<div class="border border-warning rounded-30 shadow p-3 mb-5 bg-light rounded col-md-4 col-sm-12">
			<div class="row">
				<div class="col-8">
					<h2> No hay rendiciones Pendientes</h2> 
	    			
				</div>
				<div class="col-4 border-warning" style="border-left: dashed 1px;">
					
	    			
				</div>
			</div>
			
    	</div>

	</div>
	{% endif %}

	<!-- Dashbroad AR-->
	<div class="table-responsive-sm">
		<table class="table table-hover table-sm">
			<tr>
				<th>Número</th>
				<th>Trabajador</th>
				<th>Puesto</th>
				<th>Area</th>
				<th>Tipo</th>
				<th>Estado</th>
				<th>Fecha Creación</th>
				<th>Fecha Aprobación Área</th>
				<th>Monto</th>
				<th>Utilizado</th>
				<th>Acciones</th>
			</tr>
			{% if enviadas is defined %}
			<tr>
				<td colspan="11">Primera Etapa</td>
			</tr>
			{% for enviada in enviadas %}
			<tr>
				<td>{{enviada.numero}}</td>
				<td>{{enviada.usuario.nombre}}</td>
				<td>{{enviada.usuario.usuarioTipo.nombre}}</td>
				<td>{{enviada.usuario.area.nombre}}</td>
				<td>{{enviada.tipo.nombre}}</td>
				<td>{{enviada.estado.nombre}}</td>
				<td>{{enviada.fechaRegistro|date('Y-m-d')}}</td>
				<td>{{enviada.fechaAprec|date('Y-m-d')}}</td>
				<td>{{enviada.monto|number_format}}</td>
				<td>{{enviada.montoUtilizado|number_format}}</td>
				<td>
					<button type="button" class="btn btn-primary" onclick="javascript:vistaCrear('{{ path('panel_aprobar_ar', {'id': enviada.id}) }}')"><i class="fas fa-thumbs-up"></i></button>
					<button type="button" class="btn btn-danger" onclick="javascript:vistaCrear('{{ path('panel_rechazar_ar', {'id': enviada.id}) }}')"><i class="fas fa-thumbs-down"></i></button>
				</td>

			</tr>

			{% endfor %}
			{% if rendidas is defined %}
				<tr>
				<td colspan="11">Segunda Etapa</td>
				</tr>
				{% for rendida in rendidas %}
				<tr class="bg-light">
					<td>{{rendida.numero}}</td>
					<td>{{rendida.usuario.nombre}}</td>
					<td>{{rendida.usuario.usuarioTipo.nombre}}</td>
					<td>{{rendida.usuario.area.nombre}}</td>
					<td>{{rendida.tipo.nombre}}</td>
					<td>{{rendida.estado.nombre}}</td>
					<td>{{rendida.fechaRegistro|date('Y-m-d')}}</td>
					<td>{{rendida.fechaAprec|date('Y-m-d')}}</td>
					<td>{{rendida.monto|number_format}}</td>
					<td>{{rendida.montoUtilizado|number_format}}</td>
					<td>
						<button type="button" class="btn btn-success" onclick="javascript:vistaCrear('{{ path('panel_revisar_fpr_ar', {'id': rendida.id}) }}')"><i class="fas fa-check-double"></i></button>
						
					</td>

				</tr>

				{% endfor %}
			{% endif %}
		</table>
	</div>
	{% endif %}
	


	<!-- Dashbroad JF-->
	{% if enviadasJF is defined %}
 	<div class="table-responsive-sm">
		<table class="table table-hover table-sm">
			<tr>
				<th>Número</th>
				<th>Trabajador</th>
				<th>Puesto</th>
				<th>Area</th>
				<th>Tipo</th>
				<th>Estado</th>
				<th>Fecha Creación</th>
				<th>Fecha Aprobación Área</th>
				<th>Monto</th>
				<th>Utilizado</th>
				<th>Acciones</th>
			</tr>
			{% for enviadarpp in enviadasJFrpp %}
			<tr>
				<td>{{enviadarpp.numero}}</td>
				<td>{{enviadarpp.usuario.nombre}}</td>
				<td>{{enviadarpp.usuario.usuarioTipo.nombre}}</td>
				<td>{{enviadarpp.usuario.area.nombre}}</td>
				<td>{{enviadarpp.tipo.nombre}}</td>
				<td>{{enviadarpp.estado.nombre}}</td>
				<td>{{enviadarpp.fechaRegistro|date('Y-m-d')}}</td>
				<td>{{enviadarpp.fechaAprec|date('Y-m-d')}}</td>
				<td>{{enviadarpp.monto|number_format}}</td>
				<td>{{enviadarpp.montoUtilizado|number_format}}</td>
				<td>
					<button type="button" class="btn btn-primary" onclick="javascript:vistaCrear('{{ path('panel_aprobar_jf', {'id': enviadarpp.id}) }}')"><i class="fas fa-thumbs-up"></i></button>
					<button type="button" class="btn btn-danger"><i class="fas fa-thumbs-down"></i></button>
				</td>

			</tr>

			{% endfor %}
			{% for enviada in enviadasJF %}
			<tr>
				<td>{{enviada.numero}}</td>
				<td>{{enviada.usuario.nombre}}</td>
				<td>{{enviada.usuario.usuarioTipo.nombre}}</td>
				<td>{{enviada.usuario.area.nombre}}</td>
				<td>{{enviada.tipo.nombre}}</td>
				<td>{{enviada.estado.nombre}}</td>
				<td>{{enviada.fechaRegistro|date('Y-m-d')}}</td>
				<td>{{enviada.fechaAprec|date('Y-m-d')}}</td>
				<td>{{enviada.monto|number_format}}</td>
				<td>{{enviada.montoUtilizado|number_format}}</td>
				<td>
					<button type="button" class="btn btn-primary" onclick="javascript:vistaCrear('{{ path('panel_aprobar_jf', {'id': enviada.id}) }}')"><i class="fas fa-thumbs-up"></i></button>
					<button type="button" class="btn btn-danger"><i class="fas fa-thumbs-down"></i></button>
				</td>

			</tr>

			{% endfor %}
		</table>
	</div>
	{% endif %}
{% endblock %}