@extends('app')
@section('content')
<title>Create Service</title>
 
<style type="text/css">
.alert-danger {
	margin-top: 1%;
	padding: 0;
	margin-bottom: 0px !important;
	background-color: transparent !important;
	border: none !important;
	color:#f33a12;
}
#scrollbars {
	scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}
</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">CREATE SERVICE</h1>
                </div>
           	</div>

           	<div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
							@if(Session::has('flash_message'))
					    		<div class="alert alert-success">
					        		{{ Session::get('flash_message') }}
					    		</div>
							@endif	

							<!-- if basic plan user used 50 services of limit error -->
							@if(Session::has('unable_create_serv_mesg'))
					    		<div class="alert alert-success" style="text-align: center;">
					        		{{ Session::get('unable_create_serv_mesg') }}
					    		</div>
							@endif	


							<form name="form1" class="form-horizontal" role="form" method="POST" action="/service/store"  enctype="multipart/form-data" >
								<input type="hidden" name="_token" value="{{ csrf_token() }}" />


							<div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Select Client<span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                               <select class="form-control" name="vendor_id" id="scrollbars">
		                               		<option value="">Please Select Client</option>
		                               		@foreach($vendors as $vendor)
														                               		@endforeach
		                               </select>
		                               @if($errors->first('vendor_id')) <div class="error alert alert-danger">Please Select Client</div>	@endif
		                            </div>
		                        </div>
		                    </div>

		                     <div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Select Product <span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                               <select class="form-control" name="product_id" id="product_id">
		                               		<option value="">Please Select</option>
		                               		@foreach($products as $product)
		                               			<option value="{{ $product->id }}" {{ old('product_id') == "$product->id" ? 'selected="selected"' : '' }}>{{ $product->product_name }}</option>
		                               		@endforeach
		                               </select>
		                               @if($errors->first('product_id')) <div class="error alert alert-danger">{{ $errors->first('product_id') }}</div> @endif		
		                            </div>
		                        </div>
		                    </div>
							
		                    <div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Description<span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                              <textarea class="form-control" name="service_description" id="service_description" style="text-transform:capitalize" maxlength="255" onkeyup="desccharsleft(this.value.length);" onblur="desccharsleft(this.value.length);">{{ old('service_description') }}</textarea><br>
		                              <span id='remainingC' style="font-style: italic;">Remaining characters : 255</span>
		                              @if($errors->first('service_description')) <div class="error alert alert-danger">{{ $errors->first('service_description') }}</div>	@endif
		                            </div>
		                        </div>
		                    </div>
							
							<div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Type<span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                               <label class="radio-inline"><input type="radio" id="new_installation" name="service_type" value="New Installation" >New Installation</label>
									   <label class="radio-inline"><input type="radio" id="complain" name="service_type" value="Complain">Complain</label>
									    @if($errors->first('service_type')) <div class="error alert alert-danger">{{ $errors->first('service_type') }}</div>	@endif
		                            </div>
		                        </div>
		                    </div>
							<div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Mobile No
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                              <input type="text" name="mobileno" id="mobno" class="form-control" maxlength="10" value="{{ old('mobileno') }}">
		                              @if($errors->first('mobile no')) <div class="error alert alert-danger">{{ $errors->first('mobile no') }}</div>	@endif
		                            </div>
		                        </div>
		                    </div>
 <div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label1 col-md-2 col-sm-3 col-xs-12">Priority<span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                               <label class="radio-inline"><input type="radio" name="set_priority" value="1" >Yes</label>
									   <label class="radio-inline"><input type="radio"   name="set_priority" value="0" checked="checked">No</label>
									    @if($errors->first('set_priority')) <div class="error alert alert-danger">{{ $errors->first('set_priority') }}</div>	@endif
		                            </div>
		                        </div>
		                    </div>
		                    <div class="col-md-6">
		                         <div class="form-group">
		                            <div class="col-md-4 col-sm-6 col-xs-12 col-md-offset-5">
		                                <button type="submit" class="btn btn-success" id="service_submit">Submit</button>
		                                <a href="/home" class="btn btn-primary">Cancel</a>
		                            </div>
		                        </div>
		                    </div>
		                  </form> 
						</div>
					</div>
				</div>
			</div>
        </div>
</div>
<script type="text/javascript">
function desccharsleft(charleng){
	if(charleng > 255){ return false;}
	$("#remainingC").html("Remaining characters : " +(255 - charleng));
}

// function phonenumber(inputtxt)
// {
//   var phoneno = /^\d{10}$/;
//   if(inputtxt.value.match(phoneno))
//   {
//       return true;
//   }
//   else
//   {
//      alert("Not a valid Phone Number");
//      return false;
//   }
//   }



</script>
@endsection