@extends('layouts.main')

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

@section('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);
$getCompanyProfile=\App\Helper\HireMeeHelper::getCompanyProfile($login_user->company_id);
 $bosch=0;

 $auth = Auth::guard('corporate')->user();
        $userType = $auth->user_type;

    $proStatus = !is_null($prolimit)?1:0;
@endphp


@if(!is_null($get_customized_setting) ) 
 @if($get_customized_setting->bosch_dashboard == 1)
  @php    $bosch=1;  @endphp 
 @endif

@endif

<input type="hidden" id="userType" data-pro="{{$proStatus}}" rel="{{$bosch}}" value="{{$userType}}">

<link rel="stylesheet" href="{{ secure_url('assets/css/dashboard.css') }}">
<!-- Resources -->
<script src="{{ secure_url('assets/js/dashboard.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/5/index.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/5/percent.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/5/themes/Animated.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/4/core.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/4/charts.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/4/themes/Animated.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/ajax/libs/Chart.min.js') }}"></script>
<script src="{{ secure_url('assets/js/dashboard-js/lib/5/xy.js') }}"></script>



<style type="text/css">
  #chartdiv {
  width: 100%;
  height: 243px;
}

#bar_chartdiv {
  width: 100%;
  height: auto;
}

#asschartdiv {
  width: 100%;
  height: 243px;
}

#questionTypesBarChart {
  width: 100%;
   height: 261px;
}
.pro-assessment-paginate ul {
  float: right;
}
.bosch-assessment-paginate ul {
  float: right;
}

</style>

@if($bosch== 0)  
<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: 
}
</style>
@endif
<div class="pcoded-content">
<div class="hme-loading-mask" style="display: block;">
      <div class="hme-loading-container">
          <div class="hme-dual-ring"></div>
          <div>Please wait, Loading...</div>
      </div>
