Sindbad~EG File Manager

@extends('layouts.frontend')
@section('contenido')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    
	<div class="container">
	  	<div class="row justify-content-center align-items-center minh-100">

			<div class="col-md-12" style="background-color: rgba(255, 255, 255, 0.8);margin-top: 30px;border-radius: 10px;">
				<div class="row">
					<div class="col-lg-12" align="center"><br><br>
			      		<h1 style="font-family:  Aldo the Apache;font-size: 3vw;color: #F37835 !important">Evidencias de: {{$mision->titulo}} </h1>
					</div>
					<div class="col-md-12" style="padding: 10px;">
						 <form action="{{ route('evidenciaindividialcreate') }}" method="POST" enctype="multipart/form-data">
            				@csrf
							<div class="form-group">
								<label for=""><b>Ingrese su evidencia:</b></label>
								<textarea class="form-control" id="informacion" cols="20" rows="5" style="background-color: #737373 !important;color: white !important;" name="evidencia" placeholder="Escribe el mensaje aquí" required></textarea>
							</div>
							<div class="form-group">
								<b><label for="exampleFormControlFile1">Subir evidencia (opcional):</label></b>
    							<input type="file" class="form-control-file" name="archivo" id="exampleFormControlFile1">
							</div>
							<input type="hidden" name="mision_id" value="{{$mision->id}}">
							<div class="form-group">
								<button type="submit" class="btn btn-success btn-block">Enviar</button>
							</div><br>
						</form>
					</div>
				</div>
			</div>
			<br>

			<div class="col-md-12" style="background-color: rgba(255, 255, 255, 0.8);margin-top: 30px;border-radius: 10px;">
				@livewire('evidenciasindividuales', ['mision_id' => $mision->id])

			</div>

	  	</div>
	</div>
	
	<script>
        
        $(function () {
            // Summernote
            $('#informacion').summernote({
                height: '100%',
            });
        });

    </script>
@stop