@extends('app')
@section('content')
<title>Add Rating</title>
<link href="/css/rating.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/rating.js"></script>
<style type="text/css">
    .overall-rating{font-size: 14px;margin-top: 5px;color: #8e8d8d;}
</style>
 
<script language="javascript" type="text/javascript">

$(function() {
 $(".biker_loader").hide();
 $(".biker_loader1").hide();
    $("#rating_star1").codexworld_rating_widget({
        starLength: '5',
        initialValue: '',
        callbackFunctionName: 'processRating1',
        imageDirectory: '/images/',
        inputAttr: 'postID'
    });
});

$(function() {
    $("#rating_star2").codexworld_rating_widget({
        starLength: '5',
        initialValue: '',
        callbackFunctionName: 'processRating2',
        imageDirectory: '/images/',
        inputAttr: 'postID'
    });
});

function processRating1(val, attrVal){
//alert('You have rated '+val+' to CodexWorld');
     /*  $.ajax({
              type: "POST",
              url : "managedelivery/updatestatus1",
              data : {ratingPoints : val},
              success : function(response){
                  if(response == 1) {
					
  						alert("rating updated successfully");
                  }
              }
          })
    
	*/
  }
 
 function processRating2(val, attrVal){
//alert('You have rated '+val+' to CodexWorld');
     /*  $.ajax({
              type: "POST",
              url : "managedelivery/updatestatus1",
              data : {ratingPoints : val},
              success : function(response){
                  if(response == 1) {
					
  						alert("rating updated successfully");
                  }
              }
          })
    
	*/
  }
 
 function calltid(id){
//alert(id);
document.getElementById('vid').value = id;
  $(".biker_loader").show();
       $.ajax({
              type: "GET",
              url : "http://service.mukesoft.com/ratings/ajax2",
              data : {tid : id},
              success: function(response){ // What to do if we succeed
				//console.log(response);
				//alert("in");
                 $(".biker_loader").hide();
				 //alert(response.msg);
				$("#tid").html(response.msg);
			 },
			error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
				console.log(JSON.stringify(jqXHR));
				console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
				console.log("failure"); 
				//alert("out");
			}
          })
    
	
  }
   function calltid1(id){
//alert(id);
var vid = document.getElementById('vid').value;
  $(".biker_loader1").show();
       $.ajax({
              type: "GET",
              url : "http://service.mukesoft.com/ratings/getmsg",
              data : {vid : vid,bid:id},
              success: function(response){ // What to do if we succeed
				//console.log(response);
				//alert("in");
                 $(".biker_loader1").hide();
				 //alert(response.msg);
				$("#tid1").html(response.msg);
			 },
			error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
				console.log(JSON.stringify(jqXHR));
				console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
				console.log("failure"); 
				//alert("out");
			}
          })
    
	
  }
</script>

<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">Add Rating</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
							<form class="form-horizontal" role="form" method="POST" action="/ratings" >
														<input type="hidden" name="_token" value="{{ csrf_token() }}" />
														 														<input type="hidden" name="vid" id="vid" value=""/>

									<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Client Name 
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                               <!--<input type="text" class="form-control" name="contact_name" value="{{  old('contact_name') }}" style="text-transform:capitalize">-->
												   												   
					                            	<select name="vendor_id" class="form-control" id"vendor_id_else" onchange="calltid(this.value);">
													<option value="">Please Select</option>
													@foreach($vendors as $vendor)
																											@endforeach
													</select>
													 <span class="biker_loader"><img src="/assets/website_assets/images/loader.gif" style="width: 8%;"></span>
													 												</div>
					                        </div>
					                    </div>
										
										<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Technician Name
					                            </label>
					                            					                            <div class="col-md-5 col-sm-6 col-xs-12" >
					                               <!--<input type="text" class="form-control" name="contact_name" value="{{  old('contact_name') }}" style="text-transform:capitalize">-->
												   												   <div id="tid">
					                            	<select name="biker_id" class="form-control">
													<option value="">Please Select Company Name First</option>
													</select>
													</div>
													<span class="biker_loader1"><img src="/assets/website_assets/images/loader.gif" style="width: 8%;"></span>
																									</div>
					                        </div>
					                    </div>
										
										<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Ticket no
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                               <!---->
												   												   <div id="tid1">
					                            	<select name="ship_id" class="form-control">
													<option value="">Please Select Technician Name First</option>
													</select>
													</div>
												   												   	
												</div>
					                        </div>
					                    </div>
										<div class="col-md-8">
						                    <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Remark</label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                           	<textarea class="form-control" id="desc" name="desc" rows="2" style="text-transform:capitalize"></textarea>
					                            </div>
					                        </div>
					                    </div>
										<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Company Rating(Out Of 5) 
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                              <input name="rating1" value="0" id="rating_star1" type="hidden" postID="1" />
												</div>
					                        </div>
					                    </div>

									<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Technician Rating(Out Of 5) 
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                              <input name="rating2" value="0" id="rating_star2" type="hidden" postID="1" />
												</div>
					                        </div>
					                    </div>
										<div class="col-md-8">
					                         <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" id="save_reading">Submit</button>
					                               
					                            </div>
					                        </div>
					                    </div>
                        	
    
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
</div>
@endsection