@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);
        // $.get("{{ url('backend/news/sort') }}/"+sortStr);
        $("#debugArea").load("{{ url('backend/album/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/album/recycle/'.$album_tags_id) }}" class="btn btn-info"><i class="fa fa-fw fa-recycle"></i> 資源回收</a>
      <a href="{{ url('backend/album/add/'.$album_tags_id) }}" 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 input_fix">
          關鍵字：
        </div>
        <div class="column">
          {{ Form::text('keyword',null,array('class' => 'form-control')) }}
        </div>
        <div class="column input_fix">
          日期區間：
        </div>
        <div class="column">
          {{ Form::text('date_start',null,array('class' => 'form-control', 'id' => 'date_start', 'placeholder' => '開始日期')) }}
        </div>
        <div class="column">
          {{ Form::text('date_end',null,array('class' => 'form-control', 'id' => 'date_end', 'placeholder' => '結束日期')) }}
        </div>
        <div class="column">
          <button type="submit" class="btn btn-primary"><i class="fa fa-search fa-fw"></i>搜尋</button>
          @if (isset($inputs['keyword']))
            <a href="{{ url('backend/album/index/') }}" class="btn btn-default">清除搜尋</a>
          @endif
        </div>
      </div>
      {{ Form::close() }}
    </div>

    <div class="column text-right input_fix pull-right">
      共 {{ $list->getTo() }} 頁， {{ $list->getTotal() }} 筆資料
    </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>封面預覽</th>
          <th>相簿標題</th>
          <th>相簿分類</th>
          <th>相簿時間</th>
          <th>點擊</th>
          <th class="txt_center">操作</th>
        </tr>
      </thead>
      <tbody>
      
        @if (isset($list))
        @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->album_images->first()->file_name) && file_exists('uploads/album/thumb/'.$value->album_images->first()->file_name))
          {{ HTML::image('uploads/album/thumb/'.$value->album_images->first()->file_name) }}
          @else
          未上傳圖片
          @endif
          </td>
          <td>{{ $value->title }}</td>
          <td>
            @if ($value->album_tags->count() > 0)
              @foreach ($value->album_tags as $element)
                <span class="label label-primary">{{ $element->name }}</span>
              @endforeach
            @endif
          </td>
          <td>{{ $value->post_at }}</td>
          <td>{{ $value->click }}</td>
          <td class="table_btn nowrap">
            <div class="btn-group pull-right">
              <a href="{{ url('backend/album-images/index/'.$album_tags_id.'/'.$value->id) }}" class="btn btn-info"><i class="fa fa-picture-o fa-fw"></i>相片 <span class="badge">{{ $value->album_images->count() }}</span></a>
              <a href="{{ url('backend/album/update/'.$album_tags_id.'/'.$value->id) }}" class="btn btn-success"><i class="fa fa-pencil fa-fw"></i>編輯</a>
              <a href="{{ url('backend/album/delete/'.$album_tags_id.'/'.$value->id) }}" class="btn btn-danger"><i class="fa fa-trash-o fa-fw"></i>刪除</a>
            </div>
          </td>
        </tr>
        @endforeach
        @endif
        
      </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/album') }}" data-qs="/{{ $album_tags_id }}" >
          <option value="0">選取項目</option>
          <option value="1">刪除</option>
          <option value="2">設定前台顯示</option>
          <option value="3">設定前台隱藏</option>
        </select>
      </div>
    </div>
  </div>
  {{-- /多選動作選單 --}}
  @endif

</div>

@stop