</div>
<div class="pcoded-inner-content">
<div class="main-body">
<div class="page-wrapper">

        <!--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

    @if (\Session::has('info'))
      <div class="alert alert-info background-info">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <i class="icofont icofont-close-line-circled text-white"></i>
        </button>
        <strong>Info! </strong> {!! \Session::get('info') !!}
      </div>
    @endif

   <!--  <div class="page-body" style="display: table-header-group;"> -->
     <div class="page-body">
    <div class="">
      
          @php
          $start_date = date('Y-m-d', strtotime("-90 days"));
          $end_date = date('Y-m-d');        
          @endphp
        <div class="page-body main-dashboard-inner">
 <div class="d-flex justify-content-between align-items-center">

        <div class="page-title">
          <h3>Dashboard</h3>
          </div>
    
          <!-- <div class="text-end">
         <a href="{{ secure_url('job/post/1') }}"> <button class="btn btn-primary post-job-button" type="submit"><i class="fa fa-check"></i> Post a Free Job</button></a>
          </div> -->

      </div>
					
			@php
        $auth = Auth::guard('corporate')->user();

      @endphp 
      @if(!is_null($get_customized_setting))  
         @if($bosch == 1)
      <div class="row mt-3">
        @if((Session::get("role_id") ==9 || count($recent_jobs) == 0))
        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
        @elseif(count($recent_jobs) > 0)
          <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-9 col-xxl-9 ">
        @endif
        @if($auth->user_type == 1 || Session::get("role_id") == 9)
          <!-- filter -->
          <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
              <div class="db-card">
                <div class="row filter-forms">
                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 mb-2">
                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="Start Date" id="start_date">
                    </div>
                  </div>
                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 mb-2">

                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="End Date" id="end_date">
                    </div>

                  </div>

                  <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-2">
                   <div class="">
                    	{!! Form::select("assesment_name",$assessment_name->prepend('Search Assessment',''),"",["class"=>"hme-select-style js-select2","id" => "assessment_id"])!!}
                    </div>
                  </div>
                  <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-2">
                    <div class="input-group">
                        {!! Form::select("plant_location",$plant_location->prepend('Plant Location',''),"",["class"=>"hme-select-style js-select2","id" => "plant_location"])!!}
                   
                    </div>
                    <p class="text-info" style="margin:0;margin-bottom:-15px"><small><i class="fa fa-exclamation-circle" aria-hidden="true"></i> Data captured from (03-05-2023)</small></p>

                  </div>

                  <div class="col-12 col-sm-12 col-md-4 col-lg-1 col-xl-1 col-xxl-1 custom-padding">
                    <div class="input-group">
                      <button class="btn btn-primary" type="button" id="search" data-toggle="tooltip" data-placement="top" title="" data-original-title="Search"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
                  </div>
                   <div class="col-12 col-sm-12 col-md-4 col-lg-1 col-xl-1 col-xxl-1 custom-padding">

                    <div class="input-group">
                      <button class="btn btn-outline" type="button" id="reset" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reset"><i class="fa fa-refresh" aria-hidden="true"></i></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- filter -->
          <div class="row">
            <!-- cards -->
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
              <div class="row">
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-1">

                  <div class="total-colleges-card">

                    <div class="card-inner-elements align-items-start">

                      <div class="">

                        <img src="{{ secure_url('assets/images/svg/dashboard/tc-graph.svg') }}">
                        
                        
                        <p data-toggle="tooltip" data-placement="top" title="" data-original-title="Total Male">Total Male</p>  
                       </div>
                      <div class="icon">
                      	<h5 id="male_count" class="text-center mt-2 mb-1"></h5>
                         <img src="{{ secure_url('assets/images/svg/dashboard/male.svg') }}">
                      </div>

                    </div>

                    <div class="card-vector">
                        <img src="{{ secure_url('assets/images/svg/dashboard/tc-vector.svg') }}">
                    </div>

                  </div>
                
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-1">
                  <div class="assessment-limit-card">

                    <div class="card-inner-elements align-items-start">

                      <div class="">

                         <img src="{{ secure_url('assets/images/svg/dashboard/al-graph.svg') }}">
                        
                       
                          <p data-toggle="tooltip" data-placement="top" title="" data-original-title="Total Female">Total Female</p> 


                      </div>

                      <div class="icon">
                      	 <h5 id="female_count" class="text-center mt-2 mb-1"></h5>
                        <img src="{{ secure_url('assets/images/svg/dashboard/female.svg') }}">
                      </div>

                    </div>

                    <div class="card-vector">
                      <img src="{{ secure_url('assets/images/svg/dashboard/al-vector.svg') }}">
                    </div>
                </div>
                </div>
               <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-1">
                  <div class="profile-limit-card">
                    <div class="card-inner-elements align-items-start">
                      <div class="">
                        <img src="{{ secure_url('assets/images/svg/dashboard/pl-graph.svg') }}">
                        <!-- <h5>{{ isset($plant_location)? count($plant_location) : ''  }}</h5> -->
                       
                        <p data-toggle="tooltip" data-placement="top" title="" data-original-title="Total Plant Location">Bosch Location</p> 
                      </div>
                      <div class="icon">
                      	 <h5 id="plant_location_count" class="text-center mt-2 mb-1"></h5>
                         <img src="{{ secure_url('assets/images/svg/dashboard/pl-icon.svg') }}">
                      </div>

                    </div>
                    <div class="card-vector">
                       <img src="{{ secure_url('assets/images/svg/dashboard/pl-vector.svg') }}">
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-1">
                    <div class="total-assessment-card">
                    <div class="card-inner-elements align-items-start">
                      <div class="">
                        <img src="{{ secure_url('assets/images/svg/dashboard/ta-graph.svg') }}">
                       
                        
                        <p data-toggle="tooltip" data-placement="top" title="Assessment taken / Total Registered" data-original-title="Total Assessment">Assessment taken/Total Registered</p>

                      </div>

                      <div class="icon">
                      	<h5 id="completed_outof_total_count" class="text-center mt-2 mb-1"></span></h5>
                        <img src="{{ secure_url('assets/images/svg/dashboard/assessment.svg') }}">
                      </div>

                    </div>

                    <div class="card-vector">
                      <img src="{{ secure_url('assets/images/svg/dashboard/ta-vector.svg') }}">
                    </div>

                  </div>
                
                </div>
              </div>
            </div>
            <!-- Top 5 college -->
            <!-- Pie chart -->
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
              <div class="db-card" style="padding: 15px;">
                <div class="d-flex justify-content-between align-items-center">
                  <div>
                    <h5 class="g-l-b">Gender Diversity</h5>
                  </div>

                   <div class="gender-total-candidates forboschonly" id="gender-total-candidates">
                     <p>Total Candidates : </p>
                  </div>
                </div>
                <div id="chartdiv"></div>
              </div>
            </div>
            <!-- Pie chart -->
          </div>
          <!-- Top 5 No of Test Taken by Colleges -->
          <div class="row mt-2">
            <div class="col-md-12">
              <div class="db-card">
                <div class="d-flex justify-content-between align-items-center">

                  <div class="mb-4">
                   <h5 class="g-l-b">Top 5 Colleges</h5>
                  </div>

                  <div class="filter-data" data-toggle="tooltip" data-placement="top" title="" data-original-title="View colleges which marks 75% above">
                    <label>75% And Above</label> <input type="checkbox" id="percent_search">
                  </div>
                </div>
               <div class="db-table ranking-table">
               <table class="table mt-4">
                        <thead>
                          <tr>
                            <th scope="col">College Name</th>
                            <th scope="col">Rank</th>
                          </tr>
                        </thead>
                         <tbody id="js-top-colleges-container"></tbody>  
             </table>
           </div>
              </div>
            </div>
          </div>
          <!-- Top 5 No of Test Taken by Colleges -->
          <!-- table -->

               <div class="row mt-2">

                <div class="col-md-12">
    
    
                  <div class="db-card">
    
                <div class="mb-4">
                  <h5 class="g-l-b">Assessment Status</h5>
                </div>
    
                    <div class="db-table">
    
                      <table class="table mt-4">
                        <thead>
                          <tr>
    
                            <th scope="col">Assessment</th>
                            <th scope="col">Complete</th>
                            <th scope="col">Incomplete</th>
                            <th scope="col">Terminated</th>
                            <th scope="col">Expired</th>
                          </tr>
                        </thead>
                         <tbody id="js-assessment-status-container"></tbody>  
                      </table>
    
                    </div>
    
                  </div>
    
                </div>
    
              </div>
              <!-- Table -->
      @else
            <div class="page-body">
            <div class="row">
              <div class="col-xl-12 col-md-12 col-sm-12">
                    <div class="card borderless-card">
                      <div class="card-block">
                      {!! Form::open(array('url' => secure_url('corporate/search-candidate'), 'method'=>'POST','class'=>'form-horizontal','name'=>'simple-search','id'=>'simple-search-form')) !!}
                          <div class="col-xl-12 col-md-12 col-sm-12">
                            <div class="input-group input-group-default">
                              {!! Form::text('search-box','',array('class'=>'form-control form-control-lg search-box f-22','id'=>'search-box','placeholder'=>'Search for Skills, Specialization, Course and Candidate HireMee ID')) !!}
                              <span id="search-box-error"></span>
                              <button class="input-group-addon align-items-center bg-info" id="search-submit"><!-- <i class="hiremee-search f-22"></i> -->
                                <span class="f-12 m-search">Search Profile</span>
                              </button>
                              
                            </div>
                          </div>
                        {!! Form::close() !!}
                      </div>
                    </div>
              </div>
              <div class="col-md-2">
              </div>

              <div class="col-xl-12 col-md-12 col-sm-12">
                <div class="row">
                    @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
                  </div>                  
                </div>
            </div>
          </div>

    <!--recuriter dashboard end-->
