@extends('layouts.dashboard_admin')

@section('content')
<link href="{{asset('asset_admin/html/css/root.css')}}" rel="stylesheet">
<div class="panel panel-default">
    <div class="panel-heading">
        <h2 class="panel-title">Edit Galeri</h2>
    </div>

    <div class="panel-body">

        @include('admin.includes.errors')
        <form action="{{ route('galeri.update', ['post' => $galeri->id]) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PATCH')
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="featured">Gambar</label>
                        <input type="file" name="featured" class="form-control-file">
                    </div>
                </div>
                
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="text-center">
                                <button class="btn btn-success" type="submit">Perbarui Galeri</button>
                                <a href="{{route('galeri.index')}}" class="btn btn-warning">Kembali</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- End Sidepanel --> 
    <!-- jQuery Library --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/jquery.min.js')}}"></script> 
    <!-- Bootstrap Core JavaScript File --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap/dist/js/popper.min.js')}}"></script> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap/dist/js/bootstrap.min.js')}}"></script>
    <!-- Plugin.js - Some Specific JS codes for Plugin Settings --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/plugins.js')}}"></script> 
    <!-- Bootstrap WYSIHTML5 --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap-wysihtml5/wysihtml5-0.3.0.min.js')}}"></script><!-- main file --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap-wysihtml5/bootstrap-wysihtml5.js')}}"></script><!-- bootstrap file --> 
    <!-- Tinymce --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/tinymce/tinymce.min.js')}}"></script>
    <!-- MetisMenu --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/metismenu/metisMenu.min.js')}}"></script>
    <script>
        $(document).ready(function () {
            if(jQuery("#content").length > 0){
                tinymce.init({
                    selector: "textarea#content",
                    mode : "textareas",
                    theme: "modern",
                    height:300,
                    force_br_newlines : false,
                    force_p_newlines : false,
                    forced_root_block : '',
                    plugins: [
                    "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                    "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                    "save table contextmenu directionality emoticons template paste textcolor"
                    ],
                    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
                    style_formats: [
                    {title: 'Bold text', inline: 'b'},
                    {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
                    {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
                    {title: 'Example 1', inline: 'span', classes: 'example1'},
                    {title: 'Example 2', inline: 'span', classes: 'example2'},
                    {title: 'Table styles'},
                    {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
                    ]
                });                
            }
        });
    </script>
    @stop

    @section('styles')
    <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.css" rel="stylesheet">
    @endsection
    @section('scripts')
    <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.js" defer></script>
    <script>
        $(document).ready(function() {
            $('#content').summernote();
        });
    </script>
    @endsection