@extends('layouts.admin')
@section('contenido')

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"  style="margin-bottom: -40px;">
	<div class="box box-widget widget-user">

		<div class="widget-user-header bg-black" style="background: url('../imagenes/foto/photo1.jpg') center center;">
			<h3 class="widget-user-username">{{ Auth::user()->name }}</h3>
			<h5 class="widget-user-desc">{{ Auth::user()->rol_usuario }}</h5>
			
		</div>
		<div class="widget-user-image">
			<img class="img-circle" src="{{ asset('imagenes/foto/'.Auth::user()->foto_usuario)}}" alt="User Avatar">
		</div>
		

		<div class="box-footer">
			<br>
			<div class="row">
				<div class="col-sm-4 border-right">
					<div class=" text-muted" style="text-align: center;">
						<span class="float-right fa fa-envelope " > <b> Email </b> </span>
						<br>
						<p class="description-header">{{ Auth::user()->email }}</p>
						
					</div>
				</div>

				
				<div class="col-sm-4 border-right" >
					<div class=" text-muted" style="text-align: center;">
						<span class="float-right fa fa-building " > <b> Área Usuaria </b> </span>
						<br>
						<p class="description-header">{{ Auth::user()->area_usuario}}</p>
						
					</div>
				</div>

				<div class="col-sm-4">
					<div class=" text-muted" style="text-align: center;">
						<span class="float-right fa fa-calendar " > <b> Fecha </b> </span>
						<br>
						<p class="description-header">
							<script>
						   date = new Date().toLocaleDateString();
				       		document.write(date);
							</script>
						</p>
						
					</div>
				</div>

			</div>

		</div>
	</div>
</div>

<div class="row"  >
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<br>
		<h3 class="text-muted"  style="text-align: center;">CONVOCATORIAS</h3><a href="cas/create"><button style="font-size: 18px;" class="fa fa-plus-square-o btn btn-success"> Crear una nueva convocatoria CAS</button></a>
		<hr class="hr-text" data-content="MIS CERTIFICADOS">
	</div>
</div>

<div class="row">
	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
		
		@include('convocatoria.cas.search')
	</div>
</div>

<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="table-responsive">
			<table class="table table-striped table-bordered table-condensed table-hover">
				<thead>
					<th>Id</th>
					<th>Codigo</th>
					<th>Descripción</th>
					<th>Categoria</th>
					<th>Fecha Publicación</th>
					<th>Fecha Vencimiento</th>
					<th style="text-align: center;">Estado</th>
					<th style="text-align: center;">TDR</th>
					<th style="text-align: center; width: 200px;">Opciones</th>
				</thead>
				@foreach ($convocatorias as $conv)
				<tr >
					<td>{{$conv->idconvocatoria}}</td>
					<td>{{$conv->codigo}}</td>
					<td>{{$conv->descripcion}}</td>
					<td>{{$conv->categoria_convocatoria}}</td>
					
					<td>{{$conv->fecha_publicacion}}</td>
					<td>{{$conv->fecha_vencimiento}}</td>
					
					<td style="text-align: center;" class="{{strtolower($conv->estado)}}">{{$conv->estado}}</td>
					
					<td style="text-align: center; font-size: 13px;"><a target="_blank" href="{{asset('archivos/pdf/'.$conv->documento)}}"> <button class="fa fa-file-pdf-o btn btn-danger"  > PDF</button></a></td>



					<td style="text-align: center;">
						<a href="{{URL::action('ConvocatoriaController@edit',$conv->idconvocatoria)}}"><button class="fa fa-pencil-square-o btn btn-primary"> Editar</button></a>
                         <a href="" data-target="#modal-delete-{{$conv->idconvocatoria}}" data-toggle="modal"><button class="fa fa-trash-o btn btn-danger"> Eliminar</button></a>
					</td>
				</tr>
				@include('convocatoria.cas.modal')
				@endforeach
			
			</table>
		</div>
		{{$convocatorias->render()}}
</div>
</div>

@endsection