@extends('admin.layouts.default') 
@section('content')
<div class="content-i">
    <div class="content-box">
        <div class="element-wrapper">
            <div class="element-box m-2">
                <div class="form-group">
                    <form action="{{route('admin.gestionSite.barre_information.post')}}" method="post">
                        {{csrf_field()}}
                        <textarea class="summernote" required="" name='text'>{{-- {{$news->text}} --}}</textarea>
                        <div class="pull-right m-2">
                            <button class="btn btn-primary">Publier</button>
                        </div>
                    </form>
                </div>
            </div>
            @if(count($texts) >0 )
            <div class="element-box">
                <div class="table-responsive">
                    <table id="dataTable1" class="table table-striped table-lightfont">
                        <thead>
                            <tr>
                                <th width="1000">Message</th>
                                <th>actif</th>
                                <th width="250">Date publication</th>
                                <th width="250">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($texts as $text)
                            <tr>
                                <td>{!!$text->text!!}</td>
                                <td>{{$text->active}}</td>
                                <td>{{ $text->created_at->format('Y-m-d H:i') }}</td>
                                <td>
                                    <a href="" class="btn btn-sm btn-primary" data-target="#modal-newsbar{{$text->id}}" data-toggle="modal"><i class="fa fa-pencil"></i></a> @include('admin.partials.modals.newsbar')
                                    <a href=" {{route('admin.gestionSite.barre_information.delete', $text->id)}}" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></a>
                                    @if($text->active == 0)
                                    <a href="{{route('admin.gestionSite.barre_information.newsbar',$text->id)}}" class="btn btn-sm btn-success">Activer</a>
                                    @endif
                                    @if($text->active == 1)
                                    <a href="{{route('admin.gestionSite.barre_information.desctiver',$text->id)}}" class="btn btn-sm btn-danger">Désactiver</a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif
        </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);
                    }
                });
            }

    $('.disable-summernote').click(function(event) {
        $('.summernote').summernote('enable');
    });

    $('.summernote.disabled').each(function(index, el) {
        $(this).summernote('disable');
    });

});
</script>
@endsection