@endif
</div>
 <!--role id -->

<!--recent jobs-->
    @if(Session::get("role_id") !=9 &&  count($recent_jobs) > 0)
      <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-3 col-xxl-3">
        <div class="job-listing-section">

    @foreach($recent_jobs as $post)   
            <div class="job-listing-cards">
              
                <div class="job-listing-card">
                     <div class="icon">
                      <img src="{{ secure_url('assets/images/job-list-icon.png') }}" style="width: 40px;">
                     </div>
                     <div class="job-details">
                      <a target="_blank" href="{{ url('job/post/4').'/'.$post->id.'?view=true&type=true'}}">
                      <h5>{{ empty($post->job_title) ? 'Not Updated' : ucwords($post->job_title) }}</h5>
                      <span>{{ empty($post['category']) ? 'Not Updated' : $post['category']->industry_name }}</span>
                    </a>
                      <!-- <p>Job description</p> -->
                     </div>
                     <div class="applicants" style="margin-right: 8px;">
                      <a target="_blank" href="{{url('company/applied-candidates/list').'/'.$post->id }}">
                      <button class="btn btn-applicants" data-toggle="tooltip" data-placement="top" title="Application Received"><i class="fa fa-file"></i>{{ empty(count($post['appliedjob'])) ? '000' : sprintf('%03d', count($post['appliedjob']))  }}</button>
                    </a>
                     </div>

                </div>
            
            </div>
            @endforeach
        </div>

       </div>
       @endif
