@extends('admin.layouts.master')
@section('title', 'Orders - Admin')
@section('body')
@include('admin.message')


<section class="content">
  <div class="row">
    
    <div class="col-xs-12">
      <div class="box box-primary">
        <div class="box-header with-border">
            <h1 class="box-title">{{ __('adminstaticword.Orders') }}</h1>
        </div>
    	 <div class="box-body">
          <!-- Nav tabs -->
          <div class="nav-tabs-custom">
            {{--<ul class="nav nav-tabs" id="nav-tab" role="tablist">
              <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="flaticon-optimization" aria-hidden="true"></i> {{ __('adminstaticword.Orders') }}</a></li>
              <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><i class="flaticon-graduation" aria-hidden="true"></i> {{ __('adminstaticword.RefundOrder') }}</a></li>            
            </ul>--}}

            <!-- Tab panes -->
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="home">
              	<br>
              	@include('admin.order.index')
              </div>
              {{--<div role="tabpanel" class="fade tab-pane" id="profile">
              	<br>
              	@include('admin.refund_order.index')
              </div>--}}
             
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-12 col-xs-12 gc-notice" >
        {{trans('adminstaticword.GC_TOP_NOTICE')}}
        <br>
      {{trans('adminstaticword.GC_SEC_NOTICE')}}
      </div> 
    </div>
    
  </div>
</section>

@endsection


@section('script')
<script>
$('#gc_export').click(function(){
  $(this).closest('form').attr('action', "{{ route('export.order') }}").submit();
});
$('#gc_filter').click(function(){
  $(this).closest('form').attr('action', '').submit();
});
$('.input-date').daterangepicker({
  "singleDatePicker": true,
  "showDropdowns": true,
  "showCustomRangeLabel": false,
  "autoUpdateInput": false,
locale: {
  format: "YYYY-MM-DD",
  cancelLabel: '取消',
  applyLabel: '確定',
  daysOfWeek: [
          "日",
          "一",
          "二",
          "三",
          "四",
          "五",
          "六"
      ],
  monthNames: [
          "一月",
          "二月",
          "三月",
          "四月",
          "五月",
          "六月",
          "七月",
          "八月",
          "九月",
          "十月",
          "十一月",
          "十二月"
      ],
  }
}, function(start, end, label) {
//   cosole.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');
});


$('.input-date').on('apply.daterangepicker', function (ev, picker) {
    $(this).val(picker.startDate.format('YYYY-MM-DD'));
});

$('.input-date').on('cancel.daterangepicker', function (ev, picker) {
    $(this).val('');
});

</script>
@endsection