@extends('layouts.dashboard_admin')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h2>Tambah Kegiatan PPID Kaltimprov.</h2>
            </div>
        
        <div class="panel panel-body" style="padding:1rem;">
                @include('admin.includes.errors')
                <form action="{{ route('admin.kegiatan.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="title">Nama Kegiatan</label>
                                <input type="text" required name="name" class="form-control" value="{{ old('name') }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="content">Deskripsi Kegiatan</label>
                                <textarea name="description" id="content" cols="5" rows="5" class="form-control">{{ old('description') }}   </textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="title">Tanggal Kegiatan</label>
                                <input type="date" required name="task_date" class="form-control" value="{{ old('task_date') }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                                <a href="{{route('admin.kegiatan.index')}}" class="btn btn-info">Kembali</a>
                            <button class="btn btn-primary">Tambah</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </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