@extends('layouts.mainlayout')
@section('fullwidth', true)
@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>

    <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 src="/js/smarthr-farm-overview-charts.js?v=0.4.0"></script>
@endsection