@extends('layouts.main')
@section('title',trans('core.title_dashboard'))
@section('content')
<style >
svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip {
	pointer-events: none;
    width: auto;
    height:auto;
    padding: 20px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}
</style>
<link rel="stylesheet" href="{{secure_asset('assets/gold-message-popup/css/line-icons.css')}}">
<link rel="stylesheet" href="{{secure_asset('assets/gold-message-popup/css/owl.carousel.css')}}">
<link rel="stylesheet" href="{{secure_asset('assets/gold-message-popup/css/owl.theme.css')}}">
<link rel="stylesheet" href="{{secure_asset('assets/gold-message-popup/css/main.css')}}"> 
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="page-header-title">
						<h4>Employability Dashboard</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="{{ secure_url('candidate-dashboard') }}">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"><a href="{{ secure_url('employability-dashboard') }}">Dashboard</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-xl-9 col-md-12 col-sm-12">
							<div class="card bg-none box-shadow-none borderless-card">
								<div class="card-block">
									<div class="row">
										<div class="col-md-3 hired-img">
											<img class="d-flex img-100" src="{{ secure_asset('assets/images/svg/hired-blue.svg') }}" alt="Generic placeholder image">
										</div>									
										<div class="col-md-9">
											<div class="row">
												<div class="col-md-12">
													<h4 class="text-93 f-w-400">Welcome to HireMee <i class="text-333">{{ Auth::user()->fullname }}</i></h4>
													<h2 class="f-30 f-w-400">Start searching for job opportunities</h2>
													
												</div>
											</div>
										</div>
									</div>
									<input type="hidden" id="newcandidate" value="{{$newTo_gold ?? ''}}">
									{!! Form::open(['url'=>'candidate/job-search','method'=>'GET','id'=>'js-job-search','autocomplete'=>'off']) !!}
									{{ Form::hidden('is_search',1,['id'=>'js-search']) }}
									
									<!-- {{ Form::hidden('skill_manual',1,['id'=>'js-skill_manual']) }} -->
									<div class="row m-t-20 justify-content-center">
										<div class="col-xl-3 m-b-5 col-md-4 col-sm-3 col-12 ft-select p-r-0 p-l-0">
											<div class="hme-search-style r-2-min">
											{!! Form::select('emp_type',[""=>""]+$emp_type,'5', ['class'=>'form-control js-select2','data-placeholder'=>'Work Type','id'=>'js-emp_type-id']) !!}
											</div>
										</div>    
										<div class="col-xl-8 col-md-8 col-md-9 col-12 p-l-0 p-r-0">
											<div class="input-group input-group-default">
												<div class="hme-search-style1">
													{!! Form::select('skill[]',$skills,(!empty($skill_id))?$skill_id:null,['class'=>'form-control js-select2','data-placeholder'=>'Skills','multiple'=>'true','id'=>'js-skill-id']) !!}
												</div>
												
												<button class="input-group-addon d-flex text-center align-items-center bg-primary" type="submit" id="js-btn-job-search"><i class="hiremee-search f-22"></i>
													<span class="f-12 m-search m-t-5">Search Jobs</span> 
												</button>
											</div>
										</div>                				
									</div>
									{!! Form::close() !!}
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="page-header-title p-b-15">
										<h4>Hot Jobs</h4>
									</div>
									<div class="row" id="js-more-jobs">
										@forelse($jobs as $job)
										<div class="col-md-6">
											<div class="card borderless-card">
												<div class="card-block">
													<div class="row">
														<div class="col-md-2">
															<div class="img-avatar m-r-10" >
																@if(!is_null($job->corporate->companyLogo))
																	<img class="d-flex mr-3 img-circle" src="{{ !empty($job->corporate->companyLogo->s3_id) 
                                                  ? HireMeeHelper::getAWSImageUrl($job->corporate->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : secure_asset('assets/images/user.png')}}" alt="{{ $job->corporate->company_name }}" alt="{{ $job->corporate->company_name }}">
																@else
																	<img class="d-flex mr-3 img-circle" src="{{ secure_asset('assets/images/user.png') }}" alt="{{ $job->corporate->company_name }}">
																@endif
															</div>
														</div>
														<div class="col-md-10">
															<div class="row">
																<label class="col-sm-4 text-93 m-b-0">Job Title:</label>
																<div class="col-sm-8">
																	<p class="m-b-0">{{ $job->job_title }} @if($job->is_post_completed < 4)<small class="">Draft</small>@endif</p>
																</div>
															</div>
															<div class="row">
																<label class="col-sm-4 text-93 m-b-0">Industry Type:</label>
																<div class="col-sm-8">
																	<p class="m-b-0">{{ $job['category']->industry_name  }}</p>
																</div>
															</div>	
															<div class="row">
																@php $skills =  HireMeeHelper::JobSkills($job->skills()->pluck('skill_id')->toArray()); @endphp
																<label class="col-sm-4 text-93 m-b-0">Skills:</label>
																<div class="col-sm-8 text-truncate">
																	<p class="m-b-0 text-truncate c-default" data-position="left" data-toggle="tooltip" data-original-title="@if(!empty($skills)) {{ $skills }} @else Not Updated @endif">@if(!empty($skills)) {{ $skills }} @else Not Updated @endif</p>
																</div>
															</div>													
														</div>
													</div>
													<div class="row m-t-20">
														<div class="col-md-7">
															<p class="m-b-0 text-info">Last Date: {{ $job->last_date }}</p>
															@php $locations = HireMeeHelper::JobLocations($job->locations()->pluck('loc_id')->toArray()); @endphp
															<p class="m-b-0 text-truncate">Location: @if(!empty($locations)) {{ HireMeeHelper::JobLocations($job->locations()->pluck('loc_id')->toArray()) }} @endif</p>
														</div>
														<div class="col-md-5 p-t-10 text-right">
															<a href="{{ url('candidate/post/6').'/'.$job->id.'?view=true' }}">  <button type="button" class="md-trigger btn btn-primary btn-sm f-14 waves-effect">
																<i class="hiremee-tick"></i>View & Apply</button></a>
															</div>
														</div>											
													</div>
												</div>
											</div>
											@empty
											<div class="col-md-12 text-center">
						                        <i class="hiremee-search f-100 text-93"></i>
						                        <h2 class="text-93">No Records Found</h2>
						                        <h5 class="f-w-100 text-93">Sorry! We can't find any records matching your criteria </h5>
					                        </div>
										@endforelse
									</div>
                        		</div>
							</div>
						</div>
						@include('candidate.top-recruiters')
 						
 						@if(Auth::user()->is_gold ==1)
							<div class="col-md-12">
								<div class="row">
									<div class="col-sm-4">
										<div class="card borderless-card">
											<div class="card-block">
							       				<div class="col-md-12">
									      			<div id="assess_chat"></div>
								       			</div>
								       		</div>
								       </div>
							       	</div>

									<div class="col-sm-4 ">
										<div class="card borderless-card">
											<div class="card-block">
										       <div class="col-md-12">
											      <div id="bar_chart" ></div>
										       </div>
									        </div>
								        </div>
							       	</div>

							       	<div class="col-sm-4 ">
										<div class="card borderless-card">
											<div class="card-block">
										       	<div class="col-md-12">
											      <div id="assement_bar_chart" ></div>
										       	</div>
							       			</div>
							       		</div>
							       	</div>
					        	</div>
					        </div>
						@endif
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Modal -->
<div class="modal fade gold-message-popup" id="gold_message" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      	<div class="modal-content">
	        <div class="d-flex justify-content-between">
	          	<div class="creative">
	            	<div class="gold-message-slider">
	              		<div class="slide-items">
			                <img src="{{secure_asset('assets/gold-message-popup/images/gold-slide-1.jpg')}}" alt="Gold Slide 1">
		              	</div>
		              	<div class="slide-items">
			                <img src="{{secure_asset('assets/gold-message-popup/images/gold-slide-2.jpg')}}" alt="Gold Slide 2">
		              	</div>
		              	<div class="slide-items">
			                <img src="{{secure_asset('assets/gold-message-popup/images/gold-slide-3.jpg')}}" alt="Gold Slide 3">
		              	</div>
		            </div>
	          	</div>
	          	<div class="content d-flex flex-column">
		            <h3>Dear <strong>{{$fullname ?? ''}},</strong> <span class="pull-right close"><i class="hiremee-multiply f-18"></i></span></h3>
		            <h3>Welcome to Hiremee Gold.</h3>
		            <p> Well Done! By signing up, you have taken the first step towards achieving your goal to improve your skills and get a dream job. Go ahead, explore the platform, unlock your potential and find the place inside yourself where nothing is impossible. </p>
			    </div>
	        </div>
      	</div>
    </div>
