@extends('admin.master')

@section('top')
  <div class="top-breadcrumb pull-left">
    <h5>新闻列表</h5>
  </div>
@endsection

@section('ordersearch')
<div class="order-search mb-10">
  <div class="clearfix">
    <div class="pull-right">
      {!! Form::model($where, ['method'=>'get', 'class'=>'form-inline', 'id' => 'form-select']) !!}
      <div class="form-group pr-10">
        {!! Form::text('title', null, ['class'=>'form-control len wd-search', 'id'=>'kw', 'placeholder'=>'请输入新闻标题']) !!}
      </div>
      <div class="form-group pr-10">
        {!! Form::select('flag', [0 => '请选择发布状态', 1 => '发布', 2 => '不发布'], null, ['id'=>'pidCate', 'class'=>'form-control autosize selectpicker show-tick']) !!}
      </div>
      <button type="submit" class="btn btn-primary"><i class="iconfont icon-sousuo2"></i></button>
      {!! Form::close() !!}
    </div>
  </div>
</div>
@endsection

@section('content')
  {!! Form::open(['route' => 'admin.collect-news.index', 'method' => 'post', 'class'=>'form-ajax']) !!}
  <table class="table table-hover">
    <thead>
    <tr>
      <th width="60" class="text-center">
        <div class="pretty p-default p-smooth">
          <input name="chkAll" type="checkbox" id="chkAll" onclick="checkAll(this, 'id[]')" value="checkbox">
          <div class="state p-success"><label></label></div>
        </div>
      </th>
      <th>标题</th>
      <th>发布状态</th>
      <th>创建时间</th>
      <th width="110" class="text-center">操作</th>
    </tr>
    </thead>
    <tbody>
    @if(!$data->isEmpty())
      @foreach ($data as $value)
        <tr>
          <td align="center">
            <div class="pretty p-default p-smooth">
              <input name="id[]" class="id" type="checkbox" value="{{ $value['id'] }}" onclick="checkItem(this, 'chkAll')">
              <div class="state p-success"><label></label></div>
            </div>
          </td>
          <td>
            <a class="btn-link" href="{{ $value->present()->url('news') }}" title="{{ $value->description->title }}" target="_blank">
              {{ str_limit($value->description->title, $limit = 50, $end = '...') }}
            </a>
          </td>
          <td>
            @if($value->flag == 1)<span class="changegreen">发布</span>@endif
            @if($value->flag == 0)<span class="changegray">不发布</span>@endif
          </td>
          <td><span class="text-success">{{ $value->created_at }}</span></td>
          <td class="text-right">
            <div class="toolbar" style="text-align: center;">
              <a href="{{ route('admin.collect-news.edit', $value->id) }}" class="btn-link">修改</a>
              <span class="text-explode">|</span>
              <a href="javascript:void(0);" data-id="{{ $value->id }}" class="btn-link delete-item">删除</a>
            </div>
          </td>
        </tr>
      @endforeach
      <tr>
        <td align="center">
          <div class="pretty p-default p-smooth">
            <input name="chkAll" type="checkbox" id="chkAll" onclick="checkAll(this, 'id[]')" value="checkbox">
            <div class="state p-success"><label></label></div>
          </div>
        </td>
        <td class="text-left" colspan="6">
          <div class="foot-wrap">
            <div class="pull-left">
              <input name="btn_del" type="button" value="删 除" class="btn btn-default delet-select mr-10" >
              <input name="btn_flag" type="button" value="批量发布" class="btn btn-default flag-select">
            </div>
            @if(!empty($data->render()))
              <div class="pull-right">
                <div class="pagination-info">共有{{ $data->total() }}条</div>
                <div class="pagination-info" style="padding-left: 0">
                  <select id="perPage" class="form-control autosize selectpicker show-tick" name="perPage" form="form-select">
                    <option {{ $data->perPage() == 20 ? 'selected': ''}} value="20">20条/页</option>
                    <option {{ $data->perPage() == 30 ? 'selected': ''}} value="30">30条/页</option>
                    <option {{ $data->perPage() == 50 ? 'selected': ''}} value="50">50条/页</option>
                    <option {{ $data->perPage() == 100 ? 'selected': ''}} value="100">100条/页</option>
                  </select>
                </div>
                {!! $data->appends($where)->render() !!}
              </div>
            @endif
          </div>
        </td>
      </tr>
    @endif
    </tbody>
  </table>
  @if($data->isEmpty())
    <div class="nodata-wrap">
      <div class="notice-null"><span class="inline-block">暂无数据</span></div>
    </div>
  @endif
  {!! Form::close() !!}
@endsection

