@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"  >
                                <option value="">No Category</option>
                                {!! $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>
                              @foreach($data->attributes as $key => $attribute)
                                  <div class="row" data-key="{{$key}}">
                                      <div class="col-xs-8 col-md-3 pr-0">
                                          <input class="form-control" name="attributes[{{$key}}][display_name]" placeholder="Input name" value="{{$attribute->display_name}}">
                                          <button type="button" class="btn btn-xs mt-1 btnRemove">remove</button>
                                      </div>
                                      <div class="col-xs-4 col-md-2 pr-0">
                                          <select class="form-control changeType" data-target="#{{$key}}" name="attributes[{{$key}}][type]">
                                              <option value="text" {{$attribute->type == 'text'?'selected':''}}>text</option>
                                              <option value="number" {{$attribute->type == 'number'?'selected':''}}>number</option>
                                              <option value="boolean" {{$attribute->type == 'boolean'?'selected':''}}>Yes or No</option>
                                          </select>
                                      </div>
                                      <div class="col-xs-12 col-md-7" id="{{$key}}">
                                          <textarea rows="2" name="{{$attribute->type == 'text'?'attributes['.$key.'][content]':''}}" class="form-control text" placeholder="Input value"style="display: {{$attribute->type == 'text'?'block':'none'}}">{{$attribute->type == 'text'?$attribute->content:''}}</textarea>
                                          <input type="number" name="{{$attribute->type == 'number'?'attributes['.$key.'][content]':''}}" class="form-control number" style="display: {{$attribute->type == 'number'?'block':'none'}}" value="{{$attribute->type == 'number'?$attribute->content:''}}">
                                          <select class="form-control boolean"  name="{{$attribute->type == 'boolean'?'attributes['.$key.'][content]':''}}" style="display: {{$attribute->type == 'boolean'?'block':'none'}}">
                                              <option value="yes" {{$attribute->type == 'boolean' && $attribute->content == 'yes'?'selected':''}}>Yes</option>
                                              <option value="no" {{$attribute->type == 'boolean' && $attribute->content == 'no'?'selected':''}}>No</option>
                                          </select>
                                      </div>
                                      <div class="clearfix"></div>
                                      <div class="col-xs-12"><hr></div>
                                  </div>
                              @endforeach
                          </div>
                          <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>
                      </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();
          });
      });

  </script>
@endpush