</div>

@endif
@endif


	@if(($bosch != 1) ||is_null($get_customized_setting))
  @php
      $auth = Auth::guard('corporate')->user();
    @endphp

	<div class="row">
	<div class="col-md-9">
	  {{--@if(isset($auth->getProStatus) && $auth->getProStatus->status==3 && $auth->user_type == 1)--}}
    @if($getCompanyProfile['is_pro_active']==1 && $auth->user_type == 1)
    <!-- filter -->
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12" style="padding-left: 0px;">
              <div class="db-card">
                <div class="row filter-forms">
                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 custom-padding">
                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="From Date" id="from_date" required="">
                    </div>
                  </div>
                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 custom-padding">

                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="To Date" id="to_date">
                    </div>

                  </div>

                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 custom-padding">
                    <div class="input-group">
                      <button class="btn btn-primary" type="button" id="last_six_months" data-toggle="tooltip" data-placement="top" title="" data-original-title="Last 6 Months">Last 6 Months</button>
                    </div>
                  </div>

                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 col-xxl-2 custom-padding">
                    <div class="input-group">
                      <button class="btn btn-primary" type="button" id="last_one_year" data-toggle="tooltip" data-placement="top" title="" data-original-title="Last 1 Year">Last 1 Year</button>
                    </div>
                  </div>

                  <div class="col-12 col-sm-12 col-md-6 col-lg-2 col-xl-2 col-xxl-2 custom-padding">
                    <div class="input-group">
                      <button class="btn btn-primary" type="button" id="search_filter" data-toggle="tooltip" data-placement="top" title="" data-original-title="Search">Search</button>
                    </div>
                  </div>
                   <div class="col-12 col-sm-12 col-md-6 col-lg-2 col-xl-2 col-xxl-2 custom-padding">
                    <div class="input-group">
                      <button class="btn btn-outline" type="button" id="reset_filter" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reset">Reset</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          <!-- filter -->

              <div class="row">
              <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-2">
              <div class="row">
                <div class="col-12 col-sm-12 col-md-4 col-lg-6 col-xl-6 col-xxl-6">
                  <div class="total-colleges-card">
                    <a href="{{ url('pro/my-assessments') }}">
                    <div class="card-inner-elements align-items-start">
                      <div class="">
                        <img src="{{ secure_url('assets/images/svg/dashboard/tc-graph.svg') }}">
                       
                        <p data-toggle="tooltip" data-placement="top" title="" data-original-title="Total Assessments">Total Assessments</p> 
                      </div>
                     <div class="">
                     	 <h5 id="totalAssessment" class="text-center mt-2 mb-1">{{ isset($totalAssessment)? $totalAssessment : 0  }}</h5>
                     </div>
                    </div>
                    <div class="card-vector">
                        <img src="{{ secure_url('assets/images/svg/dashboard/tc-vector.svg') }}">
                    </div>
                    </a>
                  </div>
                </div>

                <div class="col-12 col-sm-12 col-md-4 col-lg-6 col-xl-6 col-xxl-6">
                  <div class="assessment-limit-card">
                    <a href="{{ url('pro/question-listing') }}">
                    <div class="card-inner-elements align-items-start">
                      <div class="">
                        <img src="{{ secure_url('assets/images/svg/dashboard/al-graph.svg') }}">
                       
                        <p data-toggle="tooltip" data-placement="top" title="" data-original-title="Total Questions">Total Questions</p> 
                      </div>
                       <div class="">
                       	 <h5 id="totalQuestions" class="text-center mt-2 mb-1">{{ isset($totalQuestions)? $totalQuestions : 0  }}</h5>
                       </div>

                      
                    </div>
                    <div class="card-vector">
                        <img src="{{ secure_url('assets/images/svg/dashboard/al-vector.svg') }}">
                    </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            </div>
          <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-2">
              <div class="db-card" style="padding: 15px;">
                <div class="d-flex justify-content-between align-items-center">
                  <div>
                    <h5 class="g-l-b">Total Questions Created</h5>
                  </div>
                </div>
                <div id="questionTypesBarChart"></div>
              </div>
            </div>

          <!-- Pie chart -->
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
              <div class="db-card" style="padding: 15px;">
                <div class="d-flex justify-content-between align-items-center">
                  <div>
                    <h5 class="g-l-b">Total Exam Conducted</h5>
                  </div>
                  <div class="gender-total-candidates">
                     <p id="totalexamcount" style="display: none">Total Exam : </p>
                  </div>
                </div>
                <div id="asschartdiv"></div>
              </div>
            </div>
            <!-- Pie chart -->
          </div>


          <!-- table -->
              <div class="row">
               <!-- <div class="row mt-2"> -->
                <div class="col-md-12">
                  <div class="db-card">
                  <h5 class="g-l-b">Assessment Status</h5>
                    <div class="db-table">
                      <table class="table mt-4">
                        <thead>
                          <tr>
                            <th scope="col">Assessment</th>
                            <th scope="col">Complete</th>
                            <th scope="col">Incomplete</th>
                            <th scope="col">Terminated</th>
                            <th scope="col">Expired</th>
                          </tr>
                        </thead>
                         <tbody id="js-pro-assessment-status-container"></tbody>  
                      </table>
                    </div>
                  </div>
                </div>
              <!-- </div> -->
              <!-- Table -->
              </div>

  <!-- PRO Overview Starts -->
              <input type="hidden" id="isProOverviewBody" value="0">
              <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                  <div class="panel-heading" id="pro-overview-header">
                    <h4 class="panel-title">
                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#proOverviewBody" style="border: 0px">
                        <label class="g-l-b"><h5>Overview</h5></label>
                      </a>
                    </h4>
                  </div>
                  <div id="proOverviewBody" class="panel-collapse collapse">
                    <div class="panel-body" style="border: 0px;min-height: 260px;text-align: center;" id="pro-overview-body">
                    </div>
                  </div>
                </div>
              </div>
            <!--  PRO Overview Ends--> 
		<!-- @if($auth->getProStatus)
            @if(($auth->getProStatus->status==3)&&($auth->user_type !=2)) 
		            <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-12 col-xl-12">
									<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>
				@endif
			@endif-->
 @else
        <!-- CSR Corporate begins-->
      <!--  @if(Auth::guard('corporate')->user()->status == 1) -->
          <div class="page-body">
            <div class="row">
              {{--<div class="col-xl-12 col-md-12 col-sm-12">
                    <div class="card borderless-card">
                      <div class="card-block">
                      {!! Form::open(array('url' => secure_url('corporate/search-candidate'), 'method'=>'POST','class'=>'form-horizontal','name'=>'simple-search','id'=>'simple-search-form')) !!}
                          <div class="col-xl-12 col-md-12 col-sm-12">
                            <div class="input-group input-group-default">
                              {!! Form::text('search-box','',array('class'=>'form-control form-control-lg search-box f-22','id'=>'search-box','placeholder'=>'Search for Skills, Specialization, Course and Candidate HireMee ID')) !!}
                              <span id="search-box-error"></span>
                              <button class="input-group-addon align-items-center bg-info" id="search-submit"><!-- <i class="hiremee-search f-22"></i> -->
                                <span class="f-12 m-search">Search Profile</span>
                              </button>
                              
                            </div>
                          </div>
                        {!! Form::close() !!}
                      </div>
                    </div>
              </div>--}}
              <br>
              <div class="col-md-2">

              </div>

              <div class="col-xl-12 col-md-12 col-sm-12">
                <div class="row">
                    @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
            
                  </div>                  
                </div>

            </div>
          </div>
      <!--  
        @endif -->
       @endif
      </div>
      <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-3 col-xxl-3">
      
        <!--- 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-->
        @if(!$is_lmscorporate)
                @if(Auth::guard('corporate')->user()->status == 1)
                <div class="row">
                  <div class="col-md-12">
                  <div class="row m-t-20" style="margin-bottom: 25px;">
                    <div class="col-md-12 col-12">
                      <a href="{{ secure_url('job/post/1') }}" class="btn f-22 z-depth-7 btn-md btn-primary btn-block waves-effect" style="text-transform: none;">Post a FREE Job</a>
                    </div>
                  </div>
                  </div>
                </div>
                @endif
              @endif
              @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(Auth::guard('corporate')->user()->status == 1)
              @if(!empty($recent_jobs)) 
              @if(!$is_lmscorporate)
            
                 @if(Session::get("role_id") !=12 &&  count($recent_jobs) > 0)
                  @foreach($recent_jobs as $post)    
                    <div class="job-listing-cards">
                      
                        <div class="job-listing-card">
                           <div class="icon">
                            <img src="{{ secure_url('assets/images/job-list-icon.png') }}" style="width: 40px;">
                           </div>
                           <div class="job-details">
                            <a target="_blank" href="{{ url('job/post/4').'/'.$post->id.'?view=true&type=true'}}">
                            <h5>{{ empty($post->job_title) ? 'Not Updated' : ucwords($post->job_title) }}</h5>
                            <span>{{ empty($post['category']) ? 'Not Updated' : $post['category']->industry_name }}</span>
                          </a>
                            <!-- <p>Job description</p> -->
                           </div>
                           <div class="applicants" style="margin-right: 8px;">
                            <a target="_blank" href="{{ url('company/applied-candidates/list').'/'.$post->id }}">
                            <button class="btn btn-applicants" data-toggle="tooltip" data-placement="top" title="Application Received"><i class="fa fa-file"></i>{{ empty(count($post['appliedjob'])) ? '000' : sprintf('%03d', count($post['appliedjob']))  }}</button>
                          </a>
                           </div>
                        </div>
                    
                    </div>
                  @endforeach
                @endif
              @endif
              @endif
              @endif
        
        @if(isset($companyprofile) && !is_null($companyprofile)) <!--if added newly by sriram-->
        
        @else
        
        @endif
        </div>
      </div>  
    @endif

