Sindbad~EG File Manager

<div>
	<style> 
		body {
			background-image: url('/frontend/ranking.png');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		
		.cardpuntajes{
			background-color: white;
			border-radius: 25px;
			padding: 10px 4px;
			border: 4px solid #c29e52;

		}

		.form {
			border-radius: 10px;
			border: 2px solid #c29e52;
		}
	</style>
	<div class="row">
		<div class="col-md-5" align="center"><br>
			@if($ranking)
				<h1 style="font-size: 5vw; text-align: left;">Ranking {{$ranking}}</h1>
			@else
				<h1 style="font-size: 5vw; text-align: left;">Ranking de Equipos</h1>
			@endif
			<img src="/imgsystem/ranking.png" alt="" style="width: 100%; display: block; margin: 0 auto;">
		</div>
		<div class="col-md-7">
			<br><br><br>
			<div class="row cardpuntajes">
				<div class="col-md-12"></div>
				<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 form">
					</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 form">
					</div>
				</div>
				<table class="table table-striped">
					<thead style="background-color: #c29e52;">
						<tr style="color:  white;">
							<th>Posicion</th>
							<th>Equipo</th>
							<th>Total de puntos</th>
						</tr>
					</thead>
					<tbody style="background-color: rgba(255, 255, 255, 0.8);">
						@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>{{ $value->puntos + $value->puntos_extras }} PTS.</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>	
		</div>
	</div>
</div>