@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 Berita - {{ $post->title }}</h2>
    </div>

    <div class="panel-body">

        @include('admin.includes.errors')
        <form action="{{ route('posts.update', ['post' => $post->id]) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PATCH')
            <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="{{ $post->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-file">
                    </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">{{ $post->content }}</textarea>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="featured">File</label>
                        <input type="file" name="file" class="form-control-file">
                    </div>
                    
                    <div class="form-group">
                        <label for="featured">Link</label>
                        <input type="text" name="link" class="form-control" value="{{$post->link}}">
                    </div>

                    <div class="form-group">
                        <label for="category_id">Pilih Kategori</label>
                        <select name="category_id" id="category_id" class="form-control">
                            @foreach ($categories as $category)
                            <option value="{{ $category->id }}"
                                @if ($post->category->id === $category->id)
                                selected
                                @endif
                                >{{ $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"

                                        @foreach ($post->tags as $postTag)
                                        @if ($postTag->id === $tag->id)
                                        checked
                                        @endif
                                        @endforeach
                                        > {{ $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">Perbarui Berita</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