@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 Berita</h2>
    </div>

    <div class="panel-body">

        @include('admin.includes.errors')
        <form action="{{ route('posts.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="title">Judul</label>
                        <input type="text" name="title" class="form-control" value="{{ old('title') }}">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="featured">Gambar</label>
                        <input type="file" name="featured" class="form-control" accept="image/*">
                    </div>
                </div>
                
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="content">Konten</label>
                        <textarea name="content" id="content" cols="5" rows="5" class="form-control">{{ old('content') }}   </textarea>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="featured">File</label>
                        {{-- pdf,doc,docx,xls,xlsx,zip --}}
                        <input type="file" name="file" class="form-control-file" accept="application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/zip">
                    </div>
                    
                    <div class="form-group">
                        <label for="featured">Link</label>
                        <input type="text" name="link" class="form-control">
                    </div>

                    <div class="form-group">
                        <label for="category_id">Pilih Kategori</label>
                        <select name="category_id" id="category_id" class="form-control" required>
                            <option value="">-- Kategori --</option>
                            @foreach ($categories as $category)
                            <option value="{{ $category->id }}"
                                {{ $category->id == old('category_id') ? 'selected' : ''}}>
                                {{ $category->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="tags">Pilih tags</label>
                        <br>
                        <div class="row">
                            @foreach ($tags as $tag)
                            <div class="col-md-4">
                                <label>
                                    <input type="checkbox" name="tags[]" value="{{ $tag->id }}" id="tags"> {{ $tag->tag }}
                                </label>
                            </div>
                            @endforeach
                        </div>
                    </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('posts.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