@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;
}
</style>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<!-- page content -->
<div class="right_col" role="main">
    <!-- top tiles -->
    <div class="row">
        <div class="checkbox pull-right">
          <label>
            <input type="checkbox" checked data-toggle="toggle" data-on="My Dashboard " data-off="Team Dashboard" data-onstyle="success" data-offstyle="warning" id="toggle-event">
          </label>
        </div>
    </div>
    <script>
      $(document).ready(function() {
        if($("#toggle-event").is(':checked') == true){
            $("#team_content").slideDown(1000);
            $('#own_content').slideDown(1000);
            $("#team_content").slideUp(1000);
        }
        else{
            $("#team_content").slideUp(1000);
            $('#own_content').slideUp(1000);
            $("#team_content").slideDown(1000);
        }  

        $('#toggle-event').change(function() {
            if($(this).is(':checked') == true){
                $("#team_content").slideDown(1000);
                $('#own_content').slideDown(1000);
                $("#team_content").slideUp(1000);
            }
            else{
                $("#team_content").slideUp(1000);
                $('#own_content').slideUp(1000);
                $("#team_content").slideDown(1000);
            }                
        })
      })
    </script>
    
    <!-- My Own Content -->
    <div class="row" id="own_content">
        <div class="row tile_count" style="margin-top: 0px;">
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/all') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Total Consultants</span>
                    <div class="count green">{{ $own_total }}</div>
                    <span class="count_bottom"><i class="{{ $own_total_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_total_week_percent>0?'asc':'desc' }}"></i>{{ round($own_total_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/enquiry') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Enquiry</span>
                    <div class="count">{{ $own_total_enquiry }}</div>
                    <span class="count_bottom"><i class="{{ $own_enquiry_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_enquiry_week_percent>0?'asc':'desc' }}"></i>{{ round($own_enquiry_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/prospects') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Prospects</span>
                    <div class="count">{{ $own_total_prospects }}</div>
                    <span class="count_bottom"><i class="{{ $own_prospects_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_prospects_week_percent>0?'asc':'desc' }}"></i>{{ round($own_prospects_week_percent) }} % </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/in_training') }}">
                    <span class="count_top"><i class="fa fa-user"></i> In Training</span>
                    <div class="count">{{ $own_total_in_training }}</div>
                    <span class="count_bottom"><i class="{{ $own_in_training_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_in_training_week_percent>0?'asc':'desc' }}"></i>{{ round($own_in_training_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/technical_screen') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Technical Screening</span>
                    <div class="count">{{ $own_total_technical_screen }}</div>
                    <span class="count_bottom"><i class="{{ $own_technical_screen_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_technical_screen_week_percent>0?'asc':'desc' }}"></i>{{ round($own_technical_screen_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/on_bench') }}">
                    <span class="count_top"><i class="fa fa-user"></i> On Bench</span>
                    <div class="count">{{ $own_total_on_bench }}</div>
                    <span class="count_bottom"><i class="{{ $own_on_bench_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_on_bench_week_percent>0?'asc':'desc' }}"></i>{{ round($own_on_bench_week_percent) }}% </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('employee_list/1/in_job') }}">
                    <span class="count_top"><i class="fa fa-user"></i> In job</span>
                    <div class="count">{{ $own_total_in_job }}</div>
                    <span class="count_bottom"><i class="{{ $own_in_job_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_in_job_week_percent>0?'asc':'desc' }}"></i>{{ round($own_in_job_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/1/dropped') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Dropped</span>
                    <div class="count">{{ $own_total_dropped }}</div>
                    <span class="count_bottom"><i class="{{ $own_dropped_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_dropped_week_percent>0?'asc':'desc' }}"></i>{{ round($own_dropped_week_percent) }}% </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">
                    {{ Form::select('visa_type', ['all'=>'Select Visa Type'] + $visa_types, null, ['class'=>'form-control', 'id'=>'visa_status_1']) }}
                </span>
                <div id="visa_1"></div>                   
            </div>
            <script>
                $(document).ready(function(){
                    return get_visa_counts(1, 'all');
                });

                $("#visa_status_1").on('change', function(){
                    return get_visa_counts(1, $(this).val());
                });

                function get_visa_counts(id, status){
                    $.ajax({
                        url: '/get_visa_counts/'+id,
                        data: 'status='+status,
                    })
                    .done(function(result) {
                        $("#visa_1").html(result);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
                    
                }
            </script>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('certificate_list/1') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Certification</span>
                    <div class="count">{{ $own_total_certification }}</div>
                    <span class="count_bottom"><i class="{{ $own_certification_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $own_certification_week_percent>0?'asc':'desc' }}"></i>{{ round($own_certification_week_percent) }}% </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">{{ $trainers_cnt }}</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>
    </div>
    
    <!-- My Team Content -->
    <div class="row" id="team_content">
        <div class="row tile_count" style="margin-top: 0px;">
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/all') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Total Consultants</span>
                    <div class="count green">{{ $team_wise_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>{{ round($team_total_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/enquiry') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Enquiry</span>
                    <div class="count">{{ $team_total_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>{{ round($team_enquiry_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/prospects') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Prospects</span>
                    <div class="count">{{ $team_total_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>{{ round($team_prospects_week_percent) }} % </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/in_training') }}">
                    <span class="count_top"><i class="fa fa-user"></i> In Training</span>
                    <div class="count">{{ $team_total_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>{{ round($team_in_training_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/technical_screen') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Technical Screening</span>
                    <div class="count">{{ $team_total_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>{{ round($team_technical_screen_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/on_bench') }}">
                    <span class="count_top"><i class="fa fa-user"></i> On Bench</span>
                    <div class="count">{{ $team_total_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>{{ round($team_on_bench_week_percent) }}% </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('employee_list/2/in_job') }}">
                    <span class="count_top"><i class="fa fa-user"></i> In job</span>
                    <div class="count">{{ $team_total_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>{{ round($team_in_job_week_percent) }}% </i> In Current Week</span>
                </a>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('employee_list/2/dropped') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Dropped</span>
                    <div class="count">{{ $team_total_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>{{ round($team_dropped_week_percent) }}% </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">
                    {{ Form::select('visa_type', ['all'=>'Select Visa Type'] + $visa_types, null, ['class'=>'form-control', 'id'=>'visa_status_2']) }}
                </span>
                <div id="visa_2"></div>  
            </div>
            <script>
                $(document).ready(function(){
                    return get_visa_counts1(2, 'all');
                });

                $("#visa_status_2").on('change', function(){
                    return get_visa_counts1(2, $(this).val());
                });

                function get_visa_counts1(id, status){
                    $.ajax({
                        url: '/get_visa_counts/'+id,
                        data: 'status='+status,
                    })
                    .done(function(result) {
                        $("#visa_2").html(result);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
                    
                }
            </script>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <a href="{{ url('certificate_list/2') }}">
                    <span class="count_top"><i class="fa fa-user"></i> Certification</span>
                    <div class="count">{{ $team_total_certification }}</div>
                    <span class="count_bottom"><i class="{{ $team_certification_week_percent>0?'green':'red' }}"><i class="fa fa-sort-{{ $team_certification_week_percent>0?'asc':'desc' }}"></i>{{ round($team_certification_week_percent) }}% </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">{{ $trainers_cnt }}</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>
    </div>
    <!-- Ends Here -->
        
    <!-- /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>