@extends('layouts.client')

@section('content')
<div class="row  m-b-40">
	  <div class="col-md-12">
		<div class="well white">
		  <form class="form-floating" action="{{ url('client/customer') }}" id="customerFormSearch" name="customerFormSearch">
			{{ csrf_field() }}
			<fieldset>
				<legend>Customer Search</legend>
				<div class="form-group col-md-6 padding-left">
					<label for="search_customername" class="control-label">Customer Name</label>
					<input type="text" class="form-control" name="search_customername" id="search_customername" autocomplete="off">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_customerreference" class="control-label">Reference Code</label>
					<input type="text" class="form-control" name="search_customerreference" id="search_customerreference" autocomplete="off">
				</div>
				<input class="btn btn-sm btn-danger" type="submit" name="search" value="Search">
			</fieldset>
		  </form>
		</div>
	  </div>	
	<div class="col-md-12">
	<div class="well white">
	  <form class="form-floating form-validate form-ajax" id="customerForm" name="customerForm" action="{{ url('client/customer') }}">
	    {{ csrf_field() }}
		<input type="hidden" id="id" name="id" class="hidden-field" value="">
		<fieldset>
			<legend>Customer Information</legend>
			<div class="col-md-6 padding-left">
				<div class="form-group">
					<label for="name" class="control-label">Name</label>
					<input type="text" class="form-control" name="name" id="name" data-validation="required">
				</div>
				<div class="form-group">
					<label for="address" class="control-label">Address</label>
					<input type="text" class="form-control" name="address" id="address" data-validation="required">
				</div>
				<div class="form-group">
					<label for="city" class="control-label">City</label>
					<input type="text" class="form-control cityField" name="city" id="city" data-validation="required">
				</div>
				<div class="form-group">
					<label for="zip" class="control-label">Zip</label>
					<input type="text" class="form-control zipcode" name="zip" id="zip" zid="customer" maxlength="5" data-validation="number, length, validzip" data-validation-length="min5">
				</div>
				<div class="form-group">
					<label for="state" class="control-label">State</label>
					<input type="text" class="form-control state" name="state" id="state" zid="customer" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="country" class="control-label">Country</label>
					<input type="text" class="form-control country" name="country" id="country" zid="customer" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="main_contact" class="control-label">Main Contact</label>
					<input type="text" class="form-control" name="main_contact" id="main_contact" data-validation="required">
				</div>

				<div class="form-group">
					<div class="checkbox">
						 <label><input type="checkbox" class="can-disabled" name="appointment_required" id="appointment_required" value="1"> Appointment Required </label>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<label for="telephone" class="control-label">Telephone</label>
					<input type="text" class="form-control" name="telephone" id="telephone" data-validation="required">
				</div>
				<div class="form-group">
					<label for="email" class="control-label">Email</label>
					<input type="text" class="form-control" name="email" id="email" data-validation="email">
				</div>
				<div class="form-group" id="receiving-hours" style="margin-top: 0px;">
					<label class="control-label" style="top: 0px;transform: none;font-size: 100%;">Receiving Hours</label>
					<div class="form-group col-md-5 padding-left">
						<input type="text" class="form-control timepicker" name="receiving_from_hours" id="receiving_from_hours">
					</div>
					<span class="form-group col-md-2">--</span>
					<div class="form-group col-md-5 padding-left">
						<input type="text" class="form-control timepicker" name="receiving_to_hours" id="receiving_to_hours">
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="form-group" id="shipping-hours" style="margin-top: 0px;">
					<label class="control-label" style="top: 0px;transform: none;font-size: 100%;">Shipping Hours</label>
					<div class="form-group col-md-5 padding-left">
						<input type="text" class="form-control timepicker" name="shipping_from_hours" id="shipping_from_hours">
					</div>
					<span class="form-group col-md-2">--</span>
					<div class="form-group col-md-5 padding-left">
						<input type="text" class="form-control timepicker" name="shipping_to_hours" id="shipping_to_hours">
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="form-group" style="margin-top: 10px;">
					<label for="reference_code" class="control-label">Reference Code</label>
					<input type="text" class="form-control" name="reference_code" id="reference_code" data-validation="required">
				</div>
				<div class="form-group">
					<label for="notes" class="control-label">Notes</label>
					<textarea class="form-control vertical" rows="3" name="notes" id="notes"></textarea>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="newcontbtn" style="margin-left:0px;">
				<input class="btn btn-sm btn-danger" type="submit" id="add-btn" name="add" value="Add">
				<input class="btn btn-sm btn-danger hide" type="submit" id="update-btn" name="update" value="Update">
				<input class="btn btn-sm btn-danger hide" type="button" id="delete-btn" name="delete" value="Delete">
				<input class="btn btn-sm btn-danger hide" type="button" id="cancel-btn" name="cancel" value="Cancel">
			</div>
		</fieldset>
	  </form>
	</div>
  </div>
</div>
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/client/customers.js')}}"></script>
@endsection