<div><br><br>
    <div class="card">
    	<div class="card-header">
		    <div class="col-12">
		  		<div class="form-group">
					<input wire:model="buscar" type="search" class="form-control" placeholder="Buscar" />
		  		</div>
		  	</div>
		</div>
		<div class="card-body">
		    <table class="table table-bordered">
		        <thead>
		            <tr>
		                <th>ID</th>
		                <th>Evaluador</th>
		                <th>Evaluado</th>
		                <th>Evaluación</th>
		                <th>Fecha límite</th>
		                <th>Estado</th>
		                <th>Opciones</th>
		            </tr>
		        </thead>
		        <tbody>
		            @foreach($asignaciones as $value)
		            <tr>
		                <td>{{ $value->id }}</td>
		                <td>{{ $value->evaluador }}</td>
		                <td>{{ $value->evaluado }}</td>
		                <td>{{ $value->evaluacion }}</td>
		                <td>
		                	<div class="row">
		                		<div class="col-10">
		                			@if ($value->asi_fecha_limite)
		                				{{date("d/m/Y", strtotime($value->asi_fecha_limite))}}
		                			@endif
		                		</div>
		                		<div class="col-2">
		                			<button type="button" class="btn btn-info btn-sm" wire:click="editfecha({{ $value->id }})" data-toggle="modal" data-target="#editarfecha{{ $value->id }}"><i class="fas fa-edit"></i></button>	
		                		</div>
		                	</div>
		                </td>
		                <td>
		                	@if($value->estado == 0)
		                		<span class="btn btn-danger">No realizado</span>
		                	@else
		                		<span class="btn btn-success">Realizado</span>
		                	@endif
		                </td>
		                <td>
		                	<button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $value->id }}"><i class="fas fa-trash"></i></button>

							<!-- Modal -->
							<div class="modal fade" id="exampleModal{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <h5 class="modal-title" id="exampleModalLabel">
							        	Eliminar Asignación
							        </h5>
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							      </div>
							      <div class="modal-body">
							      	<p>¿Realmente quiere eliminar la asignación: {{ $value->id }}?</p>
							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
							        <button type="button" wire:click="delete({{ $value->id }})" class="btn btn-danger" data-dismiss="modal">Confirmar</button>
							      </div>
							    </div>
							  </div>
							</div>

							<!-- Modal -->
							<div class="modal fade" wire:ignore id="editarfecha{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="editarfechaLabel" aria-hidden="true">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <h5 class="modal-title" id="editarfechaLabel">
							        	Editar fecha
							        </h5>
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							      </div>
							      <div class="modal-body">
							      	<input type="date" wire:model="updatefecha" class="form-control"> 
							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
							        <button type="button" wire:click="updatefecha({{ $value->id }})" class="btn btn-danger" data-dismiss="modal">Confirmar</button>
							      </div>
							    </div>
							  </div>
							</div>
		                </td>
		            </tr>
		            @endforeach
		        </tbody>
		    </table>
		</div>
    </div>
    <div class="col-12">
        @if($asignaciones->count())
	        	{{ $asignaciones->links() }}
	    @else
	        	No hay resultados para la búsqueda "{{ $buscar }}"
	    @endif
    </div>
</div>