@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
  <div class="col-md-12">
	<div class="well white">
	  <form class="form-floating form-validate form-ajax" id="carriermetricForm" name="carriermetricForm" action="{{ url('admin/carriermetric') }}">
	    {{ csrf_field() }}
		<input type="hidden" id="id" name="id" class="hidden-field" value="">
		
		<fieldset>
			<div class="innercolpadding boxborder">
				<div class="slide">
					<h4 class="col-md-2 slider_label">Service</h4>
					<div class="form-group slider_margin col-md-8">
						<div class="slider-range" id="service-slider-range" data-cat="service"></div>
					</div>
					<div class="form-group col-md-2 ">
						<input id="service" name="service" type="text" class="form-control cat-field" value="{{ ($carrierMetric) ? ($carrierMetric->service ? floor($carrierMetric->service) : 0) : 0 }}" readonly>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="slide">
					<h4 class="col-md-2 slider_label">Safety</h4>
					<div class="form-group slider_margin col-md-8">
						<div class="slider-range" id="safety-slider-range" data-cat="safety"></div>
					</div>
					<div class="form-group col-md-2 ">
						<input id="safety" name="safety" type="text" class="form-control cat-field" value="{{ ($carrierMetric) ? ($carrierMetric->safety ? floor($carrierMetric->safety) : 0) : 0 }}" readonly>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="slide">
					<h4 class="col-md-2 slider_label">Billing Complaince</h4>
					<div class="form-group slider_margin col-md-8">
						<div class="slider-range" id="billing-slider-range" data-cat="billing"></div>
					</div>
					<div class="form-group col-md-2 ">
						<input id="billing" name="billing" type="text" class="form-control cat-field" value="{{ ($carrierMetric) ? ($carrierMetric->billing ? floor($carrierMetric->billing) : 0) : 0 }}" readonly>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="slide">
					<h4 class="col-md-2 slider_label">Volume</h4>
					<div class="form-group slider_margin col-md-8">
						<div class="slider-range" id="volume-slider-range" data-cat="volume"></div>
					</div>
					<div class="form-group col-md-2 ">
						<input id="volume" name="volume" type="text" class="form-control cat-field" value="{{ ($carrierMetric) ? ($carrierMetric->volume ? floor($carrierMetric->volume) : 0) : 0 }}" readonly>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="slide">
					<h4 class="col-md-2 slider_label">Pricing</h4>
					<div class="form-group slider_margin col-md-8">
						<div class="slider-range" id="pricing-slider-range" data-cat="pricing"></div>
					</div>
					<div class="form-group col-md-2 ">
						<input id="pricing" name="pricing" type="text" class="form-control cat-field" value="{{ ($carrierMetric) ? ($carrierMetric->pricing ? floor($carrierMetric->pricing) : 0) : 0 }}" readonly>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="form-group" >
					<div class="input-group pull-right col-md-2" style="margin-right:15px;">
					  <div class="input-group-addon slider_label" style="font-size: 17px;">Total:</div>
					  <input id="categories_total" name="categories_total" type="text" class="form-control" style="width: 130px;" readonly>
					  <div id="categories_total_error" class="metric-error" style="display: none;" >Total must be 100%</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="clearfix"></div>		
			<div class="clearfix"></div>	
			<div class="col-md-12 m-t-10 nopadding">
				<fieldset>
					<div class="col-md-4 padding-left topgap">
						<div class="boxborder">
							<legend class="m-b-10 innercolpadding">Service <span class="legperc pull-right">%</span></legend>
							<div class="innercolpadding">
								<div class="form-group">
									<div class="col-md-8 metric_level no-padding">
									  <label>On Time Pick up</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="service" name="on_time_pick_up_pct" id="on_time_pick_up_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->on_time_pick_up_pct)) ? floor($carrierMetric->on_time_pick_up_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>On Time Delivery</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="service" name="on_time_delivery_pct" id="on_time_delivery_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->on_time_delivery_pct)) ? floor($carrierMetric->on_time_delivery_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Dropped Loads</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="service" name="dropped_loads_pct" id="dropped_loads_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->dropped_loads_pct)) ? floor($carrierMetric->dropped_loads_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Equipment Break Down</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="service" name="eqpt_break_down_pct" id="eqpt_break_down_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->eqpt_break_down_pct)) ? floor($carrierMetric->eqpt_break_down_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label># of Claims</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="service" name="no_of_claims_pct" id="no_of_claims_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->no_of_claims_pct)) ? floor($carrierMetric->no_of_claims_pct) : '') : '' }}">
									</div>
									<div class="form-group col-md-12 padding-right">
										<input type="hidden" class="form-control" name="service_total" id="service_total" readonly>
										<div id="service_total_error" class="metric-error pull-right" style="display: none;" >Total must be 100%</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="col-md-4 padding-left topgap">
						<div class="boxborder">
							<legend class="m-b-10 innercolpadding">Billing <span class="legperc pull-right">%</span></legend>
							<div class="innercolpadding">
								<div class="form-group">
									<div class="col-md-8 metric_level no-padding">
									  <label>Average Days to Invoice</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="billing" name="avg_days_to_inv_pct" id="avg_days_to_inv_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->avg_days_to_inv_pct)) ? floor($carrierMetric->avg_days_to_inv_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Billing Errors</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="billing" name="billing_errors_pct" id="billing_errors_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->billing_errors_pct)) ? floor($carrierMetric->billing_errors_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Portal Adherence</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="billing" name="portal_adherence_pct" id="portal_adherence_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->portal_adherence_pct)) ? floor($carrierMetric->portal_adherence_pct) : '') : '' }}">
									</div>
									<div class="form-group col-md-12 padding-right">
										<input type="hidden" class="form-control" name="billing_total" id="billing_total" readonly>
										<div id="billing_total_error" class="metric-error pull-right" style="display: none;" >Total must be 100%</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="col-md-4 padding-left topgap">
						<div class="boxborder">
							<legend class="m-b-10 innercolpadding">Safety <span class="legperc pull-right">%</span></legend>
							<div class="innercolpadding">
								<div class="form-group">
									<div class="col-md-8 metric_level no-padding">
									  <label>FMCSA Ratings</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="safety" name="fmcsa_ratings_pct" id="fmcsa_ratings_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->fmcsa_ratings_pct)) ? floor($carrierMetric->fmcsa_ratings_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Out of Services</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="safety" name="out_of_service_pct" id="out_of_service_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->out_of_service_pct)) ? floor($carrierMetric->out_of_service_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Misc</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="safety" name="misc_pct" id="misc_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->misc_pct)) ? floor($carrierMetric->misc_pct) : '') : '' }}">
									</div>
									<div class="form-group col-md-12 padding-right">
										<input type="hidden" class="form-control" name="safety_total" id="safety_total" readonly>
										<div id="safety_total_error" class="metric-error pull-right" style="display: none;" >Total must be 100%</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="col-md-4 padding-left topgap">
						<div class="boxborder">
							<legend class="m-b-10 innercolpadding">Volume <span class="legperc pull-right">%</span></legend>
							<div class="innercolpadding">
								<div class="form-group">
									<div class="col-md-8 metric_level no-padding">
									  <label>% Of Overall Loads</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="volume" name="overall_loads_pct" id="overall_loads_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->overall_loads_pct)) ? floor($carrierMetric->overall_loads_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Days Since Last Load</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="volume" name="days_since_last_load_pct" id="days_since_last_load_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->days_since_last_load_pct)) ? floor($carrierMetric->days_since_last_load_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label>Average Time Sign RC</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="volume" name="avg_time_sign_rc_pct" id="avg_time_sign_rc_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->avg_time_sign_rc_pct)) ? floor($carrierMetric->avg_time_sign_rc_pct) : '') : '' }}">
									</div>
									<div class="form-group col-md-12 padding-right">
										<input type="hidden" class="form-control" name="volume_total" id="volume_total" readonly>
										<div id="volume_total_error" class="metric-error pull-right" style="display: none;" >Total must be 100%</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="col-md-4 padding-left topgap">
						<div class="boxborder">
							<legend class="m-b-10 innercolpadding">Pricing <span class="legperc pull-right">%</span></legend>
							<div class="innercolpadding">
								<div class="form-group">
									<div class="col-md-8 metric_level no-padding">
									  <label>Average % on Market</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="pricing" name="avg_on_market_pct" id="avg_on_market_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->avg_on_market_pct)) ? floor($carrierMetric->avg_on_market_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label># of Rate Qutoes</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="pricing" name="no_of_rate_quotes_pct" id="no_of_rate_quotes_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->no_of_rate_quotes_pct)) ? floor($carrierMetric->no_of_rate_quotes_pct) : '') : '' }}">
									</div>
									<div class="col-md-8 metric_level no-padding">
									  <label># of Bid Responded</label>
									</div>
									<div class="col-md-4 padding-right">
										<input type="text" class="form-control metric-field" metric="pricing" name="no_of_bid_responded_pct" id="no_of_bid_responded_pct" value="{{ ($carrierMetric) ? ((!is_null ($carrierMetric->no_of_bid_responded_pct)) ? floor($carrierMetric->no_of_bid_responded_pct) : '') : '' }}">
									</div>
									<div class="form-group col-md-12 padding-right">
										<input type="hidden" class="form-control" name="pricing_total" id="pricing_total" readonly>
										<div id="pricing_total_error" class="metric-error pull-right" style="display: none;" >Total must be 100%</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</fieldset>
			</div>
			<div class="clearfix"></div>
			<div class="newcontbtn m-t-20" style="margin-left:0px;">
				<input class="btn btn-sm btn-danger" type="button" id="update-carrier-metric" name="update" value="Save">
			</div>
		</fieldset>		
		
	  </form>
	</div>
  </div>
</div>
@endsection

@section('scripts')
<script>
var serviceVal = {{ ($carrierMetric) ? ($carrierMetric->service ? $carrierMetric->service : 0) : 0 }};
var safetyVal  = {{ ($carrierMetric) ? ($carrierMetric->safety ? $carrierMetric->safety : 0) : 0 }};
var billingVal = {{ ($carrierMetric) ? ($carrierMetric->billing ? $carrierMetric->billing : 0) : 0 }};
var volumeVal  = {{ ($carrierMetric) ? ($carrierMetric->volume ? $carrierMetric->volume : 0) : 0 }};
var pricingVal = {{ ($carrierMetric) ? ($carrierMetric->pricing ? $carrierMetric->pricing : 0) : 0 }};
</script>
<script charset="utf-8" src="{{asset('backend/js/services/carrierMetrics.js')}}"></script>
@endsection