@extends('layouts.main')

@section('title','Company Dashboard')

@section('content')
<style type="text/css">
.font-size-res {
font-size: 14px;
}
.multiselect-container {
left: 0px;
max-height: 250px;
overflow-y: scroll !important;
}
.select2-selection{
max-height: 300px;
overflow-y: scroll !important;
}
/*.multiselect-container>li {
padding: 8px;
}
.btn-group>.btn {
background: white;
border: none;
color: black;
text-align: left;
padding: 0;
}
.btn-group{
font-size: 14px;
width: 100%;
border: 1px solid #aaa;
height: 48px;
padding: 14px;
}*/
</style>
<div class="pcoded-content">
@php 
$CORPORATE_ID = getenv('CANADA_COR_ID');
$login_user = Auth::guard('corporate')->user();
$is_lmscorporate=App\Helper\HireMeeHelper::isLMSAccount('corporate_user',$login_user->company_id);
$get_customized_setting=\App\Helper\HireMeeHelper::getCorporateSettingsDetails($login_user->company_id);
@endphp
<div class="pcoded-inner-content">
<div class="main-body">
<div class="page-wrapper">
	<!--page Header staeterd-->
<div class="page-header">
<div class="page-header-title">
<h4>Dashboard</h4>
</div>
<div class="page-header-breadcrumb">
<ul class="breadcrumb-title">
<li class="breadcrumb-item">
@if(Request::is('company/dashboard'))
<a href="{{secure_url('company/dashboard') }}">
@elseif(Request::is('recruiter/dashboard'))
<a href="{{secure_url('recruiter/dashboard') }}">
@endif	
<span class="hiremee-home"></span>
</a>
</li>
<li class="breadcrumb-item">
@if(Request::is('company/dashboard'))
<a href="{{secure_url('company/dashboard') }}">Dashboard</a>
@elseif(Request::is('recruiter/dashboard'))
<a href="{{secure_url('recruiter/dashboard') }}">Dashboard</a>
@endif
</li>
</ul>
</div>
</div>
<!--page Header Closed-->
<!--Body stated-->
	@if (\Session::has('error'))
      <div class="alert alert-danger background-danger">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <i class="icofont icofont-close-line-circled text-white"></i>
        </button>
        <strong>Error!</strong> {!! \Session::get('error') !!}
      </div>
    @endif

    <div class="page-body">
		<div class="row">
			<div class="col-xl-8 col-md-12 col-sm-12">
				@if(!$is_lmscorporate)
				<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.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</h4>
										<h2 class="f-36 f-w-400">Hire the Best on Time</h2>
									</div>
								</div>
							   @if(Auth::guard('corporate')->user()->status == 1)
								<div class="row m-t-20">
									<div class="col-md-7 col-12">
										<a href="{{ secure_url('job/post/1') }}" class="btn f-22 z-depth-7 btn-md btn-primary btn-block waves-effect">Post a FREE Job</a>
									</div>
								</div>
								@endif
							</div>	                				
						</div>
					</div>
				</div>
			@endif	

			 @if(Auth::guard('corporate')->user()->status == 1)
			@if(!empty($recent_jobs))	
			<div class="row recent-job-box">
				<div class="col-md-12">
					<div class="page-header-title p-b-15">
						<h4>Recent Job posts</h4>
					</div>
			@foreach($recent_jobs as $post)
			<div class="card borderless-card hme-card-hover m-b-15 p-t-10 p-b-10">
				<div class="card-block card-block p-t-5 p-b-0">
					<div class="row">
						<div class="col-md-4">
						<div class="row">
						<div class="col-md-4">
							<div class="">
							<div class="job-avatar float-left" >
								@if($post->user_type == '1')
									@if($post->user_type == 2)
										@php
											if(isset($post['postedUser']) && isset($post['postedUser']->image))
											{
												$image = \HireMeeHelper::getAWSImageUrl($post['postedUser']->image->s3_id,config('filesystems.disks.s3.bucket'));
											}
											else{
												$image = secure_asset('assets/images/user.png');
											}
											$type = 'recruiter';
										@endphp
				                    @else
				                    	@php 
					                    	$image = ($post['postedUser'] ? ($post['postedUser']->companyLogo ? \HireMeeHelper::getAWSImageUrl($post['postedUser']->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : secure_asset('assets/images/user.png')) : secure_asset('assets/images/user.png')); 
					                    	$type = 'company';
				                    	@endphp
				                    @endif
			                    @else
			                       @php 
			                       		if(isset($post['postedUser']) && isset($post['postedUser']->image))
										{
											$image = \HireMeeHelper::getAWSImageUrl($post['postedUser']->image->s3_id,config('filesystems.disks.s3.bucket'));
										}
										else{
											$image = secure_asset('assets/images/user.png');
										}
				                        $type = 'recruiter'; 
			                       @endphp
			                    @endif
								<img class="d-flex" src="{{ $image }}" alt="Generic placeholder image"></div>
							</div>
							</div>
							<div class="col-md-8 w-w-b w-b-all">
							<div class="recent-job-post-right ">
								 <div class="hme-title p-t-10">{{ empty($post->job_title) ? 'Not Updated' : ucwords($post->job_title) }}</div>
                        			<div class="hme-sub-title">{{ empty($post['category']) ? 'Not Updated' : $post['category']->industry_name }}</div>
								<h4></h4>
							</div>
							</div>
						</div>
						</div>
						<div class="col-md-8">
							<div class="d-flex justify-content-between flex-wrap align-middle">
								<div class="hme-sub-title pt-20">Application Received for the position</div>

								<a  @if(!empty(count($post['appliedjob']))) href="{{url('company/applied-candidates/list/'.$post->id) }}" style="cursor: pointer;" @endif class="rec-btn btn btn-sm btn-danger mt-8">{{ empty(count($post['appliedjob'])) ? '000' : sprintf('%03d', count($post['appliedjob']))  }}</a>

								<a href="{{ url('job/post/4').'/'.$post->id.'?view=true&type='.$type }}" data-toggle="tooltip" data-placement="top" title="View Job" class="btn btn-inverse btn-icon mt-10 d-flex justify-content-center align-items-center"><i class="f-24 hiremee-ellipsis m-r-0"></i>
								</a>
							</div>
						</div>
					</div>											
				</div>
			</div>
			@endforeach
			</div>
			</div>
			@endif
			@endif

		<div class="row recent-job-box m-t-10">
			<div class="col-md-12">
		<div class="row">
		 {{-- @if($CORPORATE_ID != $login_user->company_id) --}}
		 @if(!$is_lmscorporate)
			<div class="col-md-12">
				<div class="d-flex justify-content-start">
					<h4 class="g-l-b">Overview </h4>
					<div class="hme-select-style hme-sm-select p-relative max-w-150 ml-1 mb-1">
	                  <select id="js-corp-dashboard-report">
	                    <option value="7">Last 7 days</option>
	                    <option value="15">Last 15 days</option>
	                    <option value="30">Last 30 days</option>
	                    <option value="60">Last 60 days</option>
	                    <option value="120">Last 3 months</option>
	                    <option value="180">Last 6 months</option>
	                  </select>
	                </div>
				</div>
			</div>
			<div class="clearfix"></div>
										
		<div class="col-md-12 col-xl-6">								
			<div class="card table-card b-t-green">
					<div class="row-table">
						<div class="col-sm-6 card-block-big br">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-search green-text"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="green-text f-w-900" id="js-total-searches">{{ empty($total_searches) ? 0 : $total_searches }}</h3>
									<span>Total <br> Searches</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6 card-block-big">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-shortlist green-text"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="green-text f-w-900" id="js-selected-profiles">{{ empty($selected_profiles) ? 0 : $selected_profiles }}</h3>
									<span>Selected <br> Profiles</span>
								</div>
							</div>
						</div>
					</div>
				
					<div class="row-table">
						<div class="col-sm-6 card-block-big br">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-shortlist green-text"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="green-text f-w-900" id="js-rejected-profiles">{{ empty($rejected_profiles) ? 0 : $rejected_profiles }}</h3>
									<span>Rejected <br> Profiles</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6 card-block-big">
							<div class="row">
								<div class="col-sm-4">
									<i class=" hiremee-business-cards green-text"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="green-text f-w-900" id="js-invited-profiles">{{ empty($invited_profiles) ? 0 : $invited_profiles }}</h3>
									<span>Invited <br> Profiles</span>
								</div>
							</div>
						</div>
					</div>
				
			</div>
		</div>
		<div class="col-md-12 col-xl-6">
			<div class="card table-card b-t-warning">
				<div class="">
					<div class="row-table">
						<div class="col-sm-6 card-block-big br">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-jobs text-warning"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="text-warning" id="js-total-jobs">{{ empty($total_jobs) ? 0 : $total_jobs }}</h3>
									<span>Total <br> Jobs</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6 card-block-big">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-jobs text-warning"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="text-warning" id="js-active-jobs">{{ empty($active_jobs) ? 0 : $active_jobs }}</h3>
									<span>Active <br> Jobs</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="">
					<div class="row-table">
						<div class="col-sm-6 card-block-big br">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-jobs text-warning"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="text-warning" id="js-closed-jobs">{{ empty($closed_jobs) ? 0 : $closed_jobs }}</h3>
									<span>Closed <br> Jobs</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6 card-block-big">
							<div class="row">
								<div class="col-sm-4">
									<i class="hiremee-hired text-warning"></i>
								</div>
								<div class="col-sm-8 text-center">
									<h3 class="text-warning" id="js-hired-profiles">{{ empty($hired_profiles) ? 0 : $hired_profiles }}</h3>
									<span>Hired <br> Candidates</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		@endif
		@if(!empty($prolimit))
		<div class="col-md-12">
			<div class="d-flex justify-content-start">
				<h4 class="g-l-b">Pro Limits </h4>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="col-md-12 col-xl-6">
			<div class="card table-card b-t-green">
				<div class="row-table">
					<div class="col-sm-6 card-block-big br">
						<div class="row">
							<div class="col-sm-4">
								<i class="hiremee-search green-text"></i>
							</div>
							<div class="col-sm-8 text-center">
								<h3 class="green-text f-w-900" id="js-total-searches">{{ 
									(empty($prostatustbl) ? 0 : $prostatustbl->no_of_profile)-(empty($prolimit) ? 0 : $prolimit->utilized) }}</h3>
								<span>Remaining <br> Profile Limit</span>
							</div>
						</div>
					</div>
				
					<div class="col-sm-6 card-block-big br">
						<div class="row">
							<div class="col-sm-4">
								<i class="hiremee-shortlist green-text"></i>
							</div>
							<div class="col-sm-8 text-center">
								<h3 class="green-text f-w-900" id="js-rejected-profiles">{{ empty($prolimit) ? 0 : $prolimit->no_of_assessment }}</h3>
								<span>Remaining <br> Assessment Limit</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	
						@endif
					</div>									
				</div>
				</div>
				<!--- Neeed to add saparate div with col-4 state Here-->
				@php
				  $getcustom_feature_details=\App\Helper\HireMeeHelper::getCorporateCustomFeature(Auth::guard('corporate')->user()->company_id);
				@endphp
			
			</div><!--col 8 div closed-->
			<div class="col-xl-4 col-md-12 col-sm-12">
							@if(!$getcustom_feature_details > 0)	
							<div class="card borderless-card">
								<div class="card-block">
									<div class="row">
										<div class="col-md-12">
											<div class="page-header-title">
												<h4>Total Search Limits</h4>
											</div>
											<h1 class="f-60 m-b-0 p-t-20 text-danger">{{ empty($search_limit) ? 0 : $search_limit }}</h1>
										</div>
										<div class="clearfix"></div>

									</div>
								</div>
							</div>
							@endif

							@if(Auth::guard('corporate')->user()->user_type == 1)
						    	@if(Auth::guard('corporate')->user()->status == 1)
						   			 @if(!$getcustom_feature_details>0)
									<div class="card borderless-card ">
										<div class="card-block">
											{!! Form::open(array('url' => secure_url('company/recruiter/invite'), 'method'=>'POST','class'=>'form-horizontal','name'=>'recruiter-invite','id'=>'recruiter-invite-form')) !!}
											<div class="row">
												<div class="col-md-12">
													<div class="sub-header p-b-20">
														<h5 class="f-w-400 g-l-b">Invite Recruiter</h5>
													</div>
												</div>
												<div class="clearfix"></div>
												@if($recruiter_limitations == 'not_exceed')
												<div class="col-md-12">
													<div class="input-group input-group-primary2">
														<span class="input-group-addon" id="basic-addon1"><i class="hiremee-close-envelope"></i> <sup class="mandatory">*</sup></span>
														{!! Form::text('recruiter-invite-email','',array('class'=>'form-control js-tooltip-validate','id'=>'recruiter-invite-email','placeholder'=>'Recruiter Email Address')) !!}
														<span id="recruiter-invite-email-error"></span>
													</div>
												</div>
												<div class="clearfix"></div>
												<div class="col-md-12 text-right m-t-5">
													<button type="submit" class="btn btn-danger waves-effect" id="recruiter-invite-send">
														<i class="hiremee-sent-mail"></i>Send Invitation
													</button>
												</div>
												@else

												<div class="col-md-12">
													<p class="text-info m-b-0"><i class="hiremee-info"></i> {{'Recruiter Limit Reached'}}</p>
												</div>
												@endif
										
											</div>
											{!! Form::close() !!}  
										</div>
									</div>
									@endif
								@endif
							@endif
				
				@if(isset($companyprofile) && !is_null($companyprofile)) <!--if added newly by sriram-->
				<div class="card borderless-card ">
						<div class="card-block">
							<div class="row">
								<div class="col-md-12">
									<div class="sub-header p-b-10">
										<h4 class="f-w-400 f-18">{{ empty($companyprofile->company_name) ? "" : ucwords($companyprofile->company_name) }}</h4>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="col-md-12 m-b-20">
									<p class="f-13">
										@if(!$is_lmscorporate) Company @endif profile completion <strong class="text-warning">{{$profile_completion_percentage}}%</strong> 
										 <a href="{{secure_url('company/profile/update')}}"><span class="label f-right label-info"><span class="hiremee-refresh" data-toggle="tooltip" data-placement="top" title="Edit profile"></span></span></a>
									</p>
									<div class="progress">
										<div class="progress-bar" style="width:@php if(!empty($profile_completion_percentage))echo $profile_completion_percentage @endphp%"> &nbsp; </div>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="col-md-12">
								<div class="sub-header p-b-10">
									<h4 class="f-w-400 f-18 g-l-b">About</h4>
									@php 
	                                  if(!empty($companyprofile->about_summery)){
	                                    $about = substr($companyprofile->about_summery, 0, 100);
	                                    $readmore =  substr($companyprofile->about_summery, 100, 500); 
	                                  }else{
	                                    $about = "About Summary Not Updated";
	                                    $readmore =  ""; 
	                                  }				                                    
	                                @endphp
									<input type="checkbox" class="read-more-state" id="post-1" />
								
										<p class="read-more-wrap f-14 w-b-all">{{ $about }}<span class="read-more-target">{{ $readmore }}</span></p>
										@if(!empty($readmore))
											<label for="post-1" class="read-more-trigger">
												<sub><i class="icofont icofont-curved-down text-info m-t-10"></i></sub>
											</label>
										@endif

									{{-- @if($CORPORATE_ID != $login_user->company_id) --}}
									@if(!$is_lmscorporate)
										<div class="f-13 text-right">
											<span class="f-left">Share Company profile on </span>
											<a class="btn btn-facebook btn-icon-xs" data-toggle="tooltip" title="Facebook" target="_blank"  href="https://www.facebook.com/sharer.php?u={{$profile_url}}"><i class=" hiremee-facebook f-14"></i></a>
											<a class="btn btn-twitter btn-icon-xs" data-toggle="tooltip" title="Twitter" target="_blank"  href="https://twitter.com/intent/tweet?url={{$profile_url}}"><i class="hiremee-twitter  f-14"></i> </a>
											<a class="btn btn-linkedin btn-icon-xs" data-toggle="tooltip" title="Linkedin" target="_blank"  href="https://www.linkedin.com/shareArticle?mini=true&url={{$profile_url}}"><i class="hiremee-linkedin  f-14"></i></a>
										</div>
									
										<div  class="clearfix"></div>
										<span id="div_1" title="Copy Url" class="text-info f-14 c-p" value="{{$profile_url}}"><u>Copy Company profile link</u></span>
									@endif

								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				@else
				<div class="card borderless-card ">
					<div class="card-block">
						<div class="row">
							<div class="col-md-12">
								<div class="sub-header p-b-10">
								
									<h4 class="f-w-400 f-18">{{ empty($recruiterprofile->getCompanyList->company->company_name) ? '' : ucwords($recruiterprofile->getCompanyList->company->company_name)}}</h4>
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="col-md-12 m-b-20">
								<p class="f-13">Recruiter profile completion <strong class="text-warning">{{$profile_completion_percentage}}%</strong> <a href="{{secure_url('company/recruiter-profile')}}"><span class="label f-right label-info"><span class="hiremee-refresh"></span> Update</span></a></p>

								<div class="progress">
									<div class="progress-bar" style="width:@php if(!empty($profile_completion_percentage))echo $profile_completion_percentage @endphp%"> &nbsp; </div>
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="col-md-12">
								<div class="sub-header p-b-10">
									<h4 class="f-w-400 f-18 g-l-b">About</h4>
									@php 
	                                  if(!empty($recruiterprofile->about_summery)){
	                                    $about = substr($recruiterprofile->about_summery, 0, 100);
	                                    $readmore =  substr($recruiterprofile->about_summery, 100, 500); 
	                                  }else{
	                                    $about = "About Summary Not Updated";
	                                    $readmore =  ""; 
	                                  }				                                    
	                                @endphp
									<input type="checkbox" class="read-more-state" id="post-1" />
                                    <p class="read-more-wrap f-14 w-b-all">{{ ucwords($about) }}<span class="read-more-target">{{ $readmore }}</span></p>
                                    @if(!empty($readmore))
	                                    <label for="post-1" class="read-more-trigger">
	                                    	<sub><i class="icofont icofont-curved-down text-info m-t-10"></i></sub>
	                                    </label>
                                    @endif
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
						</div>
					</div>
				@endif
				</div>
				<!---col 4 side div closed-->
		</div><!--row Closed-->
		<!--Assesment Row started-->
		@php
			$auth = Auth::guard('corporate')->user();
			
		@endphp
		@if($auth->getProStatus)
            @if(($auth->getProStatus->status==3)&&($auth->user_type !=2))
		<div class="row">
			<div class="col-xl-12 col-md-12 col-sm-12">
				
                   <div class="col-md-12 mt-3">
                        <div class="d-flex justify-content-start">
                            <h4 class="g-l-b">Assessment</h4>
                        </div>
                    </div>
                
                <div class="row">
					<div class="col-md-8 col-xl-8">
							<div class="card b-t-green p-10">
								<div class="row">
									<div class="col-sm-6 card-block-big br"><p class="l-h-0">Start Date:</p>
									<div class="input-group">
									<input class="form-control" placeholder="e.g. 2020-10-22" id="start_date" name="start_date"  type="text" value="" data-dtp="dtp_Rt28d" autocomplete="off">
									<span class="input-group-addon">
									<i class="icofont icofont-calendar"></i>
									</span>
								</div>
								</div>
								<div class="col-sm-6 card-block-big br"><p class="l-h-0">End Date:</p>
														<div class="input-group">
									<input class="form-control js-date-assessment-list" placeholder="e.g. 2020-10-22" id="end_date"  name="end_date" type="text" value="" data-dtp="dtp_GI9Kn" autocomplete="off">
									<span class="input-group-addon">
									<i class="icofont icofont-calendar"></i>
									</span>
								</div>
								<span id="js_end_date-error" style="color: red"></span>
								</div>
														
									<div class="col-sm-6 card-block-big br"><p class="l-h-0">Assessment Type:</p>
									<div class="input-group">
									{!! Form::select('questiontype[]',$question_type,null,['class' =>'form-control  js-select2',  'id'=>'js-mul-qustype','data-placeholder' =>'Select Question Type', 'multiple'=>true]) !!}
								
								</div>
							</div>
							
										<div class="col-sm-6 card-block-big br"><p class="l-h-0">Assessment Name  <span class="text-danger">*</span><input type="checkbox" id="checkbox">Select all</p>
															
										<div class="input-group">

									{!! Form::select('assessment_name',[],null,['class' =>'form-control js-assessment-list js-select2',  'id'=>'js-ass-name', 'multiple'=>true]) !!}
								
								</div>
									<span id="js_ass_name_error" style="color: red"></span>
									</div>
								</div>
							</div>
						</div>
					@if(!is_null($get_customized_setting))	
						@if($get_customized_setting->is_testpin_calc == 1)
						<div class="col-xl-4 col-md-4">
							<div class="card table-card b-t-green">
								<div class="row-table">
									<div class="col-sm-6 card-block-big br">
										<div class="row">
											<div class="col-sm-12 text-center">	
												<h3 class="green-text f-w-900 font-size-res">{{number_format($recharge_amount,2) ?? 0.00}} </h3>
												<span>Recharge Amount</span>
											</div>
										</div>
									</div>
									<div class="col-sm-6 card-block-big br">
										<div class="row">
											<div class="col-sm-12 text-center">
											<h3 class="green-text f-w-900 font-size-res">{{number_format(($recharge_amount - $amount),2) ?? 0.00}} </h3>
												<span>Balance Amount</span>														
											</div>
										</div>
									</div>
								</div>
					</div>
				</div>
				@endif
				@endif
			</div>
				<div class="table-responsive">
					<table class="table  b-t-green">
						<tr>
						<th scope="col">Date Range</th>
						<th scope="col">Assessment Type</th>
						<th scope="col">Assessment Name</th>
						<th scope="col">Pins Consumed</th>
						@if(!is_null($get_customized_setting))	
						@if($get_customized_setting->is_testpin_calc == 1)
							<th scope="col">Price Per Pin</th>
							<th scope="col">Amount Consumed</th>

						@endif
						@endif				

						<tbody id="js-testpin-listing-container">
						</tbody>
					</table>
				</div>
			</div>
		</div>
	@endif
	@endif
		<!--Assessment Div Closed-->	
	</div><!--panel body closed-->


<!--Body Closed-->

</div><!--page wrapper Closed-->
</div>
</div>
</div>


@endsection
@section('footer')
<script type="text/javascript">
$(function(){
$("#start_date").bootstrapMaterialDatePicker({
time:false,
clearButton: true,
format: 'YYYY-MM-DD'
}).on('change', function(e, date) {
$("#js-mul-qustype").val(null).trigger('change');
$('#checkbox').prop('checked', false);
$("#js-ass-name").html("");
$("#js-ass-name").val(null).trigger('change');

$("#end_date").val("");
// $('#js-mul-qustype').val(null).trigger("change");
// $('#js-ass-name').multipleSelect('refresh');
$("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
$('#js_end_date-error').html('Select a End Date');

});
});

$(function() {
$("#end_date").bootstrapMaterialDatePicker({
time:false,
clearButton: true,
format: 'YYYY-MM-DD'
}).on('change', function(e, date) {
var start 	= $("#start_date").val();
var end 	= $("#end_date").val();
var startDateArr = start.split("-");
var endDateArr 	 = end.split("-");
$("#js-mul-qustype").val(null).trigger('change');
$('#checkbox').prop('checked', false);
$("#js-ass-name").html("");
$("#js-ass-name").val(null).trigger('change');

var startDate 	 = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
var endDate 	 = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
if(endDate < startDate){
$("#end_date").val("");
console.log('wrong');
}

});
});
$(document).on('change','#js-mul-qustype',function(){
var qus_val=$('#js-mul-qustype').val();
$('#js_end_date-error').html('');
$.ajax({
url: "/get-qus-type-based-assessments",
dataType: "json",
type: "get",
data: {"qus_type":qus_val},
success: function(data) {
console.log(data.optionView);
if(data.status == 200){
$('#checkbox').prop('checked', false);
if(data.question_type==1){
$('#js_ass_name_error').html('Select a Assessment Name');
}

$('#js-ass-name').html(data.optionView);            	
/*$('#js-ass-name').multiselect({
includeSelectAllOption: true,
enableFiltering: true,
enableCaseInsensitiveFiltering: true,
});*/
}else{
alertMessage("danger","Something went wrong","Error");
}
}
});
});
$(document).on('change','.js-assessment-list',function(){
var count = this.selectedOptions.length // how options selected
var opt = this.length; // how options total
if (count===opt) {
// all selected
$("#checkbox").prop('checked', true);
} else {
// not all selected
$("#checkbox").prop('checked', false);        
}
});
$(document).on('click','#checkbox',function(){
if($("#checkbox").is(':checked') ){
$("#js-ass-name > option").prop("selected","selected");
$("#js-ass-name").trigger("change");
}else{
$("#js-ass-name > option").prop('selected',false);
$("#js-ass-name").trigger("change");
}
});	


$(document).on('change','.js-assessment-list',function(){
$('#js-testpin-listing-container').html('');
var ass_val=$('#js-ass-name').val();
var qus_val=$('#js-mul-qustype').val();
var start_date = $("#start_date").val();
var end_date = $("#end_date").val();
$.ajax({

url: "{{secure_url('company/testpin/data')}}",
type: "get",
data: {'request_type':'remote','assessment_id':ass_val,'question_type':qus_val,'fromdate':start_date,'todate':end_date},
success: function(response) {
if(response.status == 200) { 
$('#js_ass_name_error').html('');
$('#js-testpin-listing-container').html(response.component);
}
},
error: function(error){
alertMessage("danger","Something went wrong","Error");
}

});
});



</script>
@endsection