@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
  @if($pod)
	<form action="{{ route('admin.pod.update', $pod->id) }}" method="POST" id="podform" class="form-floating form-validate" enctype="multipart/form-data">
	{{ method_field('PUT') }}
	{{ csrf_field() }}
  @else
	<form action="{{ route('admin.pod.store') }}" method="POST" id="podform" 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', $pod) }}" 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', $pod) }}">
				</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', $pod) }}">
				</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', $pod) }}">
				</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', $pod) }}">
				</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', $pod) }}">
				</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', $pod, '1') }} > <span class="lever"></span> Active </label>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-12 padding-left" style="margin-top: 45px;">
					<label class="control-label normal">Dashboard Widgets</label>
					<div class="checkbox">
						<label><input type="checkbox" name="widgets[]" id="worders" value="orders" @if($pod && $pod->widgets && in_array('orders', $pod->widgets)) checked @endif > Orders </label>
					</div>
					<div class="checkbox">
						<label><input type="checkbox" name="widgets[]" id="wshipments" value="shipments" @if($pod && $pod->widgets && in_array('shipments', $pod->widgets)) checked @endif > Shipments </label>
					</div>
					<div class="checkbox">
						<label><input type="checkbox" name="widgets[]" id="wmissedpickups" value="missed-pickups" @if($pod && $pod->widgets && in_array('missed-pickups', $pod->widgets)) checked @endif > Missed Pickups </label>
					</div>
					<div class="checkbox">
						<label><input type="checkbox" name="widgets[]" id="wusers" value="users" @if($pod && $pod->widgets && in_array('users', $pod->widgets)) checked @endif > Users </label>
					</div>
					<div class="checkbox">
						<label><input type="checkbox" name="widgets[]" id="wmargins" value="margins" @if($pod && $pod->widgets && in_array('margins', $pod->widgets)) checked @endif > Margins </label>
					</div>
				</div>
				<div class="clearfix"></div>
				<div>
					<legend>Users</legend>
					<div class="form-group filled col-md-4 padding-left">
						{!! FormField::select2('user', $users, 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 pod-table" id="pod-user-table"
					@if(isset($podUsers))
						@if(!$podUsers)
							style="display:none;"
						@endif
					@else
						style="display:none;"
					@endif>
						<thead>
							<tr>
								<th>USER</th>
								<th>&nbsp;</th>
							</tr>							
						</thead>
						<tbody id="pod-user-rows">
							@if(isset($podUsers) && $podUsers)
							@foreach($podUsers as $user)
							<tr id="pod-user-{{ $user->id }}" class="pod-user-row">
								<td>{{ $user->name }}</td>
								<td>
									<input type="hidden" name="u[]" value="{{ $user->id }}">
									<span class="user-remove"><i class="md md-delete"></i></span>
								</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
				<div class="clearfix"></div>
				<br/>
				<div>
					<legend>Clients</legend>
					<div class="form-group filled col-md-4 padding-left">
						{!! FormField::select2('client', $clients, false, false) !!}
					</div>
					<div class="form-group col-md-2 padding-left">
						<input class="btn btn-sm btn-danger add-client" type="button" name="ADD" value="ADD">
					</div>
					<div class="clearfix"></div>
					<table class="table table-full table-full-small pod-table" id="pod-client-table" 
					@if(isset($podClients))
						@if(!$podClients)
							style="display:none;"
						@endif
					@else
						style="display:none;"
					@endif>
						<thead>
							<tr>
								<th>CLIENT</th>
								<th>&nbsp;</th>
							</tr>							
						</thead>
						<tbody id="pod-client-rows">
							@if(isset($podClients) && $podClients)
							@foreach($podClients as $client)
							<tr id="pod-client-{{ $client->id }}" class="pod-client-row">
								<td>{{ $client->name }}</td>
								<td>
									<input type="hidden" name="c[]" value="{{ $client->id }}">
									<span class="client-remove"><i class="md md-delete"></i></span>
								</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</fieldset>
		</div>
		<div class="newcontbtn">
		  <input class="btn btn-sm btn-danger" type="submit" name="Save" value="Save">
		  <a href="{{ url('admin/pod') }}" class="btn btn-sm btn-danger btn-white">Cancel</a>
		</div>
	  </div>
  </form>
</div>
@endsection

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

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