@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="listsearchform" name="listsearchform">
	{{ csrf_field() }}
	<div class="row m-b-40">
	  <div class="col-md-12">
		<div class="well white">
			<fieldset>
				<input type="hidden" name="search" id="search" value="true">
				<div class="form-group">
					<label for="search_client" class="control-label">Client</label>
					<input type="text" class="form-control" name="search_client" id="search_client" value="@if(isset($searchData['client'])){{ $searchData['client']}}@endif">
				</div>
				<div class="form-group" style="margin-top:50px;">
					<label for="search_last_contact" class="control-label normal" >Last Contact</label>
					<select name="search_last_contact" id="search_last_contact" class="select2 form-control">
						{!! FormField::dropDownOptions('search_last_contact', $lastContacts, ((isset($searchData['last_contact'])) ? $searchData['last_contact'] : null)) !!}
					</select>
				</div>
				@if($userRole != 'Operations')
				<div class="form-group" style="margin-top:50px;">
					<label for="search_logistic_assignment" class="control-label normal" >Logistic Assignment</label>
					<select name="search_logistic_assignment" id="search_logistic_assignment" class="select2 form-control">
						{!! FormField::dropDownOptions('search_logistic_assignment', $users, ((isset($searchData['logistic_assignment'])) ? $searchData['logistic_assignment'] : null)) !!}
					</select>
				</div>
				@endif
				<div class="form-group" style="margin-top:50px;">
					<label for="search_pods" class="control-label normal" >PODS</label>
					<select name="search_pods" id="search_pods" class="select2 form-control">
						{!! FormField::dropDownOptions('search_pods', $pods, ((isset($searchData['search_pods'])) ? $searchData['search_pods'] : null)) !!}
					</select>
				</div>
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="list-search" id="list-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="list-clear" id="list-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div class="newcontbtn">
	<select id="list-action" name="list-action" style="height: 35px;width: 149px;">
		<option value="">Select Action</option>
		<option value="PHONE">Phone</option>
		<option value="EMAIL">Email</option>
	</select>
	<input class="btn btn-sm btn-danger" id="list-action-submit" name="list-action-submit" value="SUBMIT" type="button">
  </div>
  <div>
	<div class="datatables shipmenttable">
	  <table id="list-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th></th>
			<th>Client</th>
			<th>Contact Name</th>
			<th>Email</th>
			<th>Phone Number</th>
			<th>Logistic Assignment</th>
			<th>Last Contacted</th>
			<th>Mode</th>
			<th>Total Revenue</th>
			<th>Last Transaction Date</th>
			<th>Notes</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
</div>

<!-- Notes Modal -->
<div class="modal fade" id="notesModal" role="dialog">
	<div class="modal-dialog" style="width:1000px;">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime">Notes</h4>
		</div>
		<div class="modal-body">
		  <table id="notes-table" class="table table-full table-full-small table-responsive" cellspacing="0" width="950px">
			<thead>
			  <tr>
				<th style="width:150px;">Date</th>
				<th style="width:150px;">Mode</th>
				<th style="width:150px;">Message</th>
			  </tr>
			</thead>
			<tbody>
			</tbody>
		  </table>
		</div>
		<div class="modal-footer firstTime_footer">
		</div>
	  </div>  
	</div>
</div>
<!---------------------->

<!-- Contact Modal -->
<div class="modal fade" id="contactModal" role="dialog">
	<div class="modal-dialog" style="width:600px;">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime" id="contact-header"></h4>
		</div>

		<form class="form-floating form-validate form-ajax" id="contactform" name="contactform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group" id="subject-box">
						<label for="subject" class="control-label">Subject</label>
						<input type="text" class="form-control" id="subject" name="subject" data-validation="required" data-validation-depends-on="list-action" data-validation-depends-on-value="EMAIL">
					</div>
					<div class="form-group" id="message-box">
						<label for="concern_description" class="control-label">Message</label>
						<textarea class="form-control" id="message" name="message" data-validation="required" style="line-height:20px;"></textarea>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="contact-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!---------------------->
@endsection

@section('scripts')
<script type="text/javascript">
	var pod_id = "{{$pod_id}}";
	if (pod_id == '' || pod_id == 0) {
		toastr.error('No pod assigned .');
	}
</script>
<script charset="utf-8" src="{{asset('backend/js/services/clientContactList.js?v=1.0')}}"></script>
@endsection