@extends('layouts.default')
@section('content')

<style type="text/css">
.recent_activities{
    height: 572px;
}
.select2-container--bootstrap .select2-selection--single {
    height: 30px;
    line-height: 2.6;
    padding: 0 5px;
}
.cal-success{
  background-color: orange;
}
</style>
<style>
   .aw-more-block {
   display:none;
   }
   .aw-logo img {
   display:none !important;
   }
   .aw-get-this-widget {
   display:none;
   }
   .aw-six-hours {
   display:none;
   }
   div.aw-widget-36hour-inner div.aw-top-content {
   border-width:0px !important;
   }
   div.aw-widget-36hour-inner div.aw-fc-status {
   display:none;
   }
   div.aw-widget-36hour-inner a.aw-current-weather div.aw-interest, div.aw-widget-36hour-inner div.aw-36-hours li div.aw-interest{
   height:30px !important;
   }
   ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #909;
   }
   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
   }
   ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
   }
   :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
   }
   ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
   }
   .ui-autocomplete{
   background-color:#fff;
   }
   .element.style{
   color:black;
   }
   .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}
</style>

<script type="text/javascript" src="{!!url('assets/vendors/jquery_slimscroll/jquery.slimscroll.js')!!}"></script>
<script type="text/javascript" src="{!!url('assets/vendors/jquery_slimscroll/jquery.slimscroll.min.js')!!}"></script>
<!-- page content -->
<div class="right_col" role="main">
    <!-- top tiles -->
    <div class="row tile_count">
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->total_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Total Consultants</span>
                <div class="count green">{{ $consultants[0]->total }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_total_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_total_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_total_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->enquiry_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Enquiry</span>
                <div class="count">{{ $consultants[0]->enquiry }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_enquiry_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_enquiry_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_enquiry_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->prospects_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Prospects</span>
                <div class="count">{{ $consultants[0]->prospects }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_prospects_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_prospects_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_prospects_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->in_training_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> In Training</span>
                <div class="count">{{ $consultants[0]->in_training }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_in_training_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_in_training_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_in_training_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->technical_screen_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Technical Screening</span>
                <div class="count">{{ $consultants[0]->technical_screen }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_technical_screen_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_technical_screen_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_technical_screen_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/opt_bench_list') }}">
                <span class="count_top"><i class="fa fa-user"></i> Bench List</span>
                <div class="count">{{ $consultants[0]->on_bench }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_on_bench_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_on_bench_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_on_bench_percentage }}% </i> In Current Week</span>
            </a>
        </div>
    </div>
    <div class="row tile_count" style="margin-top: 0">
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->in_job_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> In job</span>
                <div class="count">{{ $consultants[0]->in_job }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_in_job_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_in_job_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_in_job_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('individualEmployeesList/'.$consultants[0]->dropped_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Dropped</span>
                <div class="count">{{ $consultants[0]->dropped }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_dropped_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_dropped_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_dropped_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <span class="count_top">
                <select class="form-control" id="visa_status_1">
                    <option value="all">Select All VISA Type</option>
                    <option value="f1">F1</option>
                    <option value="cpt">Cpt</option>
                    <option value="opt">OPT</option>
                    <option value="opt_ext">OPT STEM EXT</option>
                    <option value="h1b">H1 B</option>
                    <option value="h1b_ext">H1 B EXT</option>
                    <option value="h4">H4</option>
                    <option value="gc">GC</option>
                    <option value="gc_ead">GC EAD</option>
                    <option value="us_citizen">US Citizen</option>
                    <option value="e3">E3</option>
                    <option value="no_visa_assign">NO Visa Assign</option>
                </select>
            </span>
            <a href="{{ url('visaStatusEmployeesList/all') }}">
                <div class="count green">{{ $consultants[0]->f1 }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_f1_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_f1_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_f1_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <!-- <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <span class="count_top">
                <select class="form-control" id="visa_status_2">
                    <option value="h1b">H1 B</option>
                    <option value="h1b_ext">H1 B EXT</option>
                    <option value="h4">H4</option>
                </select>
            </span>
            <a href="{{ url('visaStatusEmployeesList/'.$consultants[0]->h1b_visa_status) }}">
                <div class="count green">{{ $consultants[0]->h1b }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_h1b_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_h1b_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_h1b_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <span class="count_top">
                <select class="form-control" id="visa_status_3">
                    <option value="gc">GC</option>
                    <option value="gc_ead">GC EAD</option>
                    <option value="us_citizen">US Citizen</option>
                </select>
            </span>
            <a href="{{ url('visaStatusEmployeesList/'.$consultants[0]->gc_visa_status) }}">
                <div class="count green">{{ $consultants[0]->gc }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_gc_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_gc_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_gc_percentage }}% </i> In Current Week</span>
            </a>
        </div> -->
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('certificationEmployeesList/certification') }}">
                <span class="count_top"><i class="fa fa-user"></i> Certification</span>
                <div class="count">{{ $consultants[0]->certification_count }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_certification_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_certification_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_certification_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{ url('technologies_wiselist/'.$consultants[0]->total_status) }}">
                <span class="count_top"><i class="fa fa-user"></i> Technologies</span>
                <div class="count">{{ $consultants[0]->technologies_count }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_certification_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_certification_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_certification_percentage }}% </i> In Current Week</span>
            </a>
        </div>
        <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
            <a href="{{url('/trainer')}}">
                <span class="count_top"><i class="fa fa-user"></i> Trainers</span>
                <div class="count">{{ $consultants[0]->trainers }}</div>
                <span class="count_bottom"><i class="{{ $consultants[0]->weeks_trainers_percentage>0?'green':'red' }}"><i class="fa fa-sort-{{ $consultants[0]->weeks_trainers_percentage>0?'asc':'desc' }}"></i>{{ $consultants[0]->weeks_trainers_percentage }}% </i> In Current Week</span>
            </a>
        </div>
    </div>
    <!-- /top tiles -->
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="dashboard_graph">
                <div class="row x_title">
                    <div class="col-md-12">
                        <div class="col-md-4">
                            <select class="form-control select2 consultants_select" id="consultants_type" style="width: 100%">
                                <option value="total">Total Consultants</option>