@extends('layouts.ejecutivo')
@section('content')

<style type="text/css">
	#tabla1_wrapper label{
		color: #77797C;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button{
		color: #77797C !important;
	}
	table.dataTable tbody tr{
		background-color: transparent;
	}
.dataTables_wrapper .dataTables_filter input{
	background-color: transparent;
    border-color: 1px rgb(57, 61, 66);
    color: rgb(119, 121, 124);
}
</style>
<div><p>
		
</p></div>
 <div class="card "   >

            <div class="header" >
              <h2><i class="fa fa-address-book" ></i> Reportes Recientes </h2>

			</div>
	<table class="table" style="background-color:transparent;">
		<thead>
			<th>Proyecto</th>
			<th>Cuenta</th>
			<th>Actividad</th>
			<th>Horas</th>
			<th>Fecha de creación</th>
		</thead>
		
		@foreach($info as $v)
		<tbody>
		
			<td>{{$v->nombre_op}}</td>
			<td>{{$v->nombre_opc}}</td>
			<td>{{$v->nombre_act}}</td>
			<td>{{$v->horas}}</td>
			<td>{{$v->f_reporte}}</td>
	
		</tbody>	
		@endforeach
	</table>

</div>

<br><br>
 <div class="card "   >

            <div class="header" style="">
              <h2><i class="fa fa-address-book" ></i>Historial de Reportes Anteriores </h2>

			</div>

	<div class="body">
		<table class="table" id="tabla1" style="background-color:transparent;">
		<thead>
			<th>Proyecto</th>
			<th>Cuenta</th>
			<th>Actividad</th>
			<th>Horas</th>
			<th>Fecha de creación</th>
		</thead>
		<tbody>
		
		@foreach($info2 as $v)
		<tr>
			<td>{{$v->nombre_op}}</td>
			<td>{{$v->nombre_opc}}</td>
			<td>{{$v->nombre_act}}</td>
			<td>{{$v->horas}}</td>
			<td>{{$v->f_reporte}}</td>
		</tr>
		@endforeach
		</tbody>	
	</table>
	</div>

</div>


	@stop