Sindbad~EG File Manager

@extends('layouts.frontend')
@section('contenido')
	<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('evidenciaedit') }}" method="POST" enctype="multipart/form-data">
    				@csrf
					<div class="form-group">
						<label for=""><b>Edite 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>{{ $evidencia->evidencia }}</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">
						<center><img src="{{ asset('evidencias/'.$evidencia->archivo) }}" width="200px" alt=""></center>
					</div>
					<input type="hidden" name="evidencia_id" value="{{$evidencia->id}}">
					<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('evidencias', ['mision_id' => $mision->id])

	</div>
	<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>
	<script>
        $(function () {
            // Summernote
            $('#informacion').summernote({
                height: '100%',
            });
        });
    </script>
@stop