@extends('admin.layout')

@section('head')
  @include('UEditor::head')
@endsection
@section('css')
  <style>
    .preview{
      position: relative;
    }
    .preview .thumbnail{height: 100px;overflow: hidden;}
    .preview .thumbnail img{max-height: 100%}
    .preview-close{
      position: absolute;
      top: 0;
      right: 0;
    }
  </style>
@endsection
@section('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">单页修改</h3>
          </div><!-- /.box-header -->
          <!-- form start -->
          @include('admin.error')
          <form action="{{ route('admin.onepage.update', ['id' => $info->id]) }}" method="post" enctype="multipart/form-data">
            {{ csrf_field() }}
            {{ method_field('PUT')}}
            <div class="box-body">
              
              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">标题</label>
                <div class="col-sm-10">
                  <input type="text" name="title" class="form-control" placeholder="标题" value="{{ $info->title}}">
                </div>
              </div>

              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">类别</label>
                <div class="col-sm-4">
                  <select name="nav_id" id="" class="form-control">
                    @if($navs->isNotEmpty())
                      @foreach($navs as $nav)
                        @if($nav->id == $info->nav_id)
                          <option selected value="{{$nav->id}}">{{$nav->name}}</option>
                        @else
                          <option value="{{$nav->id}}">{{$nav->name}}</option>
                        @endif
                      @endforeach
                    @endif
                  </select>
                </div>
              </div>

              <div class="form-group col-sm-12">
                <label for="inputEmail3" class="col-sm-2 control-label">缩略图(354*230)</label>
                <div class="col-sm-10">
                  <input type="file" name="file">
                </div>
                <div class="col-sm-10 col-sm-offset-2">
                  <img class="img-thumbnail img-lg" src="/{{ $info->path }}" alt="">
                </div>
              </div>
              
              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">描述</label>
                <div class="col-sm-10">
                  <textarea class="form-control" name="desc" id="" rows="5">{{ $info->desc }}</textarea>
                </div>
              </div>
              
              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">分类名</label>
                <div class="col-sm-10">
                  <input type="text" name="cata" class="form-control" placeholder="分类名" value="{{isset($tags[0]) ? $tags[0]->name : ''}}">
                </div>
              </div>

              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">分类图片(340*228)</label>
                <div class="col-sm-10">
                  <input type="file" name="files[]" multiple>
                </div>
                <div class="col-sm-10 col-sm-offset-2" style="margin-left: -15px">
                  @if($tags->isNotEmpty())
                    @foreach($tags as $tag)
                      @if($tag && $tag->path)
                        @foreach(explode(';', $tag->path) as $cpath)
                          <div class="preview col-md-3">
                            <a href="javascript:;" class="preview-close label label-danger">删除</a>
                            <a href="javascript:;" class="thumbnail">
                              <input type="hidden" name="cpath[]" value="{{$cpath}}">
                              <img class="" src="/{{ $cpath }}" alt="">
                            </a>
                          </div>
                        @endforeach
                      @endif
                    @endforeach
                  @endif
                </div>
              </div>

              <div class="form-group  col-sm-12">
                <label class="control-label col-sm-2">内容</label>
                <div class="col-sm-10">
                  <!-- 加载编辑器的容器 -->
                  <script id="container" name="content" type="text/plain">{!! $info->content !!}</script>

                  <!-- 实例化编辑器 -->
                  <script type="text/javascript">
                      var ue = UE.getEditor('container');
                          ue.ready(function() {
                          ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.    
                      });
                  </script>       
                </div>
              </div>       

            </div>

            <div class="box-footer">
              <button type="submit" class="btn btn-primary">提交</button>
            </div>
          </form>
        </div><!-- /.box -->

      </div>
    </div>
  </section>
@endsection
@section('js')
  <script>
    $(function(){
      $(document).on('click','.preview-close',function(){
        $(this).parent().remove();
      })
    })
  </script>
@endsection