@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

@php
    //dd('Vista Blade Editar Documento Privado', $html, $id_operacion_detalle);
@endphp

<style>
    .contenedor {
        display: flex;
        justify-content: center;
    }
    .div-textarea {
        width: 24cm;
        height: 28cm;
        /* margin: 1cm 6cm 1cm 6cm; */
        padding: 0cm 2.54cm;
    };
    #summernote {
        width: 100%;
        height: 100%;
        border: none;
    }
    .btn-wysiwyg {
        width: 300px;
       /*  height: 50px; */
    }
</style>

<form method="POST" action="{{ route('escritura.documentoPrivadoUpdate') }}">
    @csrf
    <input type="hidden" name="id_operacion_detalle" value="{{ $id_operacion_detalle }}">
    <div class="contenedor">
        <div class="row div-textarea">
            {{-- <textarea id="summernote" name="texto">{!! $html[0]->documento_privado_html !!}</textarea> --}}
            <textarea id="html" name="html">{!! $html !!}</textarea>
        </div>
    </div>
    <div class="row">
        <div class="col-12" style="text-align: center">
            <button type="submit" class="btn btn-az-primary btn-wysiwyg mr-4 mt-4">Guardar Cambios</button>
            {{-- <a href="{{ route('alzamientoPrenda.index') }}" class="btn btn-light d-x-20">Cancelar</a> --}}
        </div>
    </div>
</form>

<script>
    $(document).ready(function() {
        $('#html').summernote({
            toolbar: [
            // Grupos de botones
            ['undo',['undo']],
            ['fontsize', ['fontname', 'fontsize']],
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ]
        });
    });
</script>

@endsection