@extends('app')
@section('content')
<title>Edit 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');
  }
 
 function processRating2(val, attrVal){
//alert('You have rated '+val+' to CodexWorld');
  }
 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">EDIT Rating</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
					@if($errors->any())
					    <div class="alert alert-danger">
					        @foreach($errors->all() as $error)
					            <p>{{ $error }}</p>
					        @endforeach
					    </div>
					@endif
					<form class="form-horizontal" role="form" method="POST" action="{{ route('ratings.update', $rating->id) }}">
					<input type="hidden" name="_token" value="{{ csrf_token() }}" />
						<input type="hidden" name="_method" value="PUT" />
						@foreach($vendors as $vendor)
						    @if($vendor->id == $rating->vendor_id)
							<input type="hidden" name="vid" id="vid" value="{{ $vendor->company_name }}"/>
							@endif
						@endforeach
						
                        <div class="col-md-8">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Company Name/Client Name
                                </label>
                                <div class="col-md-5 col-sm-6 col-xs-12">
                                  
								   <select name="vendor_id" class="form-control" onchange="calltid(this.value);">
                                               <option value="">Please Select</option>
												@foreach($vendors as $vendor)
		                                            	
												    @if($vendor->id == $rating->vendor_id)
                                                        <option value="{{ $vendor->id }}" selected="selected">{{ $vendor->company_name }}</option>
                                                    @else
                                                        <option value="{{ $vendor->id }}">{{ $vendor->company_name }}</option>
                                                    @endif
												@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">
								<div id="tid">
											<select name="tech_id" class="form-control" onchange="calltid1(this.value);">
                                               <option value="">Please Select</option>
												@foreach($bikers as $biker)
		                                            	
												    @if($biker->id == $rating->tech_id)
                                                        <option value="{{ $biker->id }}" selected="selected">{{ $biker->first_name }} {{ $biker->last_name }}</option>
                                                    @else
                                                        <option value="{{ $biker->id }}">{{ $biker->first_name }} {{ $biker->last_name }}</option>
                                                    @endif
												@endforeach
												
                                            </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="awd" class="form-control">
                                               <option value="">Please Select</option>
												@foreach($ships as $ship)
		                                            	
												    @if($ship->awb_no == $rating->awd)
                                                        <option value="{{ $ship->awb_no }}" selected="selected">{{ $ship->awb_no }}</option>
                                                    @else
                                                        <option value="{{ $ship->awb_no }}">{{ $ship->awb_no }}</option>
                                                    @endif
												@endforeach
												
                                            </select>
											</div>
                                </div>
                            </div>
                        </div>
					
                        <div class="col-md-8" style="clear:both">
                             <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Description</label>
                                <div class="col-md-5 col-sm-6 col-xs-12">
                                    <textarea class="form-control" name="desc" rows="2"  style="text-transform:capitalize">{{ $rating->desc }}</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 
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                              <input name="app" 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 
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                              <input name="technician" 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="edit_rating_form">Submit</button>
                                    <a href="{{ route('ratings.index')}}" class="btn btn-primary">Cancel</a>
                                </div>
                            </div>
                        </div>
                    </form>
				</div>
			</div>
		</div>
	</div>
</div>
</div>

@endsection