@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
	<div class="col-md-6">
		<div class="well white">
		  <form action="{{ url('admin/client') }}" class="form-floating" id="clientFormSearch" name="clientFormSearch">
			{{ csrf_field() }}
			<input type="hidden" id="client_id" name="client_id" value="">
			<fieldset>
				<legend>Search Box</legend>
				<div class="form-group col-md-6 padding-left">
					<label for="search_clientname" class="control-label">Client Name</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_clientname" id="search_clientname" autocomplete="off">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_clientreference" class="control-label">Reference Code</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_clientreference" id="search_clientreference" autocomplete="off">
				</div>
				<input class="btn btn-sm btn-danger" type="submit" name="search" value="Search">
				{!! AuthUser::canExport('admin/customer/export', 'customer-export') !!}
			</fieldset>
		  </form>
		</div>
	  </div>
	  <div class="col-md-6">
		<div class="well white">
		  <form class="form-floating" action="{{ url('admin/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" data-provide="typeahead" class="form-control can-disabled" name="search_customername" id="search_customername" autocomplete="off" disabled>
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_customerreference" class="control-label">Reference Code</label>
					<input type="text" data-provide="typeahead" class="form-control can-disabled" name="search_customerreference" id="search_customerreference" autocomplete="off" disabled>
				</div>
				<input class="btn btn-sm btn-danger can-disabled" type="submit" name="search" value="Search" disabled>
			</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('admin/customer') }}">
	    {{ csrf_field() }}
		<input type="hidden" id="id" name="id" class="hidden-field" value="">
		<fieldset>
			<legend>New Client</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 can-disabled" name="name" id="name" data-validation="required" disabled>
				</div>
				<div class="form-group">
					<label for="address" class="control-label">Address</label>
					<input type="text" class="form-control can-disabled" name="address" id="address" data-validation="required" disabled>
				</div>
				<div class="form-group">
					<label for="city" class="control-label">City</label>
					<input type="text" class="form-control cityField can-disabled" name="city" id="city" data-validation="required" disabled>
				</div>
				<div class="form-group">
					<label for="zip" class="control-label">Zip</label>
					<input type="text" class="form-control can-disabled zipcode" name="zip" id="zip" zid="customer" maxlength="7" data-validation="length, validzip" data-validation-length="min5" disabled>
				</div>
				<div class="form-group">
					<label for="state" class="control-label">State</label>
					<input type="text" class="form-control can-disabled state" name="state" id="state" zid="customer" data-validation="required" readonly disabled>
				</div>
				<div class="form-group">
					<label for="country" class="control-label">Country</label>
					<input type="text" class="form-control can-disabled country" name="country" id="country" zid="customer" data-validation="required" readonly disabled>
				</div>
				<div class="form-group">
					<label for="main_contact" class="control-label">Main Contact</label>
					<input type="text" class="form-control can-disabled" name="main_contact" id="main_contact" data-validation="required" disabled>
				</div>

				<div class="form-group">
					<div class="checkbox">
						 <label><input type="checkbox" class="can-disabled" name="appointment_required" id="appointment_required" value="1" disabled> 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 can-disabled" name="telephone" id="telephone" data-validation="required" disabled>
				</div>
				<div class="form-group">
					<label for="email" class="control-label">Email</label>
					<input type="text" class="form-control can-disabled" name="email" id="email" data-validation="email" disabled>
				</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 can-disabled" name="receiving_from_hours" id="receiving_from_hours" disabled>
					</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 can-disabled" name="receiving_to_hours" id="receiving_to_hours" disabled>
					</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 can-disabled" name="shipping_from_hours" id="shipping_from_hours" disabled>
					</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 can-disabled" name="shipping_to_hours" id="shipping_to_hours" disabled>
					</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 can-disabled" name="reference_code" id="reference_code" data-validation="required" disabled>
				</div>
				<div class="form-group">
					<label for="notes" class="control-label">Notes</label>
					<textarea class="form-control vertical can-disabled" rows="3" name="notes" id="notes" disabled></textarea>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="newcontbtn" style="margin-left:0px;">
				<input class="btn btn-sm btn-danger can-disabled" type="submit" id="add-btn" name="add" value="Add" disabled>
				<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/customers.js')}}"></script>
@endsection