@extends('academia.dashboard')

@section('content')


<div class="row mt-3">
    <div class="col-12">
         <div class="card">
            <div class="card-body">
                 
                <form method="POST" action="{{ route('academia-blog-save-editar') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    
                    
                    <div class="row">
                        
                        <input type="hidden" name="id" value="{{ $blog->id }}">

                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="control-label">Título</label>
                                <input class="form-control" type="text" name="titulo" required value="{{ $blog->titulo }}">
                            </div>


                            <div class="form-group mb-3">
                                <div class="alert alert-info" role="alert">
                                    <h5>dimensiones de imagenes 300 x 300 formato PNG,JPG,JPEG</h5>
                                </div>     
                            </div>
                            
                            <div class="form-group mb-3">
                                <label for="formFileMultiple" class="form-label">Seleccione un archivo</label>
                                <input class="form-control" type="file" name="imagen" id="formFileMultiple">
                            </div>    
                        
                        </div>


                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="control-label">Descripción Corta</label>
                                <textarea class="form-control" type="textarea" name="text_corto" rows="4" required>{{ $blog->text_corto }}</textarea>
                            </div>
                        </div>


                        <div class="col-md-12">
                        	<div class="form-group mb-3">
                                <label class="control-label">Contenido</label>
                                <textarea class="form-control summernote" type="textarea" name="contenido" required>{{ $blog->contenido }}</textarea>
                        	</div>
                        </div>		



                        
                        <div class="col-md-12">
                            <div class="d-flex justify-content-center">
                            	<div class="col-md-3">
                                   <button class="btn btn-info w-100" type="submit">Aceptar</button>
                                </div>
                            </div> 
                        </div>

                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection   	

@push('script')
<script>
  $(document).ready(function () {
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'video']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
  })
 </script>
@endpush