</div> 
@endsection
@section('footer')
<script src="{{secure_asset('assets/gold-message-popup/js/owl.carousel.js')}}"></script>
<script src="{{secure_asset('assets/gold-message-popup/js/main.js')}}"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
$(document).ready(function(){
	if("{{ Session::get('error') }}"){
		swal("Info", "{{ Session::get('error') }}", "success");
	}

 	var newTo_gold = $('#newcandidate').val();
	if(parseInt(newTo_gold) > 0){	
  	 	$('#gold_message').modal({
	           backdrop: 'static',
	           keyboard: false
	    });
 	 }
});
/* bar chart result start */	
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  	var completed_chart_data = ;
  	var not_completed_chart_data = ;
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn('string', 'Year');
    dataTable.addColumn('number', 'Sales');
    // A column for custom tooltip content
    dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
    dataTable.addRows([
      completed_chart_data,
      not_completed_chart_data
    ]);

    var options = {
    	'title' : 'Assessment Status ',
      tooltip: {isHtml: true,trigger: 'selection'},
      legend: 'none',
      colors: ['green'],
       'height':400,
    };
    var chart = new google.visualization.ColumnChart(document.getElementById('bar_chart'));
    chart.draw(dataTable, options);
}
/* bar chart result end */	

/* line chart assessment rank start */	
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(assessChat);

