<div>	
	<div class="row justify-content-center align-items-center minh-100">
		@include('efecto.index')
		<div class="col-md-12">
			<div class="row">
				<div class="col-md-12" align="center">
					<h1 style="font-family:  Aldo the Apache;font-size: 5vw;">RANKING DE EQUIPOS</h1>
				</div>
			</div><br>
		</div>


		<div class="col-md-12 card">
			<div class="row">
				<div class="col-md-2" style="background-color: white;">
					<h5>Filtro:</h5>
				</div>
				<div class="col-md-5" style="background-color: white;">
					<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" style="background-color: white;">
					<div class="form-group">
						<label for="">Fecha fin:</label>
						<input type="date" wire:model="fecha_fin" class="form-control">
					</div>
				</div>	
			</div>
			<div class="card-body">
				<table class="table table-bordered" id="example">
					<thead>
						<tr style="font-family:  Aldo the Apache;">
							<th>Posicion</th>
							<th>Equipo</th>
							<th>Puntos</th>
							<th>Puntos extras</th>
						</tr>
					</thead>
					<tbody>
						@php
							$count = 1;
						@endphp
						@foreach($equipos as $value)
							<tr>
								<td>{{ $count }}º lugar</td>
								@php
									$count += 1;
								@endphp
								<td><img src="{{ asset('/images/equipos/'.$value->foto) }}" width="40px" > {{ $value->nombre }}</td>
								<td>{{number_format($value->puntos, 0, '', '.')}} Puntos</td>
								<td>{{number_format($value->puntos_extras, 0, '', '.')}} Puntos</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>			
		</div>
	</div>
</div>