@section('notice')
  <!-- Modal -->
  <div class="modal fade" id="dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">提示</h4>
        </div>
        <div class="modal-body clearfix">
          <div class='col-sm-1 text-center'><i class='iconfont icon-zhuyi'></i></div>
          <div class='col-sm-11 breakall'><p>删除后您将无法恢复，请谨慎操作</p><p class='text-muted'>您确认要删除吗？</p></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary btn-modal-ok">确定</button>
          <button class="btn btn-default btn-modal-cancel btn-modal-close" data-dismiss="modal">取消</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal End -->
  <!-- Modal -->
  <div class="modal fade" id="dialog-tip" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">提示</h4>
        </div>
        <div class="modal-body clearfix">
          <div class='col-sm-1 text-center'><i class='fa fa-times-circle text-size-32 text-warning'></i></div>
          <div class='col-sm-11 breakall'><p class="delete-error">删除失败！</p></div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary btn-modal-close" data-dismiss="modal">确定</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal End -->
  <!-- Modal -->
  <div class="modal fade" id="dialog-common" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">提示</h4>
        </div>
        <div class="modal-body clearfix">
          <div class='col-sm-1 text-center'><i class='iconfont icon-zhuyi'></i></div>
          <div class='col-sm-11 breakall'><p class="common">请选择要删除的内容!</p></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary btn-modal-common">确定</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal End -->

  <div class="modal fade" id="dialog-flag" tabindex="-1" role="dialog-flag">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">提示</h4>
        </div>
        <div class="modal-body clearfix">
          <div class='col-sm-1 text-center'><i class='iconfont icon-zhuyi'></i></div>
          <div class='col-sm-11 breakall'><p class='text-muted'>您确认要发布吗？</p></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary flag-ok">确定</button>
          <button class="btn btn-default btn-modal-cancel btn-modal-close" data-dismiss="modal">取消</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="flag-tip" tabindex="-1" role="flag-tip">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">提示</h4>
        </div>
        <div class="modal-body clearfix">
          <div class='col-sm-1 text-center'><i class='fa fa-times-circle text-size-32 text-warning'></i></div>
          <div class='col-sm-11 breakall'><p class="flag-error">发布失败！</p></div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary btn-modal-close" data-dismiss="modal">确定</button>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('foot')
  <script type="text/javascript">
      // 删除
      $('.delete-item').on('click', function(e) {
          var deleteAction = location.pathname;
          var id = $(this).data('id');
          url = deleteAction + '/' + id;

          $('#dialog').modal('show');
          return false;
      });

      //批量删除
      $('.delet-select').on('click', function(){
          var ids = [];
          $('.id:checked').each(function(){
              ids.push(this.value);
          });
          ids = ids.join('-');
          if (!ids) {
              $('.common').text('请选择要删除的内容!');
              $('#dialog-common').modal('show');
              return false;
          }
          url = location.pathname + '/' + ids;

          $('#dialog').modal('show');
          return false;
      });

      $('body').on('click', '.btn-modal-common', function(){
          $(this).parents('#dialog-common').modal('hide');
      });

      $('body').on('click', '.btn-modal-ok', function() {
          $(this).parents('#dialog').modal('hide');
          $.ajax({
              type: "DELETE",
              url: url,
              success: function(data) {
                  if (data.status == 'success') {
                      swal({
                          title: "",
                          text: "信息删除成功！",
                          type: "success",
                          showConfirmButton: false,
                          timer: 1200,
                      });
                      setTimeout("location.reload()", 1200);
                  } else {
                      $('.delete-error').html('删除失败！');
                      $('#dialog-tip').modal('show');
                  }
              }
          });
      });

      $('#perPage').change(function(){
          $('#form-select').submit();
      })

      // 批量发布
      $('.flag-select').on('click', function (){
          var ids = [];
          $('.id:checked').each(function(){
              ids.push(this.value);
          });
          ids = ids.join('-');
          if (!ids) {
              $('.common').text('请选择要发布的内容!');
              $('#dialog-common').modal('show');
              return false;
          }
          flag_url = location.pathname + '/flag';
          flag_id = ids

          $('#dialog-flag').modal('show');
          return false;
      });

      $('body').on('click', '.flag-ok', function() {
          $(this).parents('#dialog-flag').modal('hide');
          $.ajax({
              type: "POST",
              url: flag_url,
              data: {ids: flag_id},
              success: function(data) {
                  if (data.status == 'success') {
                      swal({
                          title: "",
                          text: "批量发布成功！",
                          type: "success",
                          showConfirmButton: false,
                          timer: 1200,
                      });
                      setTimeout("location.reload()", 1200);
                  } else {
                      $('.flag-error').html('发布失败！');
                      $('#flag-tip').modal('show');
                  }
              }
          });
      });
  </script>
@endsection