function assessChat() {
	var college_rank = ["College rank",,""];
	var national_rank = ["National rank",,""];
	var regional_rank = ["Regional rank",,""];
	var dataTable = new google.visualization.DataTable();
	dataTable.addColumn('string', 'Year');
	dataTable.addColumn('number', '');
	// A column for custom tooltip content
	dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
	dataTable.addRows([
	  college_rank,
	  national_rank,
	  regional_rank
	]);

	var options = {
		'title' : 'CSR Assessment Status ',
	  tooltip: {isHtml: true,trigger: 'selection'},
	  legend: 'none',
	  colors: ['green'],
	   'height':400,
	};
	var chart = new google.visualization.ColumnChart(document.getElementById('assess_chat'));
	chart.draw(dataTable, options);
}
/* line chart assessment rank end */

/* Track based assessment bar chart result start */	
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(assessmentdrawChart);

function assessmentdrawChart() {
  	var assessment_chart_data = ;
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn('string', 'Year');
    dataTable.addColumn('number', 'Sales');
    // A column for custom tooltip content
    dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
    dataTable.addRows(assessment_chart_data);

    var options = {
	 	title: 'Track Based Assessments',
       	tooltip: {isHtml: true,trigger: 'selection'},
       	legend: 'none',
      	colors: ['green'],
       	'height':400,
    };
    var chart = new google.visualization.ColumnChart(document.getElementById('assement_bar_chart'));
    chart.draw(dataTable, options);
}
/* Track based assessment bar chart result end */	
</script>
@endsection