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

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

@section('body')

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

                <div class="card">
        
        <customer-form
            :action="'{{ url('admin/report') }}'"
            v-cloak
            inline-template>

            <form class="form-horizontal form-create" method="post" @submit.prevent="onSubmit" :action="action" novalidate>
                
                <div class="card-header">
                    <i class="fa fa-plus"></i> {{ trans('admin.report.customerPurchaseHist') }}
                </div>

                <div class="card-body">
				
									
										
					<div class="form-group row align-items-center" :class="{'has-danger': errors.has('district'), 'has-success': fields.district && fields.district.valid }">
						<label for="district" 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('brackets/admin-ui::admin.placeholder.search') }}" v-model="search" @keyup.enter="filter('search', $event.target.value)" />
							<span style="display: inline-block"  class="input-group-append">
								<button type="button" class="btn btn-primary customerNameSearch"><i class="fa fa-search"></i>&nbsp; {{ trans('brackets/admin-ui::admin.btn.search') }}</button>
							</span>
						</div>
					</div>

					<div class="form-group row align-items-center" :class="{'has-danger': errors.has('district'), 'has-success': fields.district && fields.district.valid }">
						<label for="district" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.customer.columns.district') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
							<select type="text" v-model="form.district" v-validate="''" @input="validate($event)" class="form-control district" :class="{'form-control-danger': errors.has('district'), 'form-control-success': fields.district && fields.district.valid}" id="district" lump_sum="district" placeholder="{{ trans('admin.customer.columns.district') }}">
								<option value="港島">港島</option>
								<option value="九龍">九龍</option>
								<option value="新界">新界</option>
							</select>
							<div v-if="errors.has('district')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('district') }}</div>
						</div>
					</div>

					<div class="form-group row align-items-center" :class="{'has-danger': errors.has('customer'), 'has-success': fields.customer && fields.customer.valid }">
						<label for="customer" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.invoice.columns.customer') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
							<select :customer_id="form.customer_id" v-model="form.customer_id" v-validate="''" @input="validate($event)" class="form-control customer customerForAllCustOrders" :class="{'form-control-danger': errors.has('customer'), 'form-control-success': fields.customer && fields.customer.valid}" id="customer" name="customer" placeholder="{{ trans('admin.invoice.columns.customer') }}">
							</select>
						</div>
					</div>

					<div class="form-group row align-items-center" >
						<label for="customer_info" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.invoice.columns.customer_info') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
								<pre class="customer_info" id="customer_info" name="customer_info">
								</pre>
							</div>
					</div>

					<div class="form-group row align-items-center" >
						<label for="sales_info" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.invoice.columns.sales_info') }}</label>
							<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
								<span class="sales_info" id="sales_info" name="sales_info">
								</span>
							</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>
						<div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
							$<span class="allInvoiceTotalPrice">0</span>
						</div>
					</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%">
							<table class="table table-hover table-listing table-custom strikeout">
								<thead>
									<tr>
										
										<th>{{ trans('admin.invoice.columns.updated_at') }}</th>
										<th>{{ trans('admin.invoice.columns.lump_sum') }}</th>
										<th>{{ trans('admin.invoice.columns.delivery_date') }}</th>
										<th>{{ trans('admin.order.columns.post_order') }}</th>
										<th>{{ trans('admin.invoice.columns.no_of_items') }}</th>
										<th>{{ trans('admin.invoice.title') }}</th>
										
									</tr>
								</thead>
								<tbody id="customer_all_orders_table" style="text-align: left">
									
								</tbody>
							</table>
						
					</div>
				</div>
					
					
                </div>
                
            </form>

        </customer-form>
		</div>
        </div>

        </div>

    
@endsection