<div>
	<style>
		p{
			color: #fff;
		}
	</style>
	<div class="container"><br>
	  	<div class="row justify-content-center align-items-center minh-100" align="center">
		  	@include('efecto.index')
			<div class="col-md-3">
				<div style="background-color: rgb(255, 255, 255, 0.5);border-radius:15px;padding:10px;">
					<p style="font-size: 20px;">EQUIPO</p>
					@if ($equipo->foto)
						<img src="{{ asset('images/equipos/'.$equipo->foto) }}" style="border-radius: 50%;" class="icon2" width="200px">
					@else
						<img src="images/equipo.png" style="border-radius: 50%;" class="icon2" width="200px">
					@endif
					<br><br>
					<p style="font-size: 10px;text-transform: uppercase;"><b>{{ $equipo->nombre }}</b></p>
				</div>
			</div>
			@foreach($miembros as $value)
				<div class="col-md-3">
					<div style="background-color: rgb(255, 255, 255, 0.5);border-radius:15px;padding:10px;">
						@if ($value->rango == 1)
							<p style="font-size: 20px;">CAPITAN</p>
						@else
							<p style="font-size: 20px;">JUGADOR</p>
						@endif
	
						@if ($value->foto)
							<img src="{{ asset('images/perfil/'.$value->foto) }}" style="border-radius: 50%;" class="icon2" width="200px">
						@else
							<img src="{{ asset('images/perfil/default.png') }}" style="border-radius: 50%;" class="icon2" width="200px">
						@endif
						<br><br>
						<p style="font-size: 10px;text-transform: uppercase;"><b>{{ $value->name }}</b></p>
					</div>
				</div>
			@endforeach
	  	</div>
	</div>
</div>