@extends('layouts.admin')

@section('title', env('APP_NAME') . ' | หน้าจอสถานที่เย็บรวมตัว(TVKMSew)')

@section('content')

<div class="card">

  <div class="card-header">
      {{ trans('global.TMtotalsew.title_singular') }}
  </div>

    <div class="card-body">
        <div class="row">

            <div class="col-sm-12 pull-right">
                    <div class="btn-toolbar float-right">
                        <a href="{{ route('admin.totalsewinglocatin.create') }}" class="btn btn-success ml-1 active" data-toggle="tooltip" title="เพิ่มข้อมูล"><i class="fas fa-plus-circle"></i> เพิ่มข้อมูล</a>
                    </div>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4">
            <div class="col">
                <div class="table-responsive">
                    <table  class="table table-bordered table-striped table-hover datatable">
                        <thead>
                            <tr>
                                {{-- <th width="10"></th> --}}
                                <th width="8%">{{ trans('global.TMtotalsew.fields.XITotalSewCode') }}</th>
                                <th>{{ trans('global.TMtotalsew.fields.XVTotalSewName') }}</th>
                                <th>{{ trans('global.TMtotalsew.fields.XVTotalSewAddress') }}</th>
                                <th>{{ trans('global.TMtotalsew.fields.XITotalSewTel') }}</th>
                                <th width="15%">{{ trans('global.manage') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                          @foreach($totalsews as $key => $totalsew)
                              <tr data-entry-id="{{ $totalsew->XITotalSewCode }}">
                                  {{-- <td>

                                  </td> --}}
                                  <td>
                                      {{ $totalsew->XITotalSewCode ?? '' }}
                                  </td>
                                  <td>
                                      {{ $totalsew->XVTotalSewName ?? '' }}
                                  </td>
                                  <td>
                                      {{ $totalsew->XVTotalSewAddress ?? '' }}
                                  </td>
                                  <td>
                                      {{ $totalsew->XITotalSewTel ?? '' }}
                                  </td>
                                  <td>

                                      @can('totalsew_edit')
                                        <a href="{{ route('admin.totalsewinglocatin.edit', $totalsew->XITotalSewCode) }}" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="แก้ไข">
                                              <i class="fas fa-edit"></i>
                                          </a>
                                      @endcan

                                      @can('totalsew_delete')
                                            <form action="{{ route('admin.totalsewinglocatin.destroy', $totalsew->XITotalSewCode) }}" method="POST" onsubmit="return confirm('{{ trans('global.areYouSure') }}');" style="display: inline-block;">
                                                <input type="hidden" name="_method" value="DELETE">
                                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                <button  type="submit" class="btn btn-danger"><i class="fas fa-trash"></i> {{ trans('global.delete') }}</button>
                                            </form>
                                      @endcan

                                  </td>

                              </tr>
                          @endforeach

                        </tbody>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
        <div class="row">
            <div class="col-7">
                <div class="float-left">
                    {{-- {!! $roles->total() !!} {{ trans_choice('labels.backend.access.roles.table.total', $roles->total()) }} --}}
                </div>
            </div><!--col-->

            <div class="col-5">
                <div class="float-right">
                    {{-- {!! $roles->render() !!} --}}
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->
</div><!--card-->

@section('scripts')
<script>
      $(function () {

          let deleteButtonTrans = '{{ trans('global.datatables.delete') }}'
          let deleteButton = {
            text: deleteButtonTrans,
            url: "{{ route('admin.totalsewinglocatin.massDestroy') }}",
            className: 'btn-danger',
            action: function (e, dt, node, config) {
              var ids = $.map(dt.rows({ selected: true }).nodes(), function (entry) {
                  return $(entry).data('entry-id')
              });

              if (ids.length === 0) {
                alert('{{ trans('global.datatables.zero_selected') }}')

                return
              }

              if (confirm('{{ trans('global.areYouSure') }}')) {
                $.ajax({
                  headers: {'x-csrf-token': _token},
                  method: 'POST',
                  url: config.url,
                  data: { ids: ids, _method: 'DELETE' }})
                  .done(function () { location.reload() })
              }
            }
          }

          let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)

        //   @can('totalsew_delete')
        //     dtButtons.push(deleteButton)
        //   @endcan

          $('.datatable:not(.ajaxTable)').DataTable({ buttons: dtButtons })
      })
</script>
@endsection

@endsection