<!--new CSR and PRo Dashboard END-->

    </div> 


<!--Body Closed-->

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


@endsection
@section('footer')
@include('corporate.search.search-count-popup')

  @if($bosch == 1)
  <script type="text/javascript">
 var startdate = '{{ $filter_start_date ?? '' }}';var enddate= '{{ $filter_end_date ?? '' }}';
 $('#start_date').val(startdate).trigger('change');$('#end_date').val(enddate).trigger('change');


  $(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);              
 
  }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");
  }

  });
  });

  $("#download_top_colleges_report").click(function(e) {
    loadTopColleges(1); 
  });
  $("#download_gender_diversity_report").click(function(e) {
    loadGenderDiversity(1); 
  });
  $("#download_assessment_report").click(function(e) {
    loadAssessmentStatus(1);  
  });

  $("#college_search").click(function(e) {
    loadTopColleges(0); 
  });
  $("#gender_search").click(function(e) {
    loadGenderDiversity(0); 
  });
  $("#assessment_search").click(function(e) {
    loadAssessmentStatus(0);  
  });

  </script>
@else
    @if($userType ==1)
    <script type="text/javascript">
      $(document).ready(function(){
       // var startdate = '{{ $filter_start_date ?? '' }}';var enddate= '{{ $filter_end_date ?? '' }}';
       var is_pro = $('#userType').attr('data-pro');
     //    var sd = '{{ $startDate }}';
      var fd = '{{ $fromDate }}';
      var td = '{{ $toDate }}';
      /*$('#start_date').val(sd).trigger('change');
      $('#end_date').val(td).trigger('change');*/
      if(parseInt(is_pro) == 1){
        
          $('#from_date').val(fd).trigger('change');
          $('#to_date').val(td).trigger('change');
          $('#search_filter').trigger('click');
         /* get_question_types_bar_chart();
          load_pro_assessment_pie_chart();
          get_pro_assessment_status();*/
        }
    });
    </script>
    @endif

    <script type="text/javascript">
      $(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);              
       
        }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>
@endif


<script type="text/javascript">
  $(document).on('click','#pro-overview-header',function(){
    if($('#isProOverviewBody').val() == 0){
      getOverviewData(0);
    }
  });

  $(document).on('change','#pro-overview-filter',function(){
      getOverviewData(1);
  });

  function getOverviewData(task){
      var filter_date = 7;
      if(task == 1){
        filter_date = $('#pro-overview-filter').val();
      }
      $('#isProOverviewBody').val(1);
      $("#pro-overview-body").html('Loading...');
      $.ajax({
        url: "{{secure_url('pro/company/overview-data')}}",
        type: "post",
        data: {'filter_date':filter_date},
        success: function(response) {
          if(response.status == 200) {
            $("#pro-overview-body").html(response.component);
            if(task == 1){
              $('#pro-overview-filter').val(filter_date);
            }
          }else{
            alertMessage("danger","Something went wrong","Error");
          }
        },
        error: function(error){
        alertMessage("danger","Something went wrong","Error");
        }
      });
  } 
</script>
@endsection