@extends('layouts.app')

@section('content')
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>Dashboard</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->

    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">
			
            	<div class="row">
                    	
                    <div class="col-12">
                        <form action="{{ route('dashboard') }}" method="GET">
                
                            <div class="form-group">
                            
                                <div class="row">
                                    
                                    <div class="col-md-2">
                                        <label for="search_year" class="control-label">Year</label>
                                        <select class="form-control" name="search_year">
                                        	@for ($i=2020; $i<=$this_year; $i++)
                                            	<option value="{{ $i }}" {{ ( $search_year == $i ) ? 'selected' : '' }}>{{ $i }}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-1">
                                        <input type="submit" value="Search" class="btn btn-sm btn-success float-right" style="margin-top:33px;">
                                    </div>
                                </div>
        
                            </div>
                            
                        </form>
                    </div>

                </div>
            
            <hr />
            	
                <!--
                <div class="row">
                    <div class="col-sm">

                        <h2 class="mb-3">Onboardings</h2>

                        <div class="table-wrap" style="overflow:auto;">
                            <table class="table tablesaw table-bordered table-hover mb-0" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                <thead>
                                    <tr>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                            <abbr title="Year">
                                                Year
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Month">
                                                Month
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Stats">
                                                Stats
                                            </abbr>
                                        </th>
                                                                                <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($regrouped_onboardings as $year => $onb_year)

                                        @foreach ($onb_year as $month => $onb_month )
                                        <tr>
                                            <td>{{ $year }}</td>
                                            <td>{{ $month }}</td>
                                            <td>
                                                <div class="pa-15">
                                                    <div class="row">
                                                        <div class="col-3 text-left">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Approved&search_status[]=Abandoned&search_type=onboarding&search_date_type=startdate">finished</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-success w-{{ $onb_month['finished_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{  $onb_month['finished_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['finished']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-left">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=In-Progress&search_status[]=None&search_type=onboarding&search_date_type=startdate">in progress</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-dark w-{{ $onb_month['in_progress_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['in_progress_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['in_progress']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-right">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Not-Responding&search_type=onboarding&search_date_type=startdate">not responding</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-purple w-{{ $onb_month['not_responding_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['not_responding_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['not_responding']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-right">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Stuck&search_status[]=On-Hold&search_type=onboarding&search_date_type=startdate">stuck / On-Hold</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-danger w-{{ $onb_month['stuck_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['stuck_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['stuck']) }}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                 <div class="progress-wrap">
                                                    <div class="progress rounded-bottom-left rounded-bottom-right">
                                                        <div class="progress-bar bg-success w-{{ $onb_month['finished_graph'] }}" role="progressbar" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-dark w-{{ $onb_month['in_progress_graph'] }}" role="progressbar" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-purple w-{{ $onb_month['not_responding_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-danger w-{{ $onb_month['stuck_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </td>
                                                                                        <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                        </tr>
                                        @endforeach
                                    @empty
                                        <tr>
                                            <td colspan="10">No data.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>

                <hr />
				-->
                
                @if ( canTask('can_web') )
                    <div class="row">
                        <div class="col-sm">
    
                            <h2 class="mb-3 mt-4">Web</h2>
    
                            <div class="table-wrap" style="overflow:auto;">
                                <table class="table tablesaw table-bordered table-hover mb-0" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                    <thead>
                                        <tr>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                                <abbr title="Year">
                                                    Year
                                                </abbr>
                                            </th>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                                <abbr title="Month">
                                                    Month
                                                </abbr>
                                            </th>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                                <abbr title="Stats">
                                                    Stats
                                                </abbr>
                                            </th>
                                                                                        <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                        </tr>
                                    </thead>
    
                                    <tbody>
                                        @forelse ($regrouped_web as $year => $onb_year)
    
                                            @foreach ($onb_year as $month => $onb_month )
                                            <tr>
                                                <td>{{ $year }}</td>
                                                <td>{{ $month }}</td>
                                                <td>
                                                    <div class="pa-15">
                                                        <div class="row">
                                                            <div class="col-3 text-left">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Finished&search_status[]=Abandoned&search_type=web&search_date_type=startdate">finished</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-success w-{{ $onb_month['finished_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{  $onb_month['finished_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['finished']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-left">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=In-Progress&search_status[]=None&search_type=web&search_date_type=startdate">in progress</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-dark w-{{ $onb_month['in_progress_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['in_progress_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['in_progress']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-right">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=On-Hold&search_type=web&search_date_type=startdate">On-Hold</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-purple w-{{ $onb_month['not_responding_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['not_responding_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['not_responding']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-right">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Stuck&search_type=web&search_date_type=startdate">stuck</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-danger w-{{ $onb_month['stuck_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['stuck_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['stuck']) }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                     <div class="progress-wrap">
                                                        <div class="progress rounded-bottom-left rounded-bottom-right">
                                                            <div class="progress-bar bg-success w-{{ $onb_month['finished_graph'] }}" role="progressbar" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-dark w-{{ $onb_month['in_progress_graph'] }}" role="progressbar" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-purple w-{{ $onb_month['not_responding_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-danger w-{{ $onb_month['stuck_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </td>
                                                                                                <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                            </tr>
                                            @endforeach
                                        @empty
                                            <tr>
                                                <td colspan="10">No data.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
    
                            </div>
                        </div>
                    </div>
    
                    <hr />
                @endif
				
                @if ( canTask('can_prog') )
                    <div class="row">
                        <div class="col-sm">
    
                            <h2 class="mb-3 mt-4">Projects</h2>
    
                            <div class="table-wrap" style="overflow:auto;">
                                <table class="table tablesaw table-bordered table-hover mb-0" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                    <thead>
                                        <tr>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                                <abbr title="Year">
                                                    Year
                                                </abbr>
                                            </th>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                                <abbr title="Month">
                                                    Month
                                                </abbr>
                                            </th>
                                            <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                                <abbr title="Stats">
                                                    Stats
                                                </abbr>
                                            </th>
                                                                                        <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                        </tr>
                                    </thead>
    
                                    <tbody>
                                        @forelse ($regrouped_prog as $year => $onb_year)
    
                                            @foreach ($onb_year as $month => $onb_month )
                                            <tr>
                                                <td>{{ $year }}</td>
                                                <td>{{ $month }}</td>
                                                <td>
                                                    <div class="pa-15">
                                                        <div class="row">
                                                            <div class="col-3 text-left">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Finished&search_status[]=Abandoned&search_type=prog&search_date_type=startdate">finished</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-success w-{{ $onb_month['finished_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{  $onb_month['finished_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['finished']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-left">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=In-Progress&search_status[]=None&search_type=prog&search_date_type=startdate">in progress</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-dark w-{{ $onb_month['in_progress_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['in_progress_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['in_progress']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-right">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=On-Hold&search_type=prog&search_date_type=startdate">On-Hold</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-purple w-{{ $onb_month['not_responding_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['not_responding_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['not_responding']) }}</span>
                                                            </div>
                                                            <div class="col-3 text-right">
                                                                <span class="d-block text-capitalize"><a href="{{ url('/search') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Stuck&search_type=prog&search_date_type=startdate">stuck</a></span>
                                                                <span class="d-block text-capitalize"><span class="badge badge-danger w-{{ $onb_month['stuck_graph'] }}"> </span></span>
                                                                <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['stuck_perc'] }}%</span>
                                                                <span class="d-block font-weight-600 font-13">{{ count($onb_month['stuck']) }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                     <div class="progress-wrap">
                                                        <div class="progress rounded-bottom-left rounded-bottom-right">
                                                            <div class="progress-bar bg-success w-{{ $onb_month['finished_graph'] }}" role="progressbar" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-dark w-{{ $onb_month['in_progress_graph'] }}" role="progressbar" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-purple w-{{ $onb_month['not_responding_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-danger w-{{ $onb_month['stuck_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </td>
                                                                                                <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                            </tr>
                                            @endforeach
                                        @empty
                                            <tr>
                                                <td colspan="10">No data.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
    
                            </div>
                        </div>
                    </div>
    
                    <hr />
                @endif

                <div class="row">
                    <div class="col-sm">

                        <h2 class="mb-3 mt-4">Microtasks</h2>

                        <div class="table-wrap" style="overflow:auto;">
                            <table class="table tablesaw table-bordered table-hover mb-0" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                <thead>
                                    <tr>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                            <abbr title="Year">
                                                Year
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Month">
                                                Month
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Stats">
                                                Stats
                                            </abbr>
                                        </th>
                                                                                <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($regrouped_microtasks as $year => $onb_year)

                                        @foreach ($onb_year as $month => $onb_month )
                                        <tr>
                                            <td>{{ $year }}</td>
                                            <td>{{ $month }}</td>
                                            <td>
                                                <div class="pa-15">
                                                    <div class="row">
                                                        <div class="col-3 text-left">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/notes') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Finished&search_status[]=Abandoned&search_type=microtask&search_users=0">finished</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-success w-{{ $onb_month['finished_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{  $onb_month['finished_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['finished']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-left">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/notes') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=In-Progress&search_status[]=None&search_type=microtask&search_users=0">in progress</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-dark w-{{ $onb_month['in_progress_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['in_progress_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['in_progress']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-right">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/notes') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=On-Hold&search_type=microtask&search_users=0">On-Hold</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-purple w-{{ $onb_month['not_responding_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['not_responding_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['not_responding']) }}</span>
                                                        </div>
                                                        <div class="col-3 text-right">
                                                            <span class="d-block text-capitalize"><a href="{{ url('/notes') }}?search_date_from={{ $year }}-{{ $month }}-01&search_date_to={{ $year }}-{{ $month }}-{{ \Carbon\Carbon::parse($year.'-'.$month.'-01')->daysInMonth }}&search_status[]=Stuck&search_type=microtask&search_users=0">stuck</a></span>
                                                            <span class="d-block text-capitalize"><span class="badge badge-danger w-{{ $onb_month['stuck_graph'] }}"> </span></span>
                                                            <span class="d-block text-dark font-weight-500 font-20">{{ $onb_month['stuck_perc'] }}%</span>
                                                            <span class="d-block font-weight-600 font-13">{{ count($onb_month['stuck']) }}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                 <div class="progress-wrap">
                                                    <div class="progress rounded-bottom-left rounded-bottom-right">
                                                        <div class="progress-bar bg-success w-{{ $onb_month['finished_graph'] }}" role="progressbar" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-dark w-{{ $onb_month['in_progress_graph'] }}" role="progressbar" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-purple w-{{ $onb_month['not_responding_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                        <div class="progress-bar bg-danger w-{{ $onb_month['stuck_graph'] }}" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </td>
                                                                                        <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                        </tr>
                                        @endforeach
                                    @empty
                                        <tr>
                                            <td colspan="10">No data.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
        </section>
    </div>
</div>

@endsection