@extends('layouts.mainlayout')
@section('fullwidth', true)
<link rel="stylesheet" href="/css/smarthr-analytics.css?v=0.5.0">
@section('content')
@php
    $farmStatCards = [
        [
            'title' => 'Today arrived transit',
            'description' => 'Arrivals scheduled today, grouped by farm.',
            'icon' => 'fa-plane-arrival',
            'url' => '/home',
            'chart' => \App\Http\Controllers\ChartController::leader_today_arrived_tranzits(),
        ],
        [
            'title' => 'Today departed transit',
            'description' => 'Departures scheduled today, grouped by farm.',
            'icon' => 'fa-plane-departure',
            'url' => '/home',
            'chart' => \App\Http\Controllers\ChartController::leader_today_departed_tranzits(),
        ],
        [
            'title' => 'Tomorrow arrived transit',
            'description' => 'Arrivals scheduled tomorrow, grouped by farm.',
            'icon' => 'fa-calendar-plus',
            'url' => '/home',
            'chart' => \App\Http\Controllers\ChartController::leader_tomorrow_arrived_tranzits(),
        ],
        [
            'title' => 'Tomorrow departed transit',
            'description' => 'Departures scheduled tomorrow, grouped by farm.',
            'icon' => 'fa-calendar-minus',
            'url' => '/home',
            'chart' => \App\Http\Controllers\ChartController::leader_tomorrow_departed_tranzits(),
        ],
        [
            'title' => 'Estimated arrivals',
            'description' => 'Active arrival transit grouped by destination farm.',
            'icon' => 'fa-sign-in-alt',
            'url' => '/tranzit_list',
            'chart' => \App\Http\Controllers\ChartController::leader_active_arrived_tranzits(),
        ],
        [
            'title' => 'Estimated departures',
            'description' => 'Active departure transit grouped by origin farm.',
            'icon' => 'fa-sign-out-alt',
            'url' => '/tranzit_list',
            'chart' => \App\Http\Controllers\ChartController::leader_active_departed_tranzits(),
        ],
        [
            'title' => 'Potential departures',
            'description' => 'Active farm workers with more than 90 days.',
            'icon' => 'fa-user-clock',
            'url' => '/farm_staffs_potential_departed',
            'chart' => \App\Http\Controllers\ChartController::leader_farm_staffs_potential_departed(),
        ],
        [
            'title' => 'Active farm staff',
            'description' => 'Currently active workers grouped by farm.',
            'icon' => 'fa-users',
            'url' => '/activestaffs',
            'chart' => \App\Http\Controllers\ChartController::leader_farm_staffs(),
        ],
        [
            'title' => 'Weekly program usage',
            'description' => 'Application activity during '.date('Y').'.',
            'icon' => 'fa-chart-line',
            'url' => null,
            'chart' => \App\Http\Controllers\ChartController::leader_allprogramusage(),
        ],
    ];
    $farmStatChartData = array_map(function ($card) {
        return [
            'categories' => array_values($card['chart']->labels),
            'series' => array_map(function ($dataset) {
                return [
                    'name' => trim((string) $dataset->name) !== '' ? $dataset->name : 'Total',
                    'data' => array_map('intval', array_values($dataset->values)),
                ];
            }, $card['chart']->datasets),
        ];
    }, $farmStatCards);
@endphp

