@extends('adm.index')
@section('inicio','active')
@section('inicio_true','true')
@section('inicio_show','show')
@section('form')

<style type="text/css">
  main{
    height: auto !important;
    max-height: none !important;
  }
</style>

<style>
    form{
        margin-bottom: 40px !important;
        height: 100%;
    }
    main{
        max-height: none;
    }
</style>

<div class="container">
    <div class="row">
        <div class="col-12">
            <!--<h2>Editar textos de la página inicial</h2>-->
            <?php if($seccion == 'inicio'){ ?>
                <h2>Editar slider para la p&aacute;gina de inicio</h2>
            <?php } else { ?>
                <h2>Editar slider para la p&aacute;gina de empresa</h2>
            <?php } ?>
        </div>
        <div class="col-12">
            <form method="post" action="{{route('updateslider',[$seccion,'id'=>$slider->id])}}" enctype="multipart/form-data">
	@csrf
  @method('put')
  <div class="form-group col-md-6">
    <label for="orden">Orden</label>
    <input type="text" class="form-control" id="orden" name="orden" value="{{$slider->orden}}">
  </div>
<?php if($seccion == 'inicio'){ ?>
  <div class="form-group col-md-6">
    <label for="titulo">Titulo</label>
    <input type="text" class="form-control" id="titulo" name="titulo" value="{!!$slider->titulo!!}">
  </div>

  <div class="form-group col-md-8">
    <label for="descripcion">Descripcion</label>

    <textarea class="form-control" name="descripcion" id="descripcion" cols="30" rows="10" value="{{$slider->descripcion}}" >{!!$slider->descripcion!!}</textarea>
  </div>
  
  <?php } ?>
  <div class="form-group">
    <label for="imagen">Imagen</label>
    <input type="file" class="form-control-file" id="imagen" name="imagen" value="">
    <span class="">Seleccione (Tama&ntilde;o recomendado: 1920x810px)</span>
    <img src="{{asset(Storage::url($slider->imagen))}}" class="img-thumbnail mt-4">
  </div>
 <button type="submit" class="btn btn-success">Editar</button>
</form>
        </div>
    </div>
</div>



<script>
  $(document).ready(function() {
       $('textarea').summernote({
           height: 200,
  toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['view', ['fullscreen', 'codeview', 'help']],
],
});
   });

</script>

@endsection
