@php
$serverOrigin = $_SERVER['HTTP_ORIGIN'];
@endphp
<style type="text/css">
	.w150 {
		width: 150px;
	}
</style>
@if(!$compTemps->isEmpty())
	<div class="d-flex align-items-start list-item card-spacer-x py-3">
		<div class="d-flex align-items-center">
			{{-- <div class="d-flex align-items-center mr-3">
				<label class="checkbox checkbox-inline checkbox-primary flex-shrink-0 mr-3">
					<input type="checkbox" disabled="true">
					<span></span>
				</label>
			</div> --}}
			<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
				Company Name
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Created By</span>
			</div>
		</div>
		<div class="mt-2 mr-3 font-weight-bolder w-100px text-right" data-toggle="view">
			Date Created
		</div>
	</div>
	@php
		$i = 0;
	@endphp
	@foreach($compTemps as $data)
		<div class="d-flex align-items-start list-item card-spacer-x py-3 companyRes_{{$data->id}}" data-inbox="companyRes">
			<input type="hidden" class="datID" value="{{$data->id}}">
			<div class="d-flex align-items-center">
				<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
					<div class="symbol symbol-light-primary symbol-35 mr-3">
						<span class="symbol-label font-weight-bolder">
							{{returnAcronym($data->company_name)}}
						</span>
					</div>
					<a id="dataCompName" href="#" data="{{$data->company_name}}" class="font-weight-bold text-dark-75 text-hover-primary">
						{{$data->company_name}}
					</a>
				</div>
			</div>
			<div class="flex-grow-1 mt-2 mr-2" style="width:350px" data-toggle="view">
				<div>
					<span class="font-weight-bolder font-size-lg mr-2">{{$users[$i]}}</span>
				</div>
			</div>
			<div class="mt-2 mr-3 font-weight-bolder text-right" style="width:350px" data-toggle="view">
				{{$data->created_at->diffForHumans()}}
			</div>
		</div>
		@php
			$i++;
		@endphp
	@endforeach
	<div class="loadDataRes" style="display:none"></div>
	<script type="text/javascript">

		jQuery(document).ready(function() {

			jQuery('.setImportant').click(function(e) {
				e.preventDefault();
				var data = jQuery(this).attr('data');
				var id = jQuery(this).attr('dir');

				var loading = new KTDialog({
					'type': 'loader',
					'placement': 'top center',
					'message': 'Loading ...'
				});
				loading.show();

				jQuery.post('/public/setImportant', {id:id, data:data, type:2}, function(data) {
					jQuery.post('/public/subResponse', {ord:'created_at', sortDir:'desc', start:0, length:20, search:''}, function(data) {
						jQuery('#candResponse').html(data);
						loading.hide();
					});
				});

			});

		});
	</script>
@else
	<center>
		<h3>No Data to Show.</h3>
	</center>
@endif