@extends('layouts.admin')

@section('title', env('APP_NAME') . ' | หน้าจอลูกค้า')

@section('content')

<div class="card">

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

    <div class="card-body">

        <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="15%">{{ trans('global.Torder_hd.fields.XVOrderDocNo') }}</th>
                                {{-- <th>วันที่อนุมัติ</th> --}}
                                <th>{{ trans('global.Torder_hd.fields.XDOrderDateApprove') }}</th>
                                <th>{{ trans('global.Torder_hd.fields.XVOrderMItemNo') }}</th>
                                <th>{{ trans('global.Torder_hd.fields.XVGuestName') }}</th>
                                <th>{{ trans('global.Torder_hd.fields.XVForType') }}</th>
                                <th>{{ trans('global.Torder_hd.fields.XVGenerateName') }}</th>
                                <th >{{ trans('global.Torder_hd.fields.XVShapeName') }}</th>
                                <th style="text-align:center"  width="15%">{{ trans('global.manage') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                          @foreach($order as $key => $orders)
                              <tr data-entry-id="{{ $orders->XVOrderDocNo }}">
                                  {{-- <td>

                                  </td> --}}
                                  <td>
                                      {{ $orders->XVOrderDocNo ?? '' }}
                                  </td>
                                  <td>
                                    @switch($orders->XCStatus)
                                    @case(2)
                                        <span class="badge badge-success" style="cursor:pointer">{{ $orders->XDOrderDateApprove}}</span>
                                        @break
                                    @case(3)
                                        <span class="badge badge-danger" style="cursor:pointer">ยกเลิก</span>
                                            @break
                                    @case(4)
                                        <span class="badge badge-dark" style="cursor:pointer">ไม่อนุมัติ</span>
                                        @break
                                    @default
                                        <span class="badge badge-warning" style="cursor:pointer">รออนุมัติ</span>
                                    @endswitch
                                  </td>
                                  <td>
                                      {{ $orders->XVOrderMItemNo ?? '' }}
                                  </td>
                                  <td>
                                      {{ $orders->XVGuestName ?? '' }}
                                  </td>
                                  <td>
                                      {{ $orders->XVForType ?? '' }}
                                  </td>
                                  <td>
                                      {{ $orders->XVGenerateName ?? '' }}
                                  </td>
                                  <td>
                                      {{ $orders->XVShapeName ?? '' }}
                                  </td>
                                  <td style="text-align:center" >
                                      <div class="btn-group" role="group" >
                                            <a href="{{ route('admin.picturedefective.edit', $orders->XVOrderDocNo) }}" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="แก้ไข">
                                              <i class="fas fa-edit"></i>
                                          </a>
                                      </div>

                                  </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-->
{{-- {{ route('admin.order.massDestroy') }} --}}
    @section('scripts')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    <script>
          $(function () {


              $('.datatable:not(.ajaxTable)').DataTable({
                  "pageLength": 25
              })

            $('.btn_del').click(function(){
                var $this  =$(this);

                if ($this.data('status') !="1"){
                    Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'ไม่สามารถยกเลิกรายการเลขที่ '+ $this.data('id') +' ได้ !'
                    })

                    return false;
                }

                Swal.fire({
                title: 'ยืนยันการยกเลิก ?',
                text: "คุณต้องการยกเลิกรายการเลขที่ "+ $this.data('id') +" ใช่หรือไม่ !",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'ยืนยัน !',
                cancelButtonText: 'ยกเลิก'
                }).then((result) => {
                if (result.value) {
                    $('#frm').attr('action','{{ url('admin/order/del') }}'+'/'+$this.data('id') )
                    $('#frm').submit();
                }
                })
            })
          })
    </script>
    @endsection

@endsection