Sindbad~EG File Manager

@extends('layouts.frontend')
@section('contenido')
	<livewire:navbar></livewire:navbar> 
	<div class="container">
	  	<div class="row justify-content-center align-items-center minh-100">
			
		  	<div class="col-lg-12" align="center"><br><br>
				<h1 style="font-family:  Uni Sans Heavy;font-size: 2vw">Evidencias de: {{$mision->titulo}} </h1>
			</div>

			<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-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>

	  	</div>
	</div>
	
	<script>
        
        $(function () {
            // Summernote
            $('#informacion').summernote({
                height: '100%',
				toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['fontsize', ['fontsize']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen', 'codeview', 'help']],
                ],
            });
        });

    </script>

@stop