@extends('layouts.admin')

@if($admin)
	@var $passwordRequired = false
@else
	@var $passwordRequired = true
@endif

@section('content')
<div class="row  m-b-40">
  @if($admin)
	<form action="{{ route('admin.admin.update', $admin->id) }}" method="POST" id="roleform" class="form-floating" data-toggle="validator" enctype="multipart/form-data">
	{{ method_field('PUT') }}
	{{ csrf_field() }}
  @else
	<form action="{{ route('admin.admin.store') }}" method="POST" id="roleform" class="form-floating" data-toggle="validator" enctype="multipart/form-data">
	{{ csrf_field() }}
  @endif
	  <div class="col-md-12">
		<div class="well white">
			<fieldset>
				<div class="form-group col-md-12 padding-left">
					<label for="name" class="control-label">Name</label>
					<input type="text" name="name" id="name" class="form-control" value="{{ FormField::value('name', $admin) }}" required>
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="email" class="control-label">Email</label>
					<input type="email" name="email" id="email" class="form-control" value="{{ FormField::value('email', $admin) }}" required>
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="direct_phone" class="control-label">Direct Line</label>
					<input type="text" name="direct_phone" id="direct_phone" class="form-control" value="{{ FormField::value('direct_phone', $admin) }}">
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="cell_phone" class="control-label">Cell Phone</label>
					<input type="text" name="cell_phone" id="cell_phone" class="form-control" value="{{ FormField::value('cell_phone', $admin) }}">
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="username" class="control-label">Username</label>
					<input type="text" name="username" id="username" class="form-control" value="{{ FormField::value('username', $admin) }}" required>
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="password" class="control-label">Password</label>
					<input type="password" name="password" id="password" class="form-control" @if($passwordRequired) required @endif data-minlength="6" autocomplete="new-password">
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="password_confirmation" class="control-label">Confirm Password</label>
					<input type="password" name="password_confirmation" id="password_confirmation" class="form-control" @if($passwordRequired) required @endif data-match="#password" data-match-error="Whoops, these don't match" >
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
                    <label class="control-label normal">Role</label>
					<select name="role" id="role" class="select2 form-control" required>
						<option value="">Please Select</option>
						@foreach($roles_list as $roleId=>$roleTitle)
						<option value="{{$roleId}}" @if(in_array($roleId, $user_roles))selected="selected"@endif>{{$roleTitle}}</option>
						@endforeach
					</select>
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left">
                    <label class="control-label normal">POD</label>
					<select name="pod_id" id="pod_id" class="select2 form-control">
						<option value="">Please Select</option>
						@foreach($pods as $podId=>$podTitle)
						<option value="{{$podId}}" 
						@if($admin && $admin->pod_id == $podId) selected="selected" @endif>{{$podTitle}}
						</option>
						@endforeach
					</select>
					<div class="help-block with-errors"></div>
				</div>
				<div id="commission-profile-box" class="form-group col-md-12 padding-left"
				@if($admin)
					@if($admin->salesman_id)
						style="display:none;"
					@endif
				@endif				
				>
                    <label class="control-label normal">Commission Profile</label>
					<select name="profile_id" id="profile_id" class="select2 form-control" style="width:950px;">
						<option value="">Please Select</option>
						@foreach($profiles_list as $profileId=>$profileTitle)
						<option value="{{$profileId}}" @if($admin && ($admin->profile_id == $profileId)) selected="selected" @endif>{{$profileTitle}}</option>
						@endforeach
					</select>
					<div class="help-block with-errors"></div>
				</div>
				<div id="salesman-box" class="form-group col-md-12 padding-left" 
				@if($admin)
					@if(!$admin->salesman_id)
						style="display:none;"
					@endif
				@else
					style="display:none;"
				@endif
				>
                    <label class="control-label normal">Salesman</label>
					<select name="salesman_id" id="salesman_id" class="select2 form-control" style="width:950px;">
						<option value="">Please Select</option>
						@foreach($salesman_list as $salesmanId=>$salesmanName)
						<option value="{{$salesmanId}}" @if($admin && ($admin->salesman_id == $salesmanId)) selected="selected" @endif>{{$salesmanName}}</option>
						@endforeach
					</select>
					<div class="help-block with-errors"></div>
				</div>

				<div class="form-group col-md-12 padding-left" style="margin-top: -25px;">
					<div class="checkbox">
					<label><input type="checkbox" name="pod_leaders" id="pod_leaders" value="1" {{ FormField::checked('pod_leaders', $admin, 1) }} > POD Leaders  </label>
					</div>
				</div>
				<div class="form-group col-md-2 padding-left" style="margin-top: -25px;">
					<div class="checkbox">
					<label><input type="checkbox" name="sales_manager" id="sales_manager" value="1" {{ FormField::checked('sales_manager', $admin, 1) }} > Sales Manager  </label>
					</div>
				</div>
				<div id="sales-team-box" class="col-md-10 padding-left"
				@if($admin)
					@if(!$admin->sales_manager)
						style="display:none;"
					@endif
				@else
					style="display:none;"
				@endif
				>
					<select name="sales_team_id" id="sales_team_id" class="select2 form-control" style="width:250px;">
						<option value="">Please Select Sales Team</option>
						@foreach($salesTeams as $salesTeamId=>$salesTeamTitle)
						<option value="{{$salesTeamId}}" 
						@if($admin && $admin->sales_team_id == $salesTeamId) selected="selected" @endif>{{$salesTeamTitle}}
						</option>
						@endforeach
					</select>
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group col-md-12 padding-left" style="margin-top: -25px;">
					<div class="checkbox">
					<label><input type="checkbox" name="chronic_over_payer" id="chronic_over_payer" value="1" {{ FormField::checked('chronic_over_payer', $admin, 1) }} > Chronic Over Payor  </label>
					</div>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label class="control-label normal">Status</label>
					<div class="switch">
					  <label> Inactive <input type="checkbox" name="status" value="1" {{ FormField::checked('status', $admin, '1') }}> <span class="lever"></span> Active </label>
					</div>
				</div>
			</fieldset>
		</div>
		<div class="newcontbtn">
		  <input class="btn btn-sm btn-danger" type="submit" name="Save" value="Save">
		  <a href="{{ url('admin/role') }}" class="btn btn-sm btn-danger btn-white">Cancel</a>
		</div>
	  </div>
  </form>
</div>
<style>
#sales-team-box{
margin-left:-50px;
margin-top: -15px;	
}
</style>
@endsection

@section('scripts')
<script>
$(function(){
	$('#role').change(function(e){
		 if($(this).find("option:selected").text() == 'Sales'){
			 $('#salesman-box').show();
			 $('#commission-profile-box').hide();
			 $('#profile_id').val('').trigger('change');
		 }
		 else{
			 $('#salesman-box').hide();
			 $('#commission-profile-box').show();
			 $('#salesman_id').val('').trigger('change');
		 }
	});

	$("#sales_manager").change(function() {
	    if(this.checked) {
	    	$('#sales-team-box').show();
	    }
	    else{
	    	$('#sales-team-box').hide();
	    	$('#sales_team_id').val('').trigger('change');
	    }
	});
});
</script>
@endsection