@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="contractsearchform" name="contractsearchform">
	{{ csrf_field() }}
	<div class="row m-b-40">
	  <div class="col-md-6">
		<div class="well white consearcheight">
			<fieldset>
				<div class="form-group">
					<div class="radio">
					  <label class="filled">
						<input type="radio" name="search_type" id="search_type_blanket" value="blanket" data-validation="required" data-validation-error-msg-container="#search_type_error"
						@if(isset($searchData['type']))
							@if($searchData['type'] == 'blanket')
								checked="checked"
							@endif
						@endif
						> 
							Blanket Contract / Bill Rates
						</label>
					</div>
				</div>
				<div class="form-group">
					<div class="radio">
					  <label class="filled">
						<input type="radio" name="search_type" id="search_type_client" value="client"
						@if(isset($searchData['type']))
							@if($searchData['type'] == 'client')
								checked="checked"
							@endif
						@endif
						> 
							Client Specific / Bill Rates
						</label>
					</div>
				</div>						
				<div class="form-group">
					<div class="radio">
					  <label class="filled">
						<input type="radio" name="search_type" id="search_type_carrier" value="carrier"
						@if(isset($searchData['type']))
							@if($searchData['type'] == 'carrier')
								checked="checked"
							@endif
						@endif
						> 
							Carrier Specific / Cost Rates </label>
					</div>
				</div>
				<span id="search_type_error"></span>
			</fieldset>
		</div>
	  </div>
	  <div class="col-md-6">
		<div class="well white consearcheight">
			<fieldset>
				<div id="searchclient"
				@if(isset($searchData['type']))
					@if($searchData['type'] == 'client')
						style="display:block;"
					@endif
				@endif
				>
					<legend>If Client Specific</legend>
					<div class="form-group">
						<label for="search_client_name" class="control-label">Client Name</label>
						<input type="text" class="form-control" name="search_client_name" id="search_client_name" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="client"
						value="@if(isset($searchData['client_name'])){{ $searchData['client_name']}}@endif">
					</div>
				</div>
				<div id="searchcarrier"
				@if(isset($searchData['type']))
					@if($searchData['type'] == 'carrier')
						style="display:block;"
					@endif
				@endif
				>
					<legend>If Carrier Specific</legend>
					<div class="form-group">
						<label for="search_carrier_name" class="control-label">Carrier Name</label>
						<input type="text" class="form-control" name="search_carrier_name" id="search_carrier_name" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="carrier" 
						value="@if(isset($searchData['carrier_name'])){{ $searchData['carrier_name']}}@endif">
					</div>
				</div>
			</fieldset>
		</div>
	  </div>
		<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="contract-search" id="contract-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="contract-clear" id="contract-clear" value="Clear">
			<a href="{{ url('admin/contract/test') }}" class="btn btn-sm btn-danger" style="color: #ffffff !important;">Test Contract</a>
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables">
	  <table class="table table-full table-full-small" cellspacing="0" width="100%" id="contracts-table">
		<thead>
		  <tr>
			<th>ID</th>
			<th>Description</th>
			<th>Contract Type</th>
			<th>Status</th>
			<th>Expiration</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
  <div class="buttonwrap">
	  <a href="{{ url('admin/contract/create') }}" class="btn btn-sm btn-danger">New</a>
  </div>
</div>
<style>
#searchclient, #searchcarrier{display:none;}
</style>
@endsection
@section('scripts')
<script>
$(function(){
	var searchRequest = false;
	
	$("input[name='search_type']").change(function(){
		var contractType = $("input[type=radio][name='search_type']:checked").val();
		
		if(contractType == 'client'){
			$('#searchclient').show();
			$('#searchcarrier').hide();
		}
		else if(contractType == 'carrier'){
			$('#searchcarrier').show();
			$('#searchclient').hide();
		}
		else if(contractType == 'blanket'){
			$('#searchcarrier').hide();
			$('#searchclient').hide();
		}
	});
	
	$('#search_carrier_name').autocomplete({
		serviceUrl: baseUrl+"/common/suggest/carriernames",
		dataType: 'json',
		minChars: 3,
		transformResult: function(response) {
			return {
				suggestions: $.map(response, function(dataItem) {
					return { value: dataItem.name, data: dataItem.name, id:dataItem.id, name: dataItem.name, scac: dataItem.scac};
				})
			};
		},
		onSearchStart: function (query) {
			$(this).addClass('fieldloader');
		},
		onSearchComplete: function (query, suggestions) {
			$(this).removeClass('fieldloader');
		}
	});
	
	$('#search_client_name').autocomplete({
		serviceUrl: baseUrl+"/common/suggest/clientnames",
		dataType: 'json',
		minChars: 3,
		transformResult: function(response) {
			return {
				suggestions: $.map(response, function(dataItem) {
					return { value: dataItem.name, data: dataItem.name, id:dataItem.id, name: dataItem.name, reference_code: dataItem.reference_code};
				})
			};
		},
		onSearchStart: function (query) {
			$(this).addClass('fieldloader');
		},
		onSearchComplete: function (query, suggestions) {
			$(this).removeClass('fieldloader');
		}
	});
	
	function renderZeroValue(value)
	{
		if(value.charAt(0) == '.'){
			return '0'+value;
		}
		
		return value;
	}
    var contractstable = $('#contracts-table').DataTable({
        processing: true,
        serverSide: true,
		searching: false,
        ajax: {
            url: baseUrl+"/contract/searchcontract", 
            data: function (d) {
                d.search_type  = $("input[type=radio][name='search_type']:checked").val();
                d.client_name  = $('input[name=search_client_name]').val();
				d.carrier_name = $('input[name=search_carrier_name]').val();
				d.search_clear = $("#search_clear").val();
            }
        },
        columns: [
			{ data: 'id', name: 'id' },
			{ data: 'description', name: 'description' },
			{ data: 'type', name: 'type' },
			{ data: 'status', name: 'status' },
			{ data: 'expiry_date', name: 'expiry_date' },
			{data: 'actions', name: 'actions', orderable: false, searchable: false},
        ],
		"drawCallback": function( settings ) {
			var api = this.api();
			hideLoader();
			if(searchRequest){
				if(!api.data().count()){
					toastr.error('No records found.');
				}
			}
			searchRequest = false;
		}
    });
	
	$('body').on('click', '.del-row', function () {
		var clickedRow = $(this);
		bootbox.confirm("Are you sure you want to delete?", function(result) {
			if(result){
				showLoader();
				$.ajax({
					type: 'POST',
					url:  baseUrl+"/contract/"+clickedRow.data('id'),
					data: {id: clickedRow.data('id'), _token: $("input[name='_token']").val(), _method: 'DELETE'},
					success: function (data) {
						hideLoader();
						toastr.success('Contract deleted successfully.');
						contractstable.row( clickedRow.parents('tr') ).remove().draw();						
					}
				});
			}
		});
	});
	
    $('#contractsearchform').on('submit', function(e) {
       e.preventDefault();
	   if($(this).isValid()) {
		    searchRequest = true;
			showLoader();
			contractstable.draw();
	   }
    });
	
	$('body').on('click', '#contract-clear', function () {
		$('#search_clear').val('clear');
		$('#searchclient').hide();
		$('#searchcarrier').hide();
		$('#search_carrier_name').val('').parents('.form-group').removeClass('filled');
		$('#search_client_name').val('').parents('.form-group').removeClass('filled');
		$('input[type=radio][name="search_type"]').removeAttr('checked');
		$('#contractsearchform').get(0).reset();
		showLoader();
		contractstable.draw();
		$('#search_clear').val('');
	});

});
</script>
@endsection