<main class="smarthr-farm-stat smarthr-farm-stat-overview">
    <header class="farm-stat-heading smarthr-page-heading">
        <div>
            <span class="farm-stat-eyebrow">Reports</span>
            <h1>Farm statistics</h1>
            <p>Transit, staffing and activity statistics for the farms available to your account.</p>
        </div>
        <span class="smarthr-farm-stat-period"><i class="far fa-calendar-alt"></i> {{ date('Y') }}</span>
    </header>
    @php
        $workforceQs=['date_from'=>$dateFrom,'date_to'=>$dateTo,'year'=>$year];
        $workforceShortValues=array_values($workforceData['short']);
        $workforceShortLabels=array_keys($workforceData['short']);
        $workforceNewValues=array_column($workforceData['ratio'],'new');
        $workforceReturningValues=array_column($workforceData['ratio'],'returning');
        $workforceMonthLabels=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
        $workforceDailyFarms=$workforceData['dailyFarms'];
        $workforceDaysCount=$workforceData['daysCount'];
    @endphp
    <div class="smarthr-analytics-grid smarthr-farm-workforce-grid">
        <section class="card smarthr-analytics-card"><div class="card-header"><div><i class="fas fa-hourglass-half"></i> Employment under 4 months</div><div class="smarthr-export-actions"><a href="{{route('analytics.export',['area'=>'workforce','format'=>'xlsx']+$workforceQs+['report'=>'short'])}}">XLSX</a><a href="{{route('analytics.export',['area'=>'workforce','format'=>'csv']+$workforceQs+['report'=>'short'])}}">CSV</a></div></div><div id="short-chart" class="smarthr-analytics-chart"></div></section>
        <section class="card smarthr-analytics-card"><div class="card-header"><div><i class="fas fa-user-plus"></i> New / returning workers</div><div class="smarthr-export-actions"><a href="{{route('analytics.export',['area'=>'workforce','format'=>'xlsx']+$workforceQs+['report'=>'ratio'])}}">XLSX</a><a href="{{route('analytics.export',['area'=>'workforce','format'=>'csv']+$workforceQs+['report'=>'ratio'])}}">CSV</a></div></div><div id="ratio-chart" class="smarthr-analytics-chart"></div></section>
    </div>
    <section class="card smarthr-analytics-card smarthr-farm-workforce-snapshot"><div class="card-header"><div><i class="fas fa-users"></i> Active workers snapshot</div><div class="smarthr-export-actions"><a href="{{route('analytics.export',['area'=>'workforce','format'=>'xlsx']+$workforceQs+['report'=>'snapshot'])}}">XLSX</a><a href="{{route('analytics.export',['area'=>'workforce','format'=>'csv']+$workforceQs+['report'=>'snapshot'])}}">CSV</a></div></div><div id="snapshot-chart" class="smarthr-analytics-chart"></div></section>

    <section class="smarthr-farm-chart-grid" aria-label="Farm statistics charts">
        @foreach($farmStatCards as $farmStatCard)
            <article class="farm-stat-card smarthr-farm-chart-card">
                <header class="farm-stat-card-head">
                    <div class="smarthr-farm-chart-title">
                        <span class="smarthr-farm-chart-icon"><i class="fas {{ $farmStatCard['icon'] }}"></i></span>
                        <div>
                            <h2>{{ $farmStatCard['title'] }}</h2>
                            <p>{{ $farmStatCard['description'] }}</p>
                        </div>
                    </div>
                    @if($farmStatCard['url'])
                        <a class="smarthr-card-link" href="{{ $farmStatCard['url'] }}" aria-label="Open {{ $farmStatCard['title'] }}">
                            <i class="fas fa-arrow-right"></i>
                        </a>
                    @endif
                </header>
                <div class="smarthr-farm-chart-body">
                    <div id="smarthr-farm-overview-chart-{{ $loop->index }}" class="smarthr-apex-chart" role="img" aria-label="{{ $farmStatCard['title' ] }} chart"></div>
                </div>
            </article>
        @endforeach
    </section>
</main>

<script id="smarthr-farm-overview-chart-data" type="application/json">@json($farmStatChartData)</script>
<script src="/vendor/apexcharts/apexcharts.min.js?v=0.4.0"></script>
<script>
document.addEventListener('DOMContentLoaded',function(){
    var base={chart:{type:'bar',height:300,toolbar:{show:false}},colors:['#005293','#ffb800','#03c95a'],dataLabels:{enabled:false},grid:{borderColor:'#ededed'}};
    new ApexCharts(document.querySelector('#short-chart'),Object.assign({},base,{series:[{name:'Workers',data:@json($workforceShortValues)}],xaxis:{categories:@json($workforceShortLabels)}})).render();
    new ApexCharts(document.querySelector('#ratio-chart'),Object.assign({},base,{series:[{name:'New',data:@json($workforceNewValues)},{name:'Returning',data:@json($workforceReturningValues)}],xaxis:{categories:@json($workforceMonthLabels)}})).render();
    var dates=[]; for(var i=0;i<{{$workforceDaysCount}};i++){var d=new Date('{{$dateFrom}}T00:00:00');d.setDate(d.getDate()+i);dates.push(d.toISOString().slice(0,10));}
    var farms=@json($workforceDailyFarms);
    new ApexCharts(document.querySelector('#snapshot-chart'),Object.assign({},base,{chart:{type:'line',height:320,toolbar:{show:false}},series:Object.keys(farms).map(function(k){return{name:k,data:Array.from({length:dates.length},function(_,i){return farms[k][i]||0;})}}),xaxis:{categories:dates,labels:{rotate:-45}}})).render();
});
</script>
<script src="/js/smarthr-farm-overview-charts.js?v=0.4.0"></script>
@endsection