@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <form method="POST" action="{{ route('archivo.modificar', $contenido->id) }}" enctype="multipart/form-data">
                        {{ method_field('PUT') }}
                          {{ csrf_field() }}
                        
                        
                        <div class="row">
                             
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Título</label>
                                    <input class="form-control" type="text" name="titulo" required value="{{$contenido->titulo}}">
                                </div>
                            </div>
                            
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Categorías</label>
                                    <select class="form-control" name="categoria" required>
                                         <option value="" selected disabled>Seleccione una Categoría</option>
                                         @foreach($categorias as $cat)
                                           <option value="{{$cat->id}}" @if($contenido->idcategoria == $cat->id) selected @endif>{{$cat->titulo}}</option>
                                         @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Contenido</label>
                                    <textarea class="form-control summernote" type="textarea" name="contenido" required>{{(!empty($contenido->contenido)) ? $contenido->contenido : ''}} </textarea>
                                </div>
                            </div>
                            
                            <div class="col-sm-12 mb-3">
                                
                                <div class="form-group">
                                    <div class="alert alert-info" role="alert">
                                         <h6>formato PNG,JPG,JPEG,XLS,XLSX,DOC,DOCX,PDF dimensiones de imagenes 300 x 300</h6>
                                    </div>     
                                </div>
                                
                                <div class="input-group mt-4">
                                    <div class="custom-file">
                                      <input type="file" class="custom-file-input" name="imagen">
                                      <label class="custom-file-label">Seleccione un archivo</label>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                              <div class="form-group">
                                  <a href="{{ route('archivo.contenido') }}" class="btn btn-danger btn-block">Regresar</a>
                              </div> 
                           </div>
                           
                           <div class="col-md-6">
                              <div class="form-group">
                                  <button class="btn btn-info btn-block" type="submit">Aceptar</button>
                              </div> 
                           </div>
                           
                        </div>    
                    </form>    
                    
                </div>
            </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