@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.BundleCategory') }}</h3>
        {{-- 需要新增 route --}}
        <a class="btn btn-info btn-sm" href="{{url('bundle_category/create')}}">
          {{-- 要改文字的部分 --}}
          <i class="glyphicon glyphicon">+</i> {{ __('adminstaticword.Add') }} {{ __('adminstaticword.BundleCategory') }}
        </a>
      </div>
      <!-- /.box-header -->
        <div class="box-body">
          <div class="table-responsive">
            <table id="category" class="table table-bordered table-striped">

              <thead>
                <tr>
                  <th>ID</th>
                  <th>{{ __('adminstaticword.Category') }}</th>
                  <th>{{ __('adminstaticword.Status') }}</th>
                  <th>{{ __('adminstaticword.Edit') }}</th>
                  <th>{{ __('adminstaticword.Delete') }}</th>
                </tr>
              </thead>

              <tbody id="sortable-bundle" class="ui-sortable">
                  @foreach($bundleCategory as $item)
                    <tr class="sortable">
                      <td>{{ $item->id }}</td>

                      <td>{{$item->name}}</td>

                      <td>
                        <form action="{{ route('bundle_categories.quick', ['id' => $item->id]) }}" method="POST">
                          {{ csrf_field() }}
                          <button type="Submit" class="btn btn-xs {{ $item->status ==1 ? 'btn-success' : 'btn-danger' }}">
                            @if($item->status ==1)
                            {{ __('adminstaticword.Active') }}
                            @else
                            {{ __('adminstaticword.Deactive') }}
                            @endif
                          </button>
                        </form>
                      </td>

                      <td>
                        <a class="btn btn-success btn-sm" href="{{ route('bundle_category.show',$item->id) }}">
                        <i class="glyphicon glyphicon-pencil"></i></a>
                      </td>

                      <td>
                        <form  method="post" action="{{url('bundle_category/'.$item->id)}}
                          "data-parsley-validate class="form-horizontal form-label-left">
                          {{ csrf_field() }}
                          {{ method_field('DELETE') }}
                          <button onclick="return confirm('確定要刪除嗎 ?')"  type="submit" class="btn btn-danger btn-sm"><i class="fa fa-fw fa-trash-o"></i></button>
                        </form>
                      </td>
                    </tr>
                  @endforeach
              </tbody>
            </table>
          </div>
        </div>
      <!-- /.box-body -->
    </div>
    <!-- /.box -->
  </div>
  <!-- /.col -->
</div>
</section>

@endsection


@section('script')
<script>
  $( "#sortable-bundle" ).sortable({
      items: "tr",
      cursor: 'move',
      opacity: 0.6,
      update: function() {
          sendOrderToServer();
      }
  });

  function sendOrderToServer() {
    var order = [];
    var token = $('meta[name="csrf-token"]').attr('content');
    $('tr.row1').each(function(index,element) {
      order.push({
        id: $(this).attr('data-id'),
        position: index+1
      });
    });

    $.ajax({
      type: "POST", 
      dataType: "json", 
      url: "{{ route('sort_bundle') }}",
      data: {
          order: order,
        _token: "{{ csrf_token() }}",
      },
      success: function(response) {
          if (response.status == "success") {
            console.log(response);
          } else {
            console.log(response);
          }
      }
    });
  }
</script>
@endsection