@extends('brackets/admin-ui::admin.layout.default')

@section('title', trans('admin.report.todayInvoices'))

@section('body')

        <div class="row">
            <div class="col">

                <div class="card">
        
		<!--
					<form class="form-horizontal" method="post" action="/admin/invoices/todayInvoicesUpdate" novalidate>
						@csrf
     -->
						<div class="card-header">
							<i class="fa fa-align-justify"></i> {{ trans('admin.report.todayInvoices') }}
						</div>

						<div class="form-group row align-items-center" >
							<label  class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.order.actions.customerNameSearch') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
								<input style="width: 70%;display: inline-block" class="form-control customerNameSearchText" placeholder="{{ trans('admin.order.actions.customerNameSearch') }}" id="customerNameSearchText" />
							</div>
						</div>
						
						<div class="form-group row align-items-center" :class="{'has-danger': errors.has('invoice_id'), 'has-success': fields.invoice_id && fields.invoice_id.valid }">
							<label for="invoice_id" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.invoice.columns.id') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
								<input id="invoice_id" style="width: 70%;display: inline-block" class="form-control customerNameSearchText" placeholder="{{ trans('admin.invoice.columns.id') }}"  />
							</div>
						</div>

						<div class="form-group row align-items-center" :class="{'has-danger': errors.has('pay_type'), 'has-success': fields.pay_type && fields.pay_type.valid }">
							<label for="pay_type" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.commission.columns.pay_type') }}</label>
								<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
								<select type="text"  @input="validate($event)" class="form-control adminOnly" :class="{'form-control-danger': errors.has('pay_type'), 'form-control-success': fields.pay_type && fields.pay_type.valid}" id="pay_type" name="pay_type" placeholder="{{ trans('admin.commission.columns.pay_type') }}">
									<option value="全部">全部</option>
									<option value="已付款">已付款</option>
									<option value="未付款">未付款</option>									
								</select>
								<div v-if="errors.has('pay_type')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('pay_type') }}</div>
							</div>
						</div>

						<div class="form-group row align-items-center" :class="{'has-danger': errors.has('start_date'), 'has-success': fields.start_date && fields.start_date.valid }">
							<label for="start_date" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.commission.columns.start_date') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-sm-8'">
								<div class="input-group input-group--custom">
									<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
									<datetime :config="datePickerConfig" class="flatpickr invoice_date" :class="{'form-control-danger': errors.has('start_date'), 'form-control-success': fields.start_date && fields.start_date.valid}" id="start_date" name="start_date" placeholder="{{ trans('brackets/admin-ui::admin.forms.select_a_date') }}"></datetime>
								</div>
								<div v-if="errors.has('start_date')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('start_date') }}</div>
							</div>
						</div>

						<div class="form-group row align-items-center" :class="{'has-danger': errors.has('end_date'), 'has-success': fields.end_date && fields.end_date.valid }">
							<label for="end_date" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.commission.columns.end_date') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-sm-8'">
								<div class="input-group input-group--custom">
									<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
									<datetime :config="datePickerConfig" class="flatpickr" :class="{'form-control-danger': errors.has('end_date'), 'form-control-success': fields.end_date && fields.end_date.valid}" id="end_date" name="end_date" placeholder="{{ trans('brackets/admin-ui::admin.forms.select_a_date') }}"></datetime>
									<span style="display: inline-block"  class="input-group-append">
										<button type="button" class="btn btn-primary searchTodayInvoices"><i class="fa fa-search"></i>&nbsp; {{ trans('brackets/admin-ui::admin.btn.search') }}</button>
									</span>
								</div>
								<div v-if="errors.has('end_date')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('end_date') }}</div>
							</div>
						</div>
						
						<div class="form-group row align-items-center" >
							<label for="invoice_date" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.report.allInvoiceTotalPrice') }}</label>
							$<span class="allInvoiceTotalPrice">0</span>
						</div>
							
							<div class="form-group row align-items-center" >
								<div :class="isFormLocalized ? 'col-md-4' : 'col-md-11 col-xl-10'" style="padding-left: 8%">
								<button class="btn btn-primary updateTodayInvoice" accesskey="U">更新</button>
								<br/><br/>
									<table class="table table-hover table-listing table-custom strikeout">
										<thead>
											<tr>
												<th>{{ trans('admin.invoice.actions.cancel_order') }}</th>
												<th>{{ trans('admin.invoice.columns.id') }}</th>
												<th>{{ trans('admin.invoice.columns.delivery_date') }}</th>
												<th>{{ trans('admin.invoice.columns.customer') }}</th>
												<!--<th>{{ trans('admin.invoice.columns.address') }}</th>-->
												<th>{{ trans('admin.invoice.columns.payment_method') }}</th>
												<th>{{ trans('admin.invoice.columns.lump_sum') }}</th>
												<th>{{ trans('admin.invoice.columns.no_of_items') }}</th>
												<th>{{ trans('admin.order.columns.post_order') }}</th>
												<th>{{ trans('admin.invoice.actions.paid') }}</th>
												<th>{{ trans('admin.invoice.actions.shipped_unpay') }}</th>
												<th>{{ trans('admin.invoice.actions.return_goods') }}</th>
												<th>{{ trans('admin.invoice.actions.fall_into') }}</th>
												<th>{{ trans('admin.invoice.title') }}</th>
											</tr>
										</thead>
										<tbody id="today_invoice_table" style="text-align: left">

										</tbody>
									</table>
									
								
							</div>
						</div>
						<!--
					</form>
					-->
					
					
                </div>
			</div>
        
        </div>

        </div>

    
@endsection