@extends('admin.layouts.default') 
@section('content')
<div class="content-i">
    <div class="content-box">
        <div class="element-wrapper">
            <div class="element-box ">
                <form method="post" action="{{route('admin.gestion_contenu.update' , $text->id)}}">
                    {{csrf_field()}}
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="">Nom</label>
                                <input class="form-control" value="{{$text->nom}}" required="" name="nom" type="text">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="">Option</label>
                                <input class="form-control" value="{{$text->options}}" name="options" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">  
                        <textarea class="summernote" name="content">{{$text->content}}</textarea>
                    </div>
                    <div class="row">
                        <button class="btn btn-primary">Enregister</button>
                    </div>

                </form>
                
            </div>
        </div>
    </div>
</div>
@endsection
@section('style')

<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.css" rel="stylesheet">
@endsection
@section('script')
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.js"></script>
<script>
      jQuery(document).ready(function($) {
          $('.summernote').summernote({
                lang: 'fr-FR',
                fontNames: ['Poppins'],
                fontNamesIgnoreCheck: ['Poppins'],
                callbacks: {
                    onImageUpload: function(image) {
                        editor = $(this);
                        uploadImageContent(image[0], editor);
                    }
                }
            });
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            function uploadImageContent(image, editor) {
                var data = new FormData();
                data.append("image", image);
                $.ajax({
                    url: "{{ route('admin.summernote.upload') }}",
                    cache: false,
                    contentType: false,
                    processData: false,
                    data: data,
                    type: "post",
                    success: function(url) {
                        var image = $('<img>').attr('src', url);
                        $(editor).summernote("insertNode", image[0]);
                    },
                    error: function(data) {
                        console.log(data);
                    }
                });
            }
      });
    </script>
@endsection