@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
	  <div class="col-md-12">
		<div class="well white">
			<legend style="margin-top:30px;">Commission Profile Details</legend>
			<span>{{ $userCommissionProfile->title }}</span><br/>
		</div>
	  </div>
	  
	  <div class="col-md-12 formbox">
		<div class="well white">
			<form class="form-floating form-validate form-ajax" id="commissionForm" name="commissionForm" action="{{ url('admin/commissionprofile/commission') }}">
			{{ csrf_field() }}
			<input type="hidden" id="profile_id" name="profile_id" value="{{ $userCommissionProfile->id }}">
			<input type="hidden" id="id" name="id" class="hidden-field" value="">
			<fieldset>
			<legend style="margin-top:30px;">Commission</legend>
			<div class="col-md-12 nopadding">
				<div class="form-group col-md-2 padding-left minmargin">
					<label for="margin" class="control-label">Commission Action: </label>
				</div>
				<div class="form-group col-md-3 padding-left">
					{!! FormField::select('commission_action', $commissionActions, null, true, 'Please Select') !!}
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-2 padding-left minmargin">
					<label for="margin" class="control-label">Minimum Margin: </label>
				</div>
				<div class="form-group col-md-3 padding-left">
					{!! FormField::select('margin_operator', $marginOperations, null, true, null) !!}
				</div>
				<div class="form-group col-md-2">
					<div class="input-group">
					<input type="text" class="form-control" name="margin" id="margin" data-validation="number" data-validation-allowing="float" >
					<div class="input-group-addon input-addon">%</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<ul class="shortcodes" style="margin-top:50px;">
					<li><span>LH</span> - Line Haul</li>
					<li><span>FS</span> - Fuel Surcharge</li>
					<li><span>AC</span> - Accessorials</li>
					<li><span>NR</span> - Net Revenue</li>
					<li><span>GR</span> - Gross Revenue</li>
				</ul>
				<div class="form-group">
					<label for="margin" class="control-label normal" style="padding-bottom: 0px;">Commission Rule</label>
					<input type="text" class="form-control" name="commission_rule" id="commission_rule" data-validation="required, exp_rule">
				</div>
				<div class="form-group" style="margin-top:50px;">
					<div class="radio-inline">
					  <label class="filled">
						<input type="radio" name="type" id="blanket" value="blanket" data-validation="required"> Blanket </label>
					</div>
					<div class="radio-inline">
					  <label class="filled">
						<input type="radio" name="type" id="client" value="client" data-validation="required"> Client Specific</label>
					</div>
                 </div>
				<div class="form-group clients-group hide">
                    <label class="control-label normal">Client</label>
					<select name="client_id" id="client_id" class="select2 form-control" data-validation-depends-on-value="client" data-validation-depends-on="type" data-validation="required">
						{!! FormField::dropDownOptions('client_id', $clients, null) !!}
					</select>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="newcontbtn" style="margin-left:0px;">
				<input class="btn btn-sm btn-danger" type="submit" id="add-btn" name="add" value="Add">
				<input class="btn btn-sm btn-danger hide" type="submit" id="update-btn" name="update" value="Update">
				<input class="btn btn-sm btn-danger hide" type="button" id="delete-btn" name="delete" value="Delete">
				<input class="btn btn-sm btn-danger hide" type="button" id="cancel-btn" name="cancel" value="Cancel">
			</div>
			</fieldset>
			</form>
		</div>
	  </div>
	  
	  
	  <div class="col-md-12">
		<div class="well white">
			<legend style="margin-top:30px;">Commission Platforms</legend>
			<div class="table-responsive">
				<table class="table table-full table-full-small" id="commission-table">
				  <thead>
					<tr>
					  <th></th>
					  <th>Action</th>
					  <th>Type</th>
					  <th>Margin</th>
					  <th>Commission Rule</th>
					  <th>customer</th>
					  <th class="text-right">Actions</th>
					</tr>
				  </thead>
				  <tbody id="commissionPlatforms">
				  </tbody>
				</table>
			  </div>
		</div>
	  </div>
	  
	  
</div>
@endsection
@section('styles')
<link href="{{asset('backend/css/plugins/expression-builder/expression-builder.css')}}" rel="stylesheet" />
@endsection
@section('scripts')
<script>
var clients = {!! json_encode($clients) !!};
var commissions = {!! json_encode($commissions) !!};
var commissionActions = {!! json_encode($commissionActions) !!};
</script>
<script charset="utf-8" src="{{asset('backend/js/plugins/sortable/jquery-sortable.js')}}"></script>
<script charset="utf-8" src="{{asset('backend/js/plugins/expression-builder/expression-builder-v2.js')}}"></script>
<script charset="utf-8" src="{{asset('backend/js/services/userCommisions.js')}}"></script>
@endsection