@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" value="{{$row->title}}" placeholder="標題">
						</div>
						<div class="form-group">
							<label for="description">內容</label>
                            <textarea class="form-control" id="description" name="description" rows="5" placeholder="內容">{{$row->description}}</textarea>
						</div>
                        <div class="form-group">
                            <label for="pic">圖片</label>
                            <input type="file" name="pic" id="pic">
                            @if ($row->pic != '')
                            <img src="{{ asset($row->pic) }}" width="100">
                            @endif
                        </div>
						<div class="form-group">
							<label for="sort">排序</label>
							<input type="sort" class="form-control" id="sort" name="sort" value="{{$row->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