@extends('admin/layouts.master')
@section('title', '熱門關鍵字 - 管理員')
@section('body')


<section class="content">
  @include('admin.message')
  <div class="row">
    <div class="col-xs-12">
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">{{ __('adminstaticword.FeaturedSearch') }}(拖曳排序)</h3>
          <a class="btn btn-info btn-sm" href="{{url('featured_search/create')}}">
             + {{ __('adminstaticword.Add') }}{{ __('adminstaticword.FeaturedSearch') }}</a>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <table id="example3" class="table table-bordered table-striped">

            <thead>
              <tr>
                <th>#</th>
                <th>{{ __('adminstaticword.FeaturedSearch') }}</th>
                {{-- <th>{{ __('adminstaticword.Sort') }}</th> --}}
                <th>{{ __('adminstaticword.Status') }}</th>
                <th>{{ __('adminstaticword.Edit') }}</th>
                <th>{{ __('adminstaticword.Delete') }}</th>
              </tr>
            </thead>
            <tbody id="sortable">
              @php $i=0; @endphp
              @foreach($featureWord as $word)
              @php  $i++; @endphp
              <tr class="sortable" id="id-{{ $word->id }}">
                <td>{{ $i }}</td>
                <td>{{$word->keyword}}</td>
                {{-- <td>{{$word->weight}}</td> --}}
                <td>
                   <form action="{{ route('featured_search.quick',$word->id) }}" method="POST">
                      {{ csrf_field() }}
                      <button  type="Submit" class="btn btn-xs {{ $word->status ==1 ? 'btn-success' : 'btn-danger' }}">
                        @if($word->status ==1)
                        {{ __('adminstaticword.Active') }}
                        @else
                        {{ __('adminstaticword.Deactive') }}
                        @endif
                      </button>
                    </form>
                </td>
              
                <th><a class="btn btn-success btn-sm" href="{{url('featured_search/'.$word->id)}}">
                  <i class="glyphicon glyphicon-pencil"></i></a></th>

                <td>
                  <form  method="post" action="{{url('featured_search/'.$word->id)}}
                      "data-parsley-validate class="form-horizontal form-label-left">
                      {{ csrf_field() }}
                      {{ method_field('DELETE') }}
                       <button  type="submit" class="btn btn-danger btn-sm" onclick="return confirm('確定要刪除嗎 ?')" ><i class="fa fa-fw fa-trash-o"></i></button>
                  </form>
                </td>

                @endforeach
             
              </tr>
            </tfoot>
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>

@endsection

@section('scripts')

<script type="text/javascript">
$( function() {
  $( "#sortable" ).sortable();
  $( "#sortable" ).disableSelection();
});

$("#sortable").sortable({
  update: function (e, u) {
    var data = $(this).sortable('serialize');
  
    $.ajax({
        url: "{{ route('keyword_reposition') }}",
        type: 'get',
        data: data,
        dataType: 'json',
        success: function (result) {
          console.log(data);
        }
    });
  }
});
</script>

@endsection