@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
  @if($salesTeam)
	<form action="{{ route('admin.salesteam.update', $salesTeam->id) }}" method="POST" id="salesteamform" class="form-floating form-validate" enctype="multipart/form-data">
	{{ method_field('PUT') }}
	{{ csrf_field() }}
  @else
	<form action="{{ route('admin.salesteam.store') }}" method="POST" id="salesteamform" class="form-floating form-validate" 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="title" class="control-label">Title</label>
					<input type="text" name="title" id="title" class="form-control" value="{{ FormField::value('title', $salesTeam) }}" data-validation="required">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="phone" class="control-label">Phone</label>
					<input type="text" name="phone" id="phone" class="form-control" value="{{ FormField::value('phone', $salesTeam) }}">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="email" class="control-label">Email</label>
					<input type="text" name="email" id="email" class="form-control" value="{{ FormField::value('email', $salesTeam) }}">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="skype" class="control-label">Skype</label>
					<input type="text" name="skype" id="skype" class="form-control" value="{{ FormField::value('skype', $salesTeam) }}">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="team_app" class="control-label">Team App</label>
					<input type="text" name="team_app" id="team_app" class="form-control" value="{{ FormField::value('team_app', $salesTeam) }}">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="sms_messaging" class="control-label">SMS Messaging</label>
					<input type="text" name="sms_messaging" id="sms_messaging" class="form-control" value="{{ FormField::value('sms_messaging', $salesTeam) }}">
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-12 padding-left" style="margin-top: 45px;">
					<label class="control-label normal">Status</label>
					<div class="switch">
					  <label> Inactive <input type="checkbox" name="status" value="1" {{ FormField::checked('status', $salesTeam, '1') }} > <span class="lever"></span> Active </label>
					</div>
				</div>
				<div class="clearfix"></div>
				<div>
					<legend>Salesmen</legend>
					<div class="form-group filled col-md-4 padding-left">
						{!! FormField::select2('salesmen', $salesmen, false, false) !!}
					</div>
					<div class="form-group col-md-2 padding-left">
						<input class="btn btn-sm btn-danger add-user" type="button" name="ADD" value="ADD">
					</div>
					<div class="clearfix"></div>
					<table class="table table-full table-full-small sales-team-table" id="sales-team-user-table"
					@if(isset($salesTeamSalesmen))
						@if(!$salesTeamSalesmen)
							style="display:none;"
						@endif
					@else
						style="display:none;"
					@endif>
						<thead>
							<tr>
								<th>SALESMAN</th>
								<th>&nbsp;</th>
							</tr>							
						</thead>
						<tbody id="sales-team-user-rows">
							@if(isset($salesTeamSalesmen) && $salesTeamSalesmen)
							@foreach($salesTeamSalesmen as $salesTeamSalesman)
							<tr id="sales-team-user-{{ $salesTeamSalesman->id }}" class="sales-team-user-row">
								<td>{{ $salesTeamSalesman->first_name.' '.$salesTeamSalesman->last_name }}</td>
								<td>
									<input type="hidden" name="u[]" value="{{ $salesTeamSalesman->id }}">
									<span class="user-remove"><i class="md md-delete"></i></span>
								</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
				<div class="clearfix"></div>
			</fieldset>
		</div>
		<div class="newcontbtn">
		  <input class="btn btn-sm btn-danger" type="submit" name="Save" value="Save">
		  <a href="{{ url('admin/salesteam') }}" class="btn btn-sm btn-danger btn-white">Cancel</a>
		</div>
	  </div>
  </form>
</div>
@endsection

@section('styles')
<style>
.sales-team-table {width: 500px;border-spacing: 0;}
.sales-team-table thead, .sales-team-table tbody { display: block; }
.sales-team-table tbody {height: 200px; overflow-y: auto; overflow-x: hidden;}
.sales-team-table tbody td:first-child, .sales-team-table thead th:first-child {width: 400px;}
.sales-team-table tbody td:last-child, .sales-team-table thead th:last-child {text-align:center;width: 100px;}
</style>
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/salesTeams.js?v=0.1')}}"></script>
@endsection