@extends('app')
@section('content')
<title>Create Service</title>
<link href="http://demo.expertphp.in/css/jquery.ui.autocomplete.css" rel="stylesheet">
<script src="http://demo.expertphp.in/js/jquery.js"></script>
<script src="http://demo.expertphp.in/js/jquery-ui.min.js"></script>
<style type="text/css">
.alert-danger {
	margin-top: 1%;
	padding: 0;
	margin-bottom: 0px !important;
	background-color: transparent !important;
	border: none !important;
	color:#f33a12;
}
</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	
							<form class="form-horizontal" role="form" method="POST" action="/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-label col-md-4 col-sm-3 col-xs-12">Select Vendor <span style="color:#FF0000"> *</span>
		                            </label>
		                            <div class="col-md-5 col-sm-6 col-xs-12">
		                                {!! Form::text('search_text', null, array('placeholder' => 'Search Text','class' => 'form-control','id'=>'search_text','name'=>'vendor_id')) !!}
		                            </div>
		                        </div>
		                    </div>

		                     <div class="col-md-12">
		                        <div class="form-group">
		                            <label class="control-label col-md-4 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">
		                               		<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-label col-md-4 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">{{ old('service_description') }}</textarea>
		                              @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">
		                            <div class="col-md-8 col-sm-6 col-xs-12 col-md-offset-5">
		                                <button type="submit" class="btn btn-success">Submit</button>
		                                <!-- <a href="{{ route('bikers.index')}}" class="btn btn-primary">Cancel</a> -->
		                            </div>
		                        </div>
		                    </div>
		                  </form> 
						</div>
					</div>
				</div>
			</div>
        </div>
</div>
<script>
   $(document).ready(function() {
    src = "{{ route('searchajax') }}";
     $("#search_text").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: src,
                dataType: "json",
                data: {
                    term : request.term
                },
                success: function(data) {
                    response(data);
                   
                }
            });
        },
        min_length: 3,
       
    });
});
</script>

@endsection