@extends('layouts.site')

@php
    $i = 0;
    $wybrany_proces_id = null;

    // dane dla menu procesów (lewa kolumna)
    //$function_id = 2;
    $function_id = session()->get('function_id');
    $get_permision = new my_GetPermission();
    $permision_range = $get_permision->my_range($function_id);
    $pracownik_id = Auth::user()->pracownik_id;
    $dzial_pracownika_id = my_EmployeeDepartments($pracownik_id);

    // dane dla całej organizacji
    $dzialy = DB::table('sw020_komorki_organizacyjne')
        ->select('id', 'nazwa_pelna', 'nazwa_skrot')
        ->orderBy('nazwa_skrot', 'asc')
        ->get();

    $procesyByKo = DB::table('sw010_proces')
        ->select('wlasciciel_procesu_komorka_id', DB::raw('COUNT(*) as total'))
        ->groupBy('wlasciciel_procesu_komorka_id')
        ->pluck('total', 'wlasciciel_procesu_komorka_id');

    $kompletneByKo = DB::table('v011_rejestr_czynnosci')
        ->select('wlasciciel_procesu_komorka_id', DB::raw('COUNT(*) as complete_total'))
        ->groupBy('wlasciciel_procesu_komorka_id')
        ->pluck('complete_total', 'wlasciciel_procesu_komorka_id');

    $koRows = collect();
    foreach ($dzialy as $dzial) {
        $total = (int) ($procesyByKo[$dzial->id] ?? 0);
        if ($total < 1) {
            continue;
        }

        $complete = (int) ($kompletneByKo[$dzial->id] ?? 0);
        $toFix = max($total - $complete, 0);
        $percentToFix = $total > 0 ? round(($toFix / $total) * 100, 1) : 0;

        $koRows->push([
            'id' => $dzial->id,
            'ko_short' => $dzial->nazwa_skrot,
            'ko_name' => $dzial->nazwa_pelna,
            'total' => $total,
            'complete' => $complete,
            'to_fix' => $toFix,
            'to_fix_percent' => $percentToFix,
        ]);
    }

    $koRows = $koRows->sortByDesc('to_fix')->values();

    $sumaProcesow = (int) $koRows->sum('total');
    $sumaKompletne = (int) $koRows->sum('complete');
    $sumaDoPoprawy = (int) $koRows->sum('to_fix');
    $sumaWszystkiePercent = $sumaProcesow > 0 ? 100 : 0;
    $sumaKompletnePercent = $sumaProcesow > 0 ? round(($sumaKompletne / $sumaProcesow) * 100, 1) : 0;
    $sumaDoPoprawyPercent = $sumaProcesow > 0 ? round(($sumaDoPoprawy / $sumaProcesow) * 100, 1) : 0;
@endphp

@section('title', 'Wykres Procesów KO')

@section('procesy')
    @include('sites.odo.procesy.m_odo_procesy_lista_menu')
@endsection

