@extends('admin.layouts.default')

@section('head')

  @if ($drag_sort)
  {{ HTML::script('admin/assets/js/libs/jquery.tablednd.js') }}
  <script>
  $(document).ready(function() {
    $("#table-drag").tableDnD({
      onDragClass: "info",
      onDrop: function(table, row) {
        var rows = table.tBodies[0].rows;
        var debugStr = '<div class="alert alert-success" role="alert">修改排序中</div>';
        var sortStr = '';
        for (var i=0; i<rows.length; i++) {
          sortStr += rows[i].id+",";
        }
        $("#debugArea").html(debugStr);
        $("#debugArea").load("{{ url('backend/slider/sort') }}/"+sortStr);
      },
      dragHandle: ".dragHandle",
      onDragStart: function(table, row) {
        $("#debugArea").html('<div class="alert alert-success" role="alert">將列表資料拖曳到新的排序位置</div>');
      }
    });
  });
  </script>
  @endif
  <title>{{ Config::get('backend.web_title', '網站內容管理系統') }}</title>

@stop

@section('content')

<div class="content_block">
  <div class="page-header clearfix">
    <h3 class="pull-left">輪播圖列表</h3>
    <div class="btn-group pull-right">
      <a href="{{ url('backend/slider/recycle') }}" class="btn btn-info"><i class="fa fa-fw fa-recycle"></i> 資源回收</a>
      <a href="{{ url('backend/slider/add') }}" class="btn btn-primary"><i class="fa fa-fw fa-plus"></i> 新增輪播圖</a>
    </div>
  </div>

  <div class="margin_bottom eqs3 gutter_20">
    <div class="fill pull-left">
      {{ Form::model($inputs,array('method'=>'get')) }}
      <div class="gutter_10">
        <div class="column">
          {{ Form::text('keyword',null,array('class' => 'form-control')) }}
        </div>
        <div class="column">
          <div class="btn-group">
            <button type="submit" class="btn btn-primary"><i class="fa fa-search fa-fw"></i>搜尋</button>
            @if (isset($inputs['keyword']))
            <a href="{{ url('backend/slider/index') }}" class="btn btn-default">清除搜尋</a>
            @endif
          </div>
        </div>
      </div>
      {{ Form::close() }}
    </div>

    <div class="column column_right gutter_10">
      <div class="column input_fix">
        共 {{ $list->getLastPage() }} 頁， {{ $list->getTotal() }} 筆資料，一頁顯示
      </div>
      <div class="column">
        {{ Form::select('per_page',array('20' => '20', '40' => '40', '60' => '60'), $per_page, array('id' => 'js_per_page', 'class' => 'form-control', 'data-url' => url('backend/setting/per-page'))) }}
      </div>
      <div class="column input_fix">
        筆資料
      </div>
    </div>
    <div class="clearfix"></div>
  </div>

  @if ($list->getTotal() > 0)
  <div class="table-responsive">
    <table class="table table-bordered table-condensed table-striped" id="table-drag">
      <thead>
        <tr>
          <th style="width: 1%;"><input type="checkbox" id="js_check_all" /></th>
          <th class="col-md-1">圖片預覽</th>
          <th>標題</th>
          <th>說明</th>
          <th>連結</th>
          <th class="txt_center">操作</th>
        </tr>
      </thead>
      <tbody>
      
        @foreach ($list as $value)
        <tr id="{{ $value->id }}-{{ $value->sort }}" @if ($value['enable'] == 0) {{ ' class="warning"' }} @endif>
          <td class="center">
            <input type="checkbox" name="record_checkbox[]" value="{{ $value->id }}" />
          </td>
          <td>
            @if (!empty($value->file_name) && file_exists('uploads/slider/thumb/'.$value->file_name))
            {{ HTML::image('uploads/slider/thumb/'.$value->file_name) }}
            @else
            未上傳圖片
            @endif
          </td>
          <td>{{ $value->title }}</td>
          <td>{{ str_limit($value->content,60) }}</td>
          <td>
            @if (!empty($value->url))
            <a href="{{ url($value->url) }}" target="_blank">{{ $value->url }}</a>
            @endif
          </td>
          <td class="table_btn txt_right">
            <div class="btn-group">
              <a href="{{ url('backend/slider/update/'.$value->id) }}" class="btn btn-success"><i class="fa fa-pencil fa-fw"></i>編輯</a>
              <a href="{{ url('backend/slider/delete/'.$value->id) }}" class="btn btn-danger"><i class="fa fa-trash-o fa-fw"></i>刪除</a>
            </div>
          </td>
        </tr>
        @endforeach
        
      </tbody>
    </table>
    <div id="debugArea"></div>
  </div>

  {{-- 多選動作選單 --}}
  <div class="pagination">
    <div class="pull-left">
      <div class="above_table_head bottom">
        <select class="form-control" id="js_checked_delete" data-url="{{ url('backend/slider') }}" data-qs="" >
          <option value="0">選取項目</option>
          <option value="1">刪除</option>
          <option value="2">設定前台顯示</option>
          <option value="3">設定前台隱藏</option>
        </select>
      </div>
    </div>
  </div>
  {{-- /多選動作選單 --}}

  {{-- 分頁 --}}
  <div class="pull-right">
  {{ $list->appends($page_appends)->links() }}
  </div>

  @endif

</div>

@stop