@extends('layouts.dashboard')
@section('css')
{{-- <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> --}}
@stop
@section('content')
<!-- Main content -->
<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    {{-- <h3 class="box-title">{{$title}}</h3> --}}
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form role="form" method="post" enctype="multipart/form-data">
                    <div class="box-body">
						<div class="form-group">
							<label for="title">標題</label>
							<input type="text" class="form-control" id="title" name="title" placeholder="標題">
						</div>
						<div class="form-group">
							<label for="description">內容</label>
                            <textarea class="form-control" id="description" name="description" rows="5" placeholder="內容"></textarea>
						</div>
                        <div class="form-group">
                            <label for="pic">圖片</label>
                            <input type="file" name="pic" id="pic">
                        </div>
						<div class="form-group">
							<label for="meta_title">META-title</label>
                            <textarea class="form-control" id="meta_title" name="meta_title" rows="5" placeholder="META-title"></textarea>
						</div>
						<div class="form-group">
							<label for="meta_description">META-description</label>
                            <textarea class="form-control" id="meta_description" name="meta_description" rows="5" placeholder="META-description"></textarea>
						</div>
						<div class="form-group">
							<label for="meta_keyword">META-keyword</label>
                            <textarea class="form-control" id="meta_keyword" name="meta_keyword" rows="5" placeholder="META-keyword"></textarea>
                        </div>
						<div class="form-group">
							<label for="sort">排序</label>
							<input type="text" class="form-control" id="sort" name="sort" placeholder="排序">
						</div>
	                    <div class="box-footer">
                            <input type="hidden" name="_token" value="{!! csrf_token() !!}">
	                        <button type="submit" class="btn btn-primary">送出</button>
	                    </div>
		            </div>
                </form>
            </div>
            <!-- /.box -->
        </div>
        <!--/.col (right) -->
    </div>
    <!-- /.row -->
</section>
<!-- /.content -->
@stop
@section('js')
@include('module.init_html_editor')
<script>
    var $summernote = $('#description').summernote({
        height: 300,
        minHeight: null,
        maxHeight: null,
        focus: true,
        lang: 'zh-TW',
        callbacks: {
            onImageUpload: function (files) {
                sendFile($summernote, files[0]);
            }
        }
    });
</script>
@stop