@extends("admin.template")

@section('content')
<h1 class="page-title">
  {{ucfirst($action)}} Blog
</h1>

<div class="portlet light bordered" id="app">
  <div class="portlet-body form">
    <form action="" method="post" class="form-horizontal" enctype="multipart/form-data">
      {!! csrf_field() !!}
      <input type="hidden" name="delete" id="delete">
      <div class="form-body">
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Title <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::text('title', $blog->title, ['class'=>'form-control', 'autofocus'])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Status</label>
              <div class="col-md-9">
                <div class="mt-radio-inline">
                  <label class="mt-radio mt-radio-outline">
                    {{Form::radio('stat', 1, $blog->stat == 1)}} Enabled
                    <span></span>
                  </label>
                  <label class="mt-radio mt-radio-outline">
                    {{Form::radio('stat', 0, $blog->stat == 0)}} Disabled
                    <span></span>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Meta Title</label>
              <div class="col-md-9">
                {{Form::text('meta_title', $blog->meta_title, ['class'=>'form-control'])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Meta Keyword</label>
              <div class="col-md-9">
                {{Form::text('meta_keyword', $blog->meta_keyword, ['class'=>'form-control'])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Meta Description</label>
              <div class="col-md-9">
                {{Form::text('meta_desc', $blog->meta_desc, ['class'=>'form-control'])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">
                Image
                <span class="help-block">(450px width by 300px height)</span>
              </label>
              <div class="col-md-9">
                <input type="file" name="image">
                @if($blog->image)
                  <img src="{{asset("assets/images/frontend/blogs/".$blog->image)}}" style="max-height: 200px;">
                @endif
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Description</label>
              <div class="col-md-9">
                {{Form::textarea('desc', $blog->desc, ['class'=>'form-control', 'rows'=>'5'])}}
              </div>
            </div>
          </div>
        </div>
      </div>
      
      <textarea name="content" id="editor1" rows="15">
            {{ $blog->content }}
        </textarea>
      
      <div class="form-actions">
        <div class="row">
          <div class="col-md-6">
            <div class="row">
              <div class="col-md-offset-3 col-md-9">
                <button type="submit" class="btn green">Submit</button>
                <button type="submit" class="btn red confirmation" data-toggle='confirmation'>Delete</button>
                <a href="{{url('admin/frontend/blog')}}" class="btn btn-default">Cancel</a>
              </div>
            </div>
          </div>
          <div class="col-md-6"> </div>
        </div>
      </div>
    </form>
  </div>
</div>

@endsection

@section('script')
  <script src="https://cdn.ckeditor.com/4.5.10/standard-all/ckeditor.js"></script>
  <script src="{{ url('assets/ckfinder/ckfinder.js')}}"></script>

  <script>
  var vm = new Vue({
    el: "#app",
    data: {
      url: '{{$blog->url}}'
    },
  });

  if ( typeof CKEDITOR !== 'undefined' ) {
    CKEDITOR.addCss( 'img {max-width:100%; height: auto;}' );
    var editor = CKEDITOR.replace( 'editor1', {
      extraPlugins: 'uploadimage,image2',
      removePlugins: 'image',
      height:350
    } );
    CKFinder.setupCKEditor( editor );
  } else {
    document.getElementById( 'editor1' ).innerHTML = '<div class="tip-a tip-a-alert">This sample requires working Internet connection to load CKEditor from CDN.</div>'
  }

</script>
@endsection