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

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

@section('body')

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

                <div class="card">
        
      
     
                <div class="card-header">
                    <i class="fa fa-align-justify"></i> {{ trans('admin.report.dailyShipOut') }}
                </div>

				<div class="form-group row align-items-center" :class="{'has-danger': errors.has('ship_date'), 'has-success': fields.ship_date && fields.ship_date.valid }">
					<label for="ship_date" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.report.ship_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" v-validate="'required'" class="flatpickr ship_date" :class="{'form-control-danger': errors.has('ship_date'), 'form-control-success': fields.ship_date && fields.ship_date.valid}" id="ship_date" name="ship_date" placeholder="{{ trans('brackets/admin-ui::admin.forms.select_a_date') }}"></datetime>
						</div>
					</div>
				</div>
				
				<div class="form-group row align-items-center" :class="{'has-danger': errors.has('lump_sum'), 'has-success': fields.lump_sum && fields.lump_sum.valid }">
					<label for="total_invoices" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'">{{ trans('admin.invoice.columns.total_invoices') }}</label>
						<input style="border: none 0px black; width: auto; background-color: white;padding-left:0px; display: inline-block; text-align: left" type="text" readonly class="form-control total_invoices" name="total_invoices" id="total_invoices"/>
						
				</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">
								<thead>
									<tr>
										
										<th>{{ trans('admin.good.columns.inventory_no') }}</th>
										<th>{{ trans('admin.good.columns.name') }}</th>
                                        <th>{{ trans('admin.good.columns.total_price') }}</th>
                                        <th>{{ trans('admin.good.columns.no_of_orders') }}</th>
										<th>{{ trans('admin.good.columns.total_quantity_required') }}</th>
                                        <th>{{ trans('admin.good.columns.stock') }}</th>
										
									</tr>
								</thead>
								<tbody id="ship_out_table" style="text-align: left">

								</tbody>
							</table>
						
					</div>
				</div>
					
					
                </div>
           
			 </div>
        </div>

        </div>

    
@endsection