@extends('layouts.site')

@section('title', 'SYG - Dashboard')

@section('content')
    @php
        $dashboardDatePl = \Carbon\Carbon::now()->locale('pl')->translatedFormat('l, d F');

        $deadline7Rate = (int) ($stats['deadlines_7_total'] ?? 0) > 0
            ? ((int) ($stats['deadlines_7_risk'] ?? 0) / max(1, (int) ($stats['deadlines_7_total'] ?? 0))) * 100
            : 0;

        $deadline90Rate = (int) ($stats['deadlines_90_total'] ?? 0) > 0
            ? ((int) ($stats['deadlines_90_risk'] ?? 0) / max(1, (int) ($stats['deadlines_90_total'] ?? 0))) * 100
            : 0;

        $deadlineAllRate = (int) ($stats['deadlines_all_total'] ?? 0) > 0
            ? ((int) ($stats['deadlines_all_risk'] ?? 0) / max(1, (int) ($stats['deadlines_all_total'] ?? 0))) * 100
            : 0;

        $sygListBaseUrl = url('/m_syg_zgloszenia_list');
        $scopeDeadlines7RiskUrl = $sygListBaseUrl . '?dashboard_scope=deadlines_7_risk&nav_reset=1';
        $scopeDeadlines90RiskUrl = $sygListBaseUrl . '?dashboard_scope=deadlines_90_risk&nav_reset=1';
        $scopeDeadlinesAllRiskUrl = $sygListBaseUrl . '?dashboard_scope=deadlines_all_risk&nav_reset=1';

        $dashboardTiles = [
            [
                'label' => 'NOWE (DO_POTWIERDZENIA)',
                'value' => (int) ($stats['status_1'] ?? 0),
                'icon' => 'fas fa-inbox',
                'class' => 'syg-kpi-new',
                'color' => 'blue',
                'href' => route('m_syg_zgloszenia_list_filter', 1),
            ],
            [
                'label' => 'POTWIERDZONE',
                'value' => (int) ($stats['status_2'] ?? 0),
                'icon' => 'fas fa-check-circle',
                'class' => 'syg-kpi-confirmed',
                'color' => 'mint',
                'href' => route('m_syg_zgloszenia_list_filter', 2),
            ],
            [
                'label' => 'WYSLANA ODPOWIEDZ',
                'value' => (int) ($stats['status_5'] ?? 0),
                'icon' => 'far fa-envelope',
                'class' => 'syg-kpi-feedback',
                'color' => 'lilac',
                'href' => route('m_syg_zgloszenia_list_filter', 5),
            ],
            [
                'label' => 'ZAKONCZONE',
                'value' => (int) ($stats['status_7'] ?? 0),
                'icon' => 'far fa-flag',
                'class' => 'syg-kpi-closed',
                'color' => 'rose',
                'href' => route('m_syg_zgloszenia_list_filter', 7),
            ],
            [
                'label' => 'AKTYWNE SPRAWY',
                'value' => (int) ($stats['reports_open'] ?? 0),
                'icon' => 'fas fa-bullhorn',
                'class' => 'syg-kpi-open',
                'color' => 'sand',
                'href' => url('/m_syg_zgloszenia_list'),
            ],
            [
                'label' => 'WSZYSTKIE ZGLOSZENIA',
                'value' => (int) ($stats['reports_total'] ?? 0),
                'icon' => 'fas fa-layer-group',
                'class' => 'syg-kpi-total',
                'color' => 'apricot',
                'href' => route('m_syg_zgloszenia_list_filter', 0),
            ],
        ];
    @endphp

    <style>
        .syg-dashboard-page {
            --sg-text: #384f69;
            --sg-border: #d8e2ee;
            --sg-shadow: 0 10px 24px rgba(83, 108, 137, 0.12);
            --sg-radius-lg: 24px;
            --sg-radius-md: 18px;
            --sg-radius-sm: 14px;
            border: 1px solid var(--sg-border);
            background: linear-gradient(145deg, #f5f8fc 0%, #f8fbff 55%, #f6faf8 100%);
            color: var(--sg-text);
        }

        .syg-toolbar-badge {
            padding: 10px 16px;
            background: #f8fbff;
            border: 1px solid #d5dfeb;
            border-radius: 16px;
            color: #355473;
            font-weight: 700;
            box-shadow: 0 2px 8px rgba(85, 109, 138, 0.1);
        }

        .syg-toolbar-badge i { color: #5852ff; }

        .syg-subtitle {
            margin: 0;
            color: #5f7793;
            font-size: 22px;
            line-height: 1.2;
        }

        .syg-kpi-link {
            display: block;
            color: inherit !important;
            text-decoration: none !important;
            transition: transform 0.18s ease;
        }

        .syg-kpi-link:hover { transform: translateY(-2px); }

        .syg-card {
            border: 1px solid var(--sg-border);
            border-radius: var(--sg-radius-md);
            box-shadow: var(--sg-shadow);
            overflow: hidden;
            background: #fff;
        }

        .syg-card .card-header {
            border-bottom: 1px solid #e5edf5;
            background: #f7fafd;
            color: #1d3f63;
            font-weight: 700;
        }

        .syg-kpi .card-body {
            border-radius: var(--sg-radius-md);
            padding-top: 13px;
            padding-bottom: 11px;
            min-height: 126px;
        }

        .syg-kpi-new .card-body { background: #e6eefb; }
        .syg-kpi-confirmed .card-body { background: #e4f2ea; }
        .syg-kpi-feedback .card-body { background: #ece8f7; }
        .syg-kpi-closed .card-body { background: #f6e6ec; }
        .syg-kpi-open .card-body { background: #f8f0df; }
        .syg-kpi-total .card-body { background: #fcefe3; }

        .syg-kpi-icon {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 9px;
            background: rgba(255, 255, 255, 0.65);
            color: #3a5d80;
        }

        .syg-kpi-label {
            font-size: 12px;
            color: #7388a0;
            font-weight: 700;
            letter-spacing: 0.5px;
            margin-bottom: 4px;
            min-height: 34px;
        }

        .syg-kpi-value {
            color: #113152;
            font-weight: 700;
            font-size: 25px;
            line-height: 1;
        }

        .syg-progress {
            height: 15px;
            border-radius: 999px;
            background: #edf3fa;
            overflow: hidden;
        }

        .syg-progress .bar-7 { background: #e15b68 !important; }
        .syg-progress .bar-90 { background: #e15b68 !important; }

        .syg-risk-text {
            color: #c7313f;
            font-weight: 700;
        }

        .syg-progress-link {
            display: block;
            text-decoration: none !important;
        }

        .syg-table thead th {
            background: #e6f0fb;
            border-bottom: 0;
            color: #2d4d6d;
        }

        .syg-alert-row {
            border: 1px solid #e3ebf4;
            border-radius: var(--sg-radius-sm);
            background: #f8fbff;
            padding: 5px 12px;
        }

        .syg-alert-badge {
            min-width: 32px;
            border-radius: 10px;
            border: 1px solid #cfdcec;
            color: #35506f;
            background: #e6eff9;
            font-weight: 700;
            text-align: center;
        }

        .syg-link-btn {
            border-radius: 5px !important;
            font-weight: 600;
            border-color: #c9d9ea !important;
            color: #3e5b79 !important;
            background: #f5f9fe !important;
        }
    </style>

    <div class="tab-content_2 syg-dashboard-page p-3">
        <div class="d-flex justify-content-between align-items-start mb-3">
            <div>
                <p class="syg-subtitle">Centrum monitoringu spraw sygnalistycznych.</p>
            </div>
            <div class="d-flex align-items-center">
                <div class="syg-toolbar-badge">
                    <i class="far fa-clock mr-1"></i>{{ $dashboardDatePl }}
                </div>
            </div>
        </div>

        <div class="row">
            @foreach($dashboardTiles as $tileIndex => $tile)
                <div class="col-xl-2 col-md-4 col-6 mb-3">
                    <x-dashboard.kpi-tile
                        :label="$tile['label']"
                        :value="(int) $tile['value']"
                        :icon="$tile['icon']"
                        :href="$tile['href']"
                        :index="$tileIndex"
                        :color="$tile['color'] ?? null"
                        title="Przejdz do listy zgloszen"
                    />
                </div>
            @endforeach
        </div>

        <div class="row" style="margin-top: 1rem;">

            <div class="col-lg-4 mb-3">
                <div class="syg-card h-100">
                    <div class="card-header py-2"><strong>Najnowsze zgloszenia</strong></div>
                    <div class="card-body p-0">
                        <div class="table-responsive mb-0">
                            <table class="table table-sm table-striped mb-0 syg-table">
                                <thead>
                                    <tr>
                                        <th style="padding-left: 2rem;">ID</th>
                                        <th>Identyfikator sprawy</th>
                                        <th>Status</th>
                                        <th>Utworzono</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($latestReports as $report)
                                        @php
                                            $statusItem = $statusMap[(int) ($report->status ?? 0)] ?? null;
                                            $statusName = $statusItem->nazwa ?? ('Status #' . (int) ($report->status ?? 0));
                                            $statusColor = $statusItem->kolor ?? 'secondary';
                                        @endphp
                                        <tr>
                                            <td style="padding-left: 2rem;">{{ (int) ($report->id ?? 0) }}</td>
                                            <td>
                                                <a href="{{ route('m_syg_zgloszenia_info', (int) ($report->id ?? 0)) }}">
                                                    {{ (string) ($report->sprawa_identyfikator ?? '-') }}
                                                </a>
                                            </td>
                                            <td>
                                                <span class="badge badge-{{ $statusColor }}">{{ $statusName }}</span>
                                            </td>
                                            <td>{{ (string) ($report->created_at ?? '-') }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center text-muted py-3">Brak danych do wyswietlenia.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 mb-3">
                <div class="syg-card h-100">
                    <div class="card-header py-2"><strong>Do zrobienia</strong></div>
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-2 syg-alert-row">
                            <span>Nowe sprawy do potwierdzenia</span>
                            <span class="syg-alert-badge">{{ (int) ($stats['status_1'] ?? 0) }}</span>
                        </div>
                        <div class="d-flex justify-content-between align-items-center mb-2 syg-alert-row">
                            <span>Zagrozone SLA 7 dni</span>
                            <span class="syg-alert-badge">{{ (int) ($stats['deadlines_7_risk'] ?? 0) }}</span>
                        </div>
                        <div class="d-flex justify-content-between align-items-center mb-2 syg-alert-row">
                            <span>Zagrozone SLA 90 dni</span>
                            <span class="syg-alert-badge">{{ (int) ($stats['deadlines_90_risk'] ?? 0) }}</span>
                        </div>
                        <div class="d-flex justify-content-between align-items-center mb-2 syg-alert-row">
                            <span>Otwarte bez opisu dzialan</span>
                            <span class="syg-alert-badge">{{ (int) ($stats['without_actions'] ?? 0) }}</span>
                        </div>

                        <hr>

                        <div class="small text-muted mb-2">Szybkie akcje</div>
                        <div class="d-flex flex-wrap">
                            <a class="btn btn-sm syg-link-btn mr-2 mb-2" href="{{ url('/m_syg_zgloszenia_list') }}">Lista zgloszen</a>
                            <a class="btn btn-sm syg-link-btn mr-2 mb-2" href="{{ url('/m_syg_zgloszenia_add') }}">Dodaj zgloszenie</a>
                            <a class="btn btn-sm syg-link-btn mr-2 mb-2" href="{{ url('/m_syg_stat') }}">Statystyki</a>
                            <a class="btn btn-sm syg-link-btn mr-2 mb-2" href="{{ url('/m_syg_baza_wiedzy') }}">Baza wiedzy</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 mb-3">
                <div class="syg-card h-100">
                    <div class="card-header py-2"><strong>Najczestsze obszary zgloszen</strong></div>
                    <div class="card-body">
                        @forelse($domainSummary as $domain)
                            <div class="d-flex justify-content-between align-items-center mb-2 syg-alert-row">
                                <span>{{ (string) ($domain->domain_name ?? '-') }}</span>
                                <span class="syg-alert-badge">{{ (int) ($domain->total ?? 0) }}</span>
                            </div>
                        @empty
                            <div class="text-muted">Brak danych o obszarach zgloszen.</div>
                        @endforelse
                    </div>
                </div>
            </div>

        </div>

        <div class="row">

            <div class="col-lg-12 mb-3">
                <div class="syg-card" style="margin-top: 1rem;">
                    <div class="card-header py-2"><strong>Terminy ustawowe</strong></div>
                    <div class="card-body">

                        <div class="row">
                            <div class=" col-lg-4 mb-3">
                                <div class="d-flex justify-content-between mb-1">
                                    <span>Potwierdzenie przyjecia (7 dni)</span>
                                    <span><strong>{{ number_format((float) $deadline7Rate, 2, '.', ' ') }}%</strong></span>
                                </div>
                                <a href="{{ $scopeDeadlines7RiskUrl }}" class="syg-progress-link" title="Pokaż zgłoszenia: zagrożone terminy 7 dni">
                                    <div class="progress syg-progress mb-2">
                                        <div class="progress-bar bar-7" role="progressbar" style="width: {{ max(0, min(100, (float) $deadline7Rate)) }}%"></div>
                                    </div>
                                </a>
                                <div class="small text-muted">
                                    <span class="syg-risk-text">Zagrozone: {{ (int) ($stats['deadlines_7_risk'] ?? 0) }}</span>,
                                    pozostale: {{ (int) ($stats['deadlines_7_remaining'] ?? 0) }},
                                    razem: {{ (int) ($stats['deadlines_7_total'] ?? 0) }}
                                </div>
                            </div>

                            <div class=" col-lg-4 mb-3">
                                <div class="d-flex justify-content-between mb-1">
                                    <span>Informacja zwrotna (90 dni)</span>
                                    <span><strong>{{ number_format((float) $deadline90Rate, 2, '.', ' ') }}%</strong></span>
                                </div>
                                <a href="{{ $scopeDeadlines90RiskUrl }}" class="syg-progress-link" title="Pokaż zgłoszenia: zagrożone terminy 90 dni">
                                    <div class="progress syg-progress mb-2">
                                        <div class="progress-bar bar-90" role="progressbar" style="width: {{ max(0, min(100, (float) $deadline90Rate)) }}%"></div>
                                    </div>
                                </a>
                                <div class="small text-muted">
                                    <span class="syg-risk-text">Zagrozone: {{ (int) ($stats['deadlines_90_risk'] ?? 0) }}</span>,
                                    pozostale: {{ (int) ($stats['deadlines_90_remaining'] ?? 0) }},
                                    razem: {{ (int) ($stats['deadlines_90_total'] ?? 0) }}
                                </div>
                            </div>

                            <div class=" col-lg-4 mb-3">
                                <div class="d-flex justify-content-between mb-1">
                                    <span>Informacja zwrotna (Ogółem)</span>
                                    <span><strong>{{ number_format((float) $deadlineAllRate, 2, '.', ' ') }}%</strong></span>
                                </div>
                                <a href="{{ $scopeDeadlinesAllRiskUrl }}" class="syg-progress-link" title="Pokaż zgłoszenia: zagrożone terminy ogółem">
                                    <div class="progress syg-progress mb-2">
                                        <div class="progress-bar bar-90" role="progressbar" style="width: {{ max(0, min(100, (float) $deadlineAllRate)) }}%"></div>
                                    </div>
                                </a>
                                <div class="small text-muted">
                                    <span class="syg-risk-text">Zagrozone: {{ (int) ($stats['deadlines_all_risk'] ?? 0) }}</span>,
                                    pozostale: {{ (int) ($stats['deadlines_all_remaining'] ?? 0) }},
                                    razem: {{ (int) ($stats['deadlines_all_total'] ?? 0) }}
                                </div>
                            </div>

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

        </div>
    </div>
@endsection

@section('menu')
    @include('sites.syg.menu_syg')
@endsection

@section('navbar')
    @include('sites.syg._navbar_syg')
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Aktywna Strona">Dashboard SYG</span>
@endsection