Sindbad~EG File Manager

<div>
	@if($vista == 1)
	
	@else
		<div class="row" style="background-image: url('/frontend/cabecerafronmisiones.png');background-repeat: no-repeat;background-size: 100%;">
			<div class="container">
				<div class="row">
					<div class="col-md-4" align="right">
						<img src="/frontend/cabecera1.png" width="50%">
					</div>
					<div class="col-md-4" align="center"><br><br>
						<img src="/frontend/desafioindividual.png" width="80%">
						<br><br><br>
					</div>
					<div class="col-md-4" align="left">
						<img src="/frontend/cabecera3.png" width="45%">
					</div>
				</div>
			</div>
		</div>
	@endif
	@if($categoriaactive)
		<br><center><button class="btn btn-success" style="background-color:#0863A8; border-color:#ffffff;" wire:click="volver()">Volver</button></center><br>
		<div class="container">
			<div class="row">
				@foreach($categoria as $value)
					<div class="col-md-3" style="background-color: #fff;padding: 10px;margin: 5px;border-radius: 10px;">
						<center><h5 style="color:#0863A8;"><b>{{ $value->titulo }}</b></h5>
						<?php
							$texto = preg_replace ('/<[^>]*>/', ' ', $value->descripcion);
							echo substr($texto, 0, 110); 
						?> <br>
						<button type="button" style="background-color:#0863A8;color:#fff;" class="btn btn-sm" data-toggle="modal" data-target="#exampleModalleer{{ $value->id }}">Ver Desafío</button></center>
					</div>
					<!-- Modal -->
					<div class="modal fade" id="exampleModalleer{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog modal-lg" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="exampleModalLabel" style="color:#0863A8 !important;">
										{{ $value->titulo }}
									</h5>
									<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
								</div>
								<div class="modal-body">
									<?= $value->descripcion ?>
									<p><b>Puntos: </b>{{ $value->moneda }}</p>
									<!--<p><b>Reconocimiento: </b>{{ $value->reconocimiento }}</p>-->
									<!--<p><b>Insignia: </b><img src="/imgsystem/insignia/{{ $value->insignia }}" width="30px"></p>-->
									<p><b>Categoria: </b>
										@if($value->tipo == 1)
											Educación
										@elseif($value->tipo == 2)
											Salud
										@elseif($value->tipo == 3)
											Responsabilidad Social
										@elseif($value->tipo == 4)
											Cultura BASA
										@endif
									</p>
									<p><b>Desafio inicia el: </b>{{ $value->fecha_inicio }}</p>
									<p><b>Desafio finaliza el: </b>{{ $value->fecha_limite }}</p>
								</div>
								<div class="modal-footer">
									<a href="/evidenciaindividual/create/{{ $value->id }}"><button type="button" class="btn btn-sm" style="background-color:#0863A8 !important;color:#fff;">Subir evidencia</button></a>
								</div>
							</div>
						</div>
					</div>
				@endforeach
			</div>
		</div>
	@else
		<div class="container">
			<div class="row" style="background-color: #1c3054ff;border-radius: 0 0 100px 100px;padding: 50px;"> 
				<div class="col-md-12">
					<br><br><img src="/imgsystem/titulo1.png" width="50%"><br><br><br><br><br><br>
				</div>
				<div class="col-md-3">
					<div style="padding: 10px;margin: 10px;cursor:pointer;">
						<div class="row">
							<div class="col-md-12" align="center">
								<img src="{{ asset('/imgsystem/educacion.png') }}" height="200px" wire:click="mostrar('educacion')"><br><br>
							</div>
						</div>
					</div> 
				</div>
				<div class="col-md-3">
					<div style="padding: 10px;margin: 10px;cursor:pointer;">
						<div class="row"> 
							<div class="col-md-12" align="center">
								<img src="{{ asset('/imgsystem/salud.png') }}" height="200px" wire:click="mostrar('salud')"><br><br>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div style="padding: 10px;margin: 10px;cursor:pointer;">
						<div class="row">
							<div class="col-md-12" align="center">
								<img src="{{ asset('/imgsystem/social.png') }}" height="200px" wire:click="mostrar('responsabilidad')"><br><br>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div style="padding: 10px;margin: 10px;cursor:pointer;">
						<div class="row">
							<div class="col-md-12" align="center">
								<img src="{{ asset('/imgsystem/basa.png') }}" height="200px" wire:click="mostrar('cultura')"><br><br>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	@endif
	@if($vista == 1)
		<br>
		<div class="row">
			<div class="col-md-4"></div>
			<div class="col-md-1" align="right">
				<img src="/imgsystem/moneda.png" width="50px">
			</div>
			<div class="col-md-3">
				<p style="color:#1c3054ff">¡Con cada desafío que realices acumulás puntos<br>
				para canjearlos por premios geniales!</p>
			</div>
			<div class="col-md-4"></div>
		</div>
	@endif
	<div class="d-none d-md-block" style="position: fixed;bottom: 0;left: 0;">
		<img src="/imgsystem/personaje2.png" width="260px">
	</div>
</div>