<div>
	<div class="row justify-content-center align-items-center">
		@include('efecto.index')
		<div class="col-md-12">
			<div class="row justify-content-center align-items-center">
				<div class="col-md-12" align="center">
					<h1 style="font-size: 4vw;">CALENDARIO DE MISIONES</h1>
				</div>
				<div class="col-md-8"><br>
					{{--  <div class="row" style="color: yellow;background-color: #4B4B4D;padding-top: 10px;position: relative" align="left">
						<div style="background-color: red;width: 30%;height: 30px;color: white;top: -20px;right: 1%;position: absolute;" align="center"><b>Finalizado</b></div>
						<div class="col-md-4">
							<p><b>Lunes 02/02</b></p>
						</div>
						<div class="col-md-4">
							<p><b>50 PUNTOS</b></p>
						</div>
						<div class="col-md-4">
							<p><b>COLOCACION</b></p>
						</div>
					</div><br> --}}
					@foreach ($misiones as $value)
						<div class="row" style="color: white;background-color: #4B4B4D;padding-top: 10px;position: relative" align="left">
							<div class="col-md-6">
								<p><b>{{ $value->titulo }}</b></p>
							</div>
							<div class="col-md-3">
								<p><b>{{number_format($value->puntos, 0, '', '.')}} PUNTOS</b></p>
							</div>
							<div class="col-md-3">
								<p><b>{{date("d/m/Y", strtotime($value->fecha_limite))}}</b></p>
							</div>
						</div><br><br>
					@endforeach
				</div>
			</div><br>
		</div>
	</div>
</div>