<div>
	<?php
		use Illuminate\Support\Facades\DB;
	?>
    @if($updateMode)
        @include('livewire.listadopuntos.update')
    @else
        @include('livewire.listadopuntos.create')
    @endif
    <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 class="row">
				<div class="col-md-2">
					<h5>Filtro:</h5>
				</div>
				<div class="col-md-5">
					<div class="form-group">
						<label for="">Fecha inicio:</label>
						<input type="date" wire:model="fecha_inicio" class="form-control">
					</div>
				</div>
				<div class="col-md-5">
					<div class="form-group">
						<label for="">Fecha fin:</label>
						<input type="date" wire:model="fecha_fin" class="form-control">
					</div>
				</div>
			</div>
		</div>
		<div class="card-body table-responsive"> 
		    <table class="table table-striped"> 
		        <thead>
		            <tr>
		                <th>Equipo</th>
		                <th>Misión</th>
		                <th>Puntos</th>
		                <th>Puntos extras</th>
		                <th>Acciones</th>
		            </tr>
		        </thead>
		        <tbody>
		            @foreach($puntoscol as $value)
			            <tr>
			                <td>{{ $value->nombre }}</td>
			                <td>{{ $value->titulo }}</td>
			                <td>{{number_format($value->puntos, 0, '', '.')}}</td>
			                <td>{{number_format($value->puntos_extras, 0, '', '.')}}</td>
			                <td>
				                <button wire:click="edit({{ $value->id }})" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></button>
				                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $value->id }}"><i class="fas fa-trash-alt"></i></button>
				                <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#exampleModal2{{ $value->id }}"><i class="fas fa-comments"></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 puntuació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 puntuación de: {{ $value->nombre }}?</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">Eliminar</button>
											</div>
										</div>
								  	</div>
								</div>
								<!-- Modal cometarios -->
								<div class="modal fade" wire:ignore.self id="exampleModal2{{ $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">Caja de comentario</h5>
								        		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								          			<span aria-hidden="true">&times;</span>
								        		</button>
								      		</div>
								      		<div class="modal-body">
								        		<div class="form-group"> 
										    		<label for="exampleFormControlTextarea1">Comentario:</label>
										    		<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" wire:model='comentario'></textarea>
										    		<input type="hidden" wire:model="comentario_id">
										  		</div>
												<?php $comentarios=DB::table('comentariomisionequipos as cm')
													->join('users as u','cm.usuario_id','u.id')
													->select('cm.*','u.name')
													->where('cm.punto_id',$value->id)->orderBy('cm.id','desc')->get(); 
												?>
												<div class="row">
													@foreach($comentarios as $comentario)
														<div class="col-6" class="">
															<p style="color:black; font-size:12px;"><strong>{{ $comentario->name }}</strong></p>
														</div>
														<div class="col-6 blockquote-footer" align="right">
															{{ \Carbon\Carbon::parse($comentario->created_at)->diffForHumans() }}
														</div>
														<div class="col-12">
															<p><small>{{ $comentario->comentario }}</small></p><hr>
														</div>
													@endforeach
												</div>
								      		</div>
									      	<div class="modal-footer">
									        	<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
									        	<button type="button" wire:click="updatecomentario({{ $value->id }})" class="btn btn-success" data-dismiss="modal">Guardar</button>
									      	</div>
								    	</div>
								  	</div>
								</div>
			                </td>
			            </tr>
			            @if(count($comentarios) > 0)
			            	<tr>
			            		<td colspan="5">
									<div class="row">
										@foreach($comentarios as $comentario)
											<div class="col-10" class="">
												<p style="color:black; font-size:12px;">
													<strong>{{ $comentario->name }} </strong>
													{{ $comentario->comentario }}
												</p>
											</div>
											<div class="col-2 blockquote-footer" align="right">
												{{ \Carbon\Carbon::parse($comentario->created_at)->diffForHumans() }}
											</div><hr>
										@endforeach
									</div>
								</td>
			            	</tr>
			            @endif
		            @endforeach
		        </tbody>
		    </table>
		</div>
    </div>
    <div class="col-12">
        @if($puntoscol->count())
	        	{{ $puntoscol->links() }}
	    @else
	        	No hay resultados para la búsqueda "{{ $buscar }}"
	    @endif
    </div>
</div>