@extends('layouts.adminlte')
@section('bodyClass', 'hold-transition skin-blue sidebar-aside')

@push('css')
    <style>
        .drag-disabled + .note-editor .note-dropzone { opacity: 0 !important; }
    </style>
@endpush

@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="box box-info " id="filedrag">
            <div class="box-header with-border">
                <h3 class="box-title">Edit post</h3>

                <!-- <label class="switch">
                    <input type="checkbox">
                    <span class="slider round"></span>
                </label> -->
            </div>
              <div class="box-body pad">
  
                  <form action="{{route('posts.update',[$data->id])}}" class="form-group" method="POST" enctype="multipart/form-data" novalidate>
                  {{ csrf_field() }}
                    {{ method_field('PUT') }}
                    <div class="row">
                      <div class="col-md-8">
                          <label>Title &nbsp;<span style="color:#db4437;">*</span></label>
                          <input type="text"  name="title"  value="{{$data->title}}" class="form-control" placeholder="Enter title here" required>
                          <br/>

                          <label>Slug</label>
                          <div type="text" class="form-control"> {{$data->slug}}</div>
                          <br/>

                          <label>Content</label>
                          <textarea class="contentEditor drag-disabled"   name="content" placeholder="Place your post content here"
                                    style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                    {{$data->content}}
                          </textarea><br/>

                          <label for="category_id" class="">Category</label><br/>

                            <input type="hidden" name="category_id"/>
                            <select class="select2 category_id" style="width: 100%;" name="category_id"  >
                                {!! $treeComboBox !!}
                            </select><br/><br/>


                            <label> Tag</label><br/>
                            <select id="cbo-admins" class=" select2 tag_id" style="width: 100%;"  multiple="multiple" name="tag_id[]" style="width: 100%;" tabindex="-1" aria-hidden="true">

                                @foreach ($listTags as $item)
                                    <option {{$item->selected?'selected':''}} value={{$item->id}}>{{$item->tag_name}}</option>
                                @endforeach
                            </select>

                          <hr>

                          <div class="form-group" id="customField">
                              <label class=""> Custom fields</label>
                          </div>

                          @if(!empty($custom_field['list']))
                              <div class="text-right">
                                  <button type="button" class="btn btn-primary addMoreField" data-target="#customField"> <i class="fa fa-plus mr-1"></i> Add field</button>
                              </div>
                          @endif
                      </div>
                      <div class="col-md-4">
                            <div class="form-group  ">
                                <label for="avatar" class="  control-label">Photo</label>

                                <div class="media-loader-parent">
                                    <div class="preview">
                                        <div class="preview-item">
                                            <img height="150" src="{{$data->photo}}" title="{{$data->photo}}" alt="">
                                        </div>
                                    </div>
                                    <div class="input-group ">
                                        <span class="input-group-addon"><i class="fa fa-upload"></i></span>
                                        <input type="text " class="form-control media-loader" placeholder="Choose file" name="photo" value="{{$data->photo}}">
                                    </div>
                                </div>
                            </div>

                          
                        @if($isPublisher)
                              <br/>
                            <label>
                                <input class="flat-red" name='is_publish' id="is_publish" style='vertical-align: top;' {{$data->is_published==1?'checked':''}} type="checkbox"> <span>Publish this post</span>
                            </label>

                           <br/>
                           <div id='pick-publish-date' {{$data->is_published==1?'':'hidden'}}>
                               <label>Date publish</label>
                                @if($data->publish_date)
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="text" name="date" value = "{{\DateTime::createFromFormat('Y-m-d', $data->publish_date)->format('m/d/Y')}}" class="datepicker form-control pull-right" >
                                    </div><br/>
                                @else
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="text" name="date" class="form-control  pull-right datepicker" id="datepicker" >
                                    </div><br/>
                                @endif
                           </div>
                        @endif
                    </div>
                        
                    </div>
                    <br/>
                    <div class="box-footer">
                              
                        <div class="col-md-12">

                            <div class=" pull-right">
                                <a href="{{route('posts.index')}}"  style='margin-right: 10px' class="btn btn-default">Cancel</a>
                                <button class="btn btn-primary"><i class="fa fa-save mr-1"></i>Save changes</button>
                            </div>
                        </div>
                    </div>
                    </form>
              </div>
        </div>
    </div>
</div>


@endsection

@push('scripts')

  <script type="text/javascript">



      $(function () {

          $('.select2').select2();
          $('.contentEditor').summernote({
              height: 150,   //set editable area's height
          });

          $(".datepicker").datepicker({
              'autoclose': true
          }).datepicker("setDate", new Date());

          $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
              checkboxClass: 'icheckbox_square-green'
          }).on('ifChanged', function(event){
              $("#pick-publish-date").toggle();
          });

          var idAdd = 'customField';
          @foreach($custom_field['attributes'] as $key => $item)
                var time = {{$key}};

                var SLUG = '{!! $item['slug'] !!}';
                var TYPE = {!! $item['type'] !!};
                var DOM = {!! $item['dom'] !!};
                addCustomField(TYPE,DOM,SLUG,idAdd,time);
          @endforeach

          $( ".addMoreField" ).click(function() {
              var time = (new Date()).getTime();
              var SLUG = '';
              var TYPE = {!! $custom_field['type'] !!};
              var DOM = {!! $custom_field['dom'] !!};
              addCustomField(TYPE,DOM,SLUG,idAdd,time);
          });
      });

  </script>
@endpush