@section('content')
    <div class="border-rounded-top tab-content_2 my_TabContentRounded">
        <div class="row site_header">
            <div class="col-8 site_name">
                Statystyki - Jednostka Organizacyjna - widok kołowy
            </div>
            <div class="col-4 text-right">
                <x-view-export-buttons
                    id="ko-kolowy-export-toolbar"
                    target-selector="#ko-kolowy-export-root"
                    filename-prefix="Statystyka_KO_wykres_kolowy"
                    :doc-landscape="true"
                />
            </div>
        </div>

        <hr class="separator_site">

        <div id="ko-kolowy-export-root" style="height: 75vh; overflow-y: auto;">
        @if ($koRows->count() > 0)
            <div class="px-3 pt-2 pb-3">
                <div class="p-3" style="background:#f6fbff; border:1px solid #cfe0f2; border-radius:.5rem;">
                    <h6 class="mb-3">Organizacja - procesy kompletne / procesy do uzupełnienia</h6>
                    <div class="row">
                        <div class="col-lg-5">
                            <div style="position:relative; height:34vh; min-height:240px;">
                                <canvas id="koOrgSummaryChart"></canvas>
                            </div>
                        </div>
                        <div class="col-lg-7 d-flex align-items-center">
                            <div class="w-100">
                                <div class="row">
                                    <div class="col-sm-4 mb-2">
                                        <div class="p-2 text-center" style="background:#eef7ff; border:1px solid #cfe0f2; border-radius:.35rem;">
                                            <div style="font-size:1rem;">Procesy Wszystkie</div>
                                            <strong style="font-size:1.2rem;">{{ $sumaProcesow }}</strong>
                                            <div style="font-size:1.3rem; color:#507090; margin-top:2px;">{{ number_format($sumaWszystkiePercent, 1, ',', ' ') }}%</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 mb-2">
                                        <div class="p-2 text-center" style="background:#f4fff6; border:1px solid #cfe8d7; border-radius:.35rem;">
                                            <div style="font-size:1rem;">Procesy kompletne</div>
                                            <strong style="font-size:1.2rem; color:#2fa35a;">{{ $sumaKompletne }}</strong>
                                            <div style="font-size:1.3rem; color:#2fa35a; margin-top:2px;">{{ number_format($sumaKompletnePercent, 1, ',', ' ') }}%</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 mb-2">
                                        <div class="p-2 text-center" style="background:#fffaf2; border:1px solid #f2d6a8; border-radius:.35rem;">
                                            <div style="font-size:1rem;">Procesy do uzupełnienia</div>
                                            <strong style="font-size:1.2rem; color:#e59a2f;">{{ $sumaDoPoprawy }}</strong>
                                            <div style="font-size:1.3rem; color:#e59a2f; margin-top:2px;">{{ number_format($sumaDoPoprawyPercent, 1, ',', ' ') }}%</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="px-3 pb-3">
                <div class="col-sm-12 m-md-auto div_new_table px-0">
                    <div class="tab-pane fade show active tableFixHead my_scrollbar_new">
                        <table class="table table-sm new_table_app">
                            <thead>
                                <tr class="tabela-naglowek">
                                    <th class="text-center">Lp</th>
                                    <th class="text-center">KO</th>
                                    <th class="text-left">Nazwa wydziału</th>
                                    <th class="text-center">Procesy Wszystkie</th>
                                    <th class="text-center">Procesy kompletne</th>
                                    <th class="text-center">Procesy do uzupełnienia</th>
                                    <th class="text-center">% do uzupełnienia</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($koRows as $index => $row)
                                    <tr>
                                        <td class="text-center">{{ $index + 1 }}</td>
                                        <td class="text-center">{{ $row['ko_short'] }}</td>
                                        <td>{{ $row['ko_name'] }}</td>
                                        <td class="text-center">{{ $row['total'] }}</td>
                                        <td class="text-center">{{ $row['complete'] }}</td>
                                        <td class="text-center">{{ $row['to_fix'] }}</td>
                                        <td class="text-center">{{ number_format($row['to_fix_percent'], 1, ',', ' ') }}%</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr style="font-weight: 700; background: #eef5ff;">
                                    <td class="text-center">-</td>
                                    <td class="text-center">-</td>
                                    <td>Podsumowanie</td>
                                    <td class="text-center">{{ $sumaProcesow }}</td>
                                    <td class="text-center">{{ $sumaKompletne }}</td>
                                    <td class="text-center">{{ $sumaDoPoprawy }}</td>
                                    <td class="text-center">{{ number_format($sumaDoPoprawyPercent, 1, ',', ' ') }}%</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        @else
            <div class="alert alert-warning m-3">Brak danych do prezentacji.</div>
        @endif
        </div>
    </div>
@endsection

@section('navbar')
    @include('sites.odo._navbar_odo')
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Aktywna Strona">Statystyki JO - Procesy</span>
@endsection

@section('menu')
    @include('sites.odo.menu_odo')
@endsection

@push('scripts')
    @if ($koRows->count() > 0)
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.js"></script>
        <script>
            (function () {
                var orgCtx = document.getElementById('koOrgSummaryChart').getContext('2d');
                new Chart(orgCtx, {
                    type: 'doughnut',
                    data: {
                        labels: ['Procesy kompletne', 'Procesy do uzupełnienia'],
                        datasets: [{
                            data: [{{ $sumaKompletne }}, {{ $sumaDoPoprawy }}],
                            backgroundColor: ['rgba(47, 163, 90, 0.85)', 'rgba(229, 154, 47, 0.90)'],
                            borderColor: ['#2fa35a', '#e59a2f'],
                            borderWidth: 1
                        }]
                    },
                    options: {
                        responsive: true,
                        maintainAspectRatio: false,
                        legend: { position: 'bottom' }
                    }
                });
            })();
        </script>
    @endif
@endpush