@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">Buat Galeri</h2>
    </div>

    <div class="panel-body">

        @include('admin.includes.errors')
        <form action="{{ route('galeri.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <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">
                    </div>
                </div>
                
                
                <div class="col-md-12">
                    <div class="form-group">
                        <div class="text-center">
                            <button class="btn btn-success" type="submit">Kirim</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