@extends('adm.index')
@section('empresa','active')
@section('empresa_true','true', 'false')
@section('empresa_show','show')
@section('empresa_collapsed','collapsed')
@section('form')
<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 de empresa</h2>
        </div>
        <div class="col-12">
            <form method="POST" action="<?= route('editEmpresa') ?>" enctype="multipart/form-data">
    @csrf
    <div class="mb-3">
        <label for="descripcion" class="form-label">Descripcion 1</label>
        <textarea class="form-control" name="descripcion"  id="descripcion" cols="30" rows="10" value="{{$empresa->descripcion}}" >{!!$empresa->descripcion!!}</textarea>
    </div>
    <div class="mb-3">
        <label for="descripciondos" class="form-label">Descripcion 2</label>
        <textarea class="form-control" name="descripciondos"  id="descripciondos" cols="30" rows="10" value="{{$empresa->descripciondos}}" >{!!$empresa->descripciondos!!}</textarea>
    </div>
    <div class="form-group">
        <label for="foto">Foto 1</label>
        <input type="file" class="form-control-file" id="foto" name="foto" value="" >
        <span class="">Seleccione (Tama&ntilde;o recomendado: 1400x480px)</span>
        <img src="{{asset(Storage::url($empresa->foto))}}" class="img-thumbnail mt-4">
    </div>
    <div class="form-group">
        <label for="fotodos">Foto 2</label>
        <input type="file" class="form-control-file" id="fotodos" name="fotodos" value="" >
        <span class="">Seleccione (Tama&ntilde;o recomendado: 1400x480px)</span>
        <img src="{{asset(Storage::url($empresa->fotodos))}}" class="img-thumbnail mt-4">
    </div>
    <div class="form-group">
        <label for="icono">Icono</label>
        <input type="file" id="icono" class="form-control-file" name="icono" value="" >
        <img src="{{asset(Storage::url($empresa->icono))}}" class="img-thumbnail mt-4">
    </div>
    <div class="form-group">
        <label for="iconodos">Icono dos</label>
        <input type="file" id="iconodos" class="form-control-file" name="iconodos" value="" >
        <img src="{{asset(Storage::url($empresa->iconodos))}}" class="img-thumbnail mt-4">
    </div>
    <div class="form-group">
        <label for="iconotres">Icono tres</label>
        <input type="file" id="iconotres" class="form-control-file" name="iconotres" value="" >
        <img src="{{asset(Storage::url($empresa->iconotres))}}" class="img-thumbnail mt-4">
    </div>
    <div class="mb-3">
        <label for="texto" class="form-label">Texto</label>
        <textarea class="form-control" name="texto"  id="texto" cols="30" rows="10" value="{{$empresa->texto}}" >{!!$empresa->texto!!}</textarea>
    </div>
    <div class="mb-3">
        <label for="textodos" class="form-label">Texto 2</label>
        <textarea class="form-control" name="textodos"  id="textodos" cols="30" rows="10" value="{{$empresa->textodos}}" >{!!$empresa->textodos!!}</textarea>
    </div>
    <div class="mb-3">
        <label for="textotres" class="form-label">Texto 3</label>
        <textarea class="form-control" name="textotres"  id="textotres" cols="30" rows="10" value="{{$empresa->textotres}}" >{!!$empresa->textotres!!}</textarea>
    </div>
    <button type="submit" class="btn btn-primary">Actualizar empresa</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
