@extends('layouts.admin')

@section('title','Тімліди')
@section('page_title','Тімліди')

@section('page_actions')
    <a href="{{ route('admin.teamleads.create') }}" class="btn btn-primary">
        <i class="fa-solid fa-user-plus mr-1"></i>
        Додати тімліда
    </a>
@endsection

@push('head')
    <link rel="stylesheet" href="{{ asset('css/admin/teamleads-index.css') }}">
@endpush

@section('content')
    @php
        $tz = config('app.timezone', 'Europe/Kyiv');

        $selectedMonth    = $selectedMonth   ?? \Carbon\Carbon::now($tz)->format('Y-m');
        $currentMonthKey  = $currentMonthKey ?? \Carbon\Carbon::now($tz)->format('Y-m');
        $prevMonthKey     = $prevMonthKey    ?? \Carbon\Carbon::now($tz)->subMonthNoOverflow()->format('Y-m');

        $totalTL = $teamLeads->count();

        // ✔ Скільки тімлідів виконали норму по балансах (умовно: balance_score >= 90)
        $completedNorms = $teamLeads->filter(function ($u) use ($teamLeadRatings) {
            $rating = $teamLeadRatings[$u->id] ?? null;
            if (!$rating) return false;

            $balanceScore = $rating['balance_score'] ?? null;
            return $balanceScore !== null && $balanceScore >= 90;
        })->count();

        // ✔ Скільки мають високий рейтинг по статистиці (умовно: stats_score >= 63)
        $highStats = $teamLeads->filter(function ($u) use ($teamLeadRatings) {
            $rating = $teamLeadRatings[$u->id] ?? null;
            if (!$rating) return false;

            $statsScore = $rating['stats_score'] ?? null;
            return $statsScore !== null && $statsScore >= 63;
        })->count();

        $enriched = $teamLeads->map(function ($u) use ($teamLeadRatings, $totalTL) {
            $rating            = $teamLeadRatings[$u->id] ?? null;
            $balanceRank       = $rating['balance_rank']  ?? null;
            $statsRank         = $rating['stats_rank']    ?? null;
            $balanceScore      = $rating['balance_score'] ?? null;
            $statsScore        = $rating['stats_score']   ?? null;
            $avgBalanceAmount  = $rating['avg_balance_amount'] ?? null;

            $bestRank = null;
            if ($balanceRank) {
                $bestRank = $balanceRank;
            }
            if ($statsRank && ($bestRank === null || $statsRank < $bestRank)) {
                $bestRank = $statsRank;
            }

            return [
                'model'            => $u,
                'balance_rank'     => $balanceRank,
                'stats_rank'       => $statsRank,
                'balance_score'    => $balanceScore,
                'stats_score'      => $statsScore,
                'avg_balance'      => $avgBalanceAmount,
                'best_rank'        => $bestRank,
            ];
        });

        $topThree = $enriched
            ->filter(fn($row) => $row['best_rank'] !== null)
            ->sortBy('best_rank')
            ->take(3)
            ->values();
    @endphp

    {{-- ВЕРХНЯ ПАНЕЛЬ: ЗАГОЛОВОК + МІСЯЦЬ --}}
    <div class="tl-top-bar admin-card mb-3">
        <div class="tl-top-bar-left">
            <div class="tl-top-label">Рейтинг тімлідів</div>
            <h2 class="tl-top-title">Хто тягне зміну вгору</h2>
            <p class="tl-top-text">
                Порівнюємо тімлідів по середніх балансах та статистиці за обраний місяць.
                Важливо не тільки місце, а й стабільність.
            </p>
            <div class="tl-top-meta">
                <div class="tl-top-meta-item">
                    <span class="tl-top-meta-label">Всього тімлідів</span>
                    <span class="tl-top-meta-value">{{ $totalTL }}</span>
                </div>
                <div class="tl-top-meta-item">
                    <span class="tl-top-meta-label">Виконали норму по балансах</span>
                    <span class="tl-top-meta-value">{{ $completedNorms }} / {{ $totalTL }}</span>
                </div>
                <div class="tl-top-meta-item">
                    <span class="tl-top-meta-label">Високий рейтинг по статистиці</span>
                    <span class="tl-top-meta-value">{{ $highStats }} / {{ $totalTL }}</span>
                </div>
            </div>
        </div>

        <div class="tl-top-bar-right">
            @if(isset($monthStart, $monthEnd))
                <div class="tl-period-chip">
                    <i class="fa-regular fa-calendar"></i>
                    <span>{{ $monthStart }} — {{ $monthEnd }}</span>
                </div>
            @endif

            <form method="GET"
                  action="{{ route('admin.teamleads.index') }}"
                  class="tl-month-form">
                <label class="tl-month-label">Місяць</label>
                <div class="tl-month-row">
                    <input type="month"
                           name="month"
                           class="form-control tl-month-input"
                           value="{{ $selectedMonth }}">
                    <button type="submit" class="btn btn-primary btn-sm tl-month-submit">
                        Показати
                    </button>
                </div>

                <div class="tl-month-pills">
                    <a href="{{ route('admin.teamleads.index', ['month' => $currentMonthKey]) }}"
                       class="tl-month-pill {{ $selectedMonth === $currentMonthKey ? 'tl-month-pill--active' : '' }}">
                        Цей місяць
                    </a>

                    <a href="{{ route('admin.teamleads.index', ['month' => $prevMonthKey]) }}"
                       class="tl-month-pill {{ $selectedMonth === $prevMonthKey ? 'tl-month-pill--active' : '' }}">
                        Минулий місяць
                    </a>
                </div>
            </form>
        </div>
    </div>

    {{-- КОРОТКИЙ ПОДІУМ ТОП-3 --}}
    @if($topThree->count())
        <div class="tl-podium-row mb-3">
            @foreach($topThree as $index => $row)
                @php
                    /** @var \App\Models\User $uModel */
                    $uModel         = $row['model'];
                    $rank           = $row['best_rank'];
                    $balanceScore   = $row['balance_score'];
                    $statsScore     = $row['stats_score'];
                    $avgBalance     = $row['avg_balance'];

                    $podiumClass = 'tl-podium-card--other';
                    if ($index === 0) $podiumClass = 'tl-podium-card--gold';
                    if ($index === 1) $podiumClass = 'tl-podium-card--silver';
                    if ($index === 2) $podiumClass = 'tl-podium-card--bronze';

                    $initial = mb_substr($uModel->name, 0, 1, 'UTF-8');
                @endphp

                <div class="tl-podium-card admin-card {{ $podiumClass }}">
                    <div class="tl-podium-rank-badge">
                        #{{ $rank }}
                    </div>

                    <div class="tl-podium-user">
                        <div class="tl-avatar">{{ $initial }}</div>
                        <div class="tl-podium-user-text">
                            <div class="tl-podium-name">{{ $uModel->name }}</div>
                            <div class="tl-podium-email">{{ $uModel->email }}</div>
                        </div>
                    </div>

                    <div class="tl-podium-metrics">
                        @if($balanceScore !== null)
                            <div class="tl-podium-metric">
                                <span class="tl-podium-label">Баланс</span>
                                <span class="tl-podium-value">{{ $balanceScore }}/100</span>
                            </div>
                        @endif

                        @if($statsScore !== null)
                            <div class="tl-podium-metric">
                                <span class="tl-podium-label">Статистика</span>
                                <span class="tl-podium-value">{{ $statsScore }}/100</span>
                            </div>
                        @endif

                        @if($avgBalance !== null)
                            <div class="tl-podium-metric">
                                <span class="tl-podium-label">Середній денний баланс</span>
                                <span class="tl-podium-value">
                                    {{ number_format($avgBalance, 2) }} $
                                </span>
                            </div>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    {{-- ГОЛОВНИЙ ЛІДЕРБОРД (ТАБЛИЦЯ — DESKTOP/TABLET) --}}
    <div class="tl-table-card admin-card p-0">
        <div class="tl-table-header px-3 py-2 d-flex justify-content-between align-items-center">
            <div class="tl-table-title">Повний список тімлідів</div>
            <div class="tl-table-hint">
                На телефоні можна скролити таблицю по горизонталі.
            </div>
        </div>

        <div class="table-responsive tl-table-wrapper">
            <table class="table table-hover table-sm mb-0 tl-table">
                <thead>
                <tr>
                    <th>Тімлід</th>
                    <th>Email / Очима тімліда</th>
                    <th>Кабінети</th>
                    <th style="width:220px;">Рейтинг (баланси)</th>
                    <th style="width:220px;">Рейтинг (статистика)</th>
                    <th style="width:130px;">Дії</th>
                </tr>
                </thead>
                <tbody>
                @forelse($teamLeads as $u)
                    @php
                        /** @var \App\Models\User $u */
                        $cabCount          = $u->cabinets->count();

                        $rating            = $teamLeadRatings[$u->id] ?? null;
                        $balanceScore      = $rating['balance_score'] ?? null;
                        $statsScore        = $rating['stats_score']   ?? null;
                        $balanceRank       = $rating['balance_rank']  ?? null;
                        $statsRank         = $rating['stats_rank']    ?? null;
                        $avgBalanceAmount  = $rating['avg_balance_amount'] ?? null;

                        $balanceClass = 'tl-badge-empty';
                        if ($balanceScore !== null) {
                            if ($balanceScore >= 90) {
                                $balanceClass = 'tl-badge-good';
                            } elseif ($balanceScore < 60) {
                                $balanceClass = 'tl-badge-bad';
                            } else {
                                $balanceClass = 'tl-badge-mid';
                            }
                        }

                        $statsClass = 'tl-badge-empty';
                        if ($statsScore !== null) {
                            if ($statsScore >= 90) {
                                $statsClass = 'tl-badge-good';
                            } elseif ($statsScore < 60) {
                                $statsClass = 'tl-badge-bad';
                            } else {
                                $statsClass = 'tl-badge-mid';
                            }
                        }

                        $bestRank = null;
                        if ($balanceRank) {
                            $bestRank = $balanceRank;
                        }
                        if ($statsRank && ($bestRank === null || $statsRank < $bestRank)) {
                            $bestRank = $statsRank;
                        }

                        $topLabel = null;
                        if ($bestRank === 1) {
                            $topLabel = 'Топ-1';
                        } elseif ($bestRank === 2) {
                            $topLabel = 'Топ-2';
                        } elseif ($bestRank === 3) {
                            $topLabel = 'Топ-3';
                        }

                        $initial = mb_substr($u->name, 0, 1, 'UTF-8');
                    @endphp

                    <tr>
                        {{-- Імʼя + аватар + міні-ранг --}}
                        <td class="align-middle">
                            <div class="tl-name-wrap">
                                <div class="tl-avatar tl-avatar-small">
                                    {{ $initial }}
                                </div>
                                <div class="tl-name-text">
                                    <div class="tl-name-main">
                                        <strong>{{ $u->name }}</strong>

                                        @if($topLabel)
                                            <span class="tl-rank-chip">
                                                {{ $topLabel }}
                                            </span>
                                        @endif
                                    </div>
                                    <div class="tl-name-sub">
                                        @if($balanceRank)
                                            По балансах: #{{ $balanceRank }} із {{ $totalTL }}
                                        @endif

                                        @if($balanceRank && $statsRank)
                                            &nbsp;•&nbsp;
                                        @endif

                                        @if($statsRank)
                                            По статистиці: #{{ $statsRank }} із {{ $totalTL }}
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </td>

                        {{-- Email + очима тімліда --}}
                        <td class="align-middle">
                            <div class="tl-email-block">
                                <div class="tl-email-text">{{ $u->email }}</div>

                                <a href="{{ route('admin.impersonate.start', ['user' => $u->id]) }}"
                                   class="btn btn-xs btn-outline-primary tl-impersonate-btn">
                                    <i class="fa-solid fa-eye mr-1"></i>
                                    Очима тімліда
                                </a>
                            </div>
                        </td>

                        {{-- Кабінети --}}
                        <td class="align-middle">
                            @if($cabCount)
                                <div class="tl-cabinets-badges mb-1">
                                    @foreach($u->cabinets as $c)
                                        <span class="badge badge-info">{{ $c->slug }}</span>
                                    @endforeach
                                </div>
                                <div class="tl-small">
                                    Всього: {{ $cabCount }}
                                </div>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>

                        {{-- Рейтинг (баланси) --}}
                        <td class="align-middle">
                            @if($balanceScore !== null)
                                <div class="mb-1">
                                    <span class="tl-score-badge {{ $balanceClass }}">
                                        <i class="fa-solid fa-coins mr-1"></i>
                                        {{ $balanceScore }} / 100
                                    </span>
                                </div>
                                <div class="tl-small">
                                    Середній рейтинг по всіх кабінетах
                                    (баланси змін).
                                </div>

                                @if($avgBalanceAmount !== null)
                                    <div class="tl-small mt-1">
                                        Сер. денний баланс:
                                        <strong>{{ number_format($avgBalanceAmount, 2) }}</strong> $
                                    </div>
                                @endif

                                @if($balanceRank)
                                    <div class="tl-small mt-1">
                                        Місце по балансах: <strong>#{{ $balanceRank }}</strong>
                                        із {{ $totalTL }}
                                    </div>
                                @endif
                            @else
                                <span class="tl-score-badge tl-badge-empty">
                                    <i class="fa-solid fa-coins mr-1"></i>
                                    немає даних
                                </span>
                                <div class="tl-small mt-1">
                                    Ще немає рейтингів по балансах.
                                </div>
                            @endif
                        </td>

                        {{-- Рейтинг (статистика) --}}
                        <td class="align-middle">
                            @if($statsScore !== null)
                                <div class="mb-1">
                                    <span class="tl-score-badge {{ $statsClass }}">
                                        <i class="fa-solid fa-chart-line mr-1"></i>
                                        {{ $statsScore }} / 100
                                    </span>
                                </div>
                                <div class="tl-small">
                                    Середній рейтинг по статистиці
                                    (New / Young / Old / Spend).
                                </div>

                                @if($statsRank)
                                    <div class="tl-small mt-1">
                                        Місце по статистиці: <strong>#{{ $statsRank }}</strong>
                                        із {{ $totalTL }}
                                    </div>
                                @endif
                            @else
                                <span class="tl-score-badge tl-badge-empty">
                                    <i class="fa-solid fa-chart-line mr-1"></i>
                                    немає даних
                                </span>
                                <div class="tl-small mt-1">
                                    Ще немає розрахованої статистики.
                                </div>
                            @endif
                        </td>

                        {{-- Дії --}}
                        <td class="align-middle">
                            <a href="{{ route('admin.teamleads.edit', ['user' => $u->id]) }}"
                               class="btn btn-sm btn-outline-secondary btn-block">
                                Редагувати
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted">
                            Поки немає тімлідів
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- МОБІЛЬНИЙ ВИГЛЯД: КАРТКИ ТІМЛІДІВ --}}
    <div class="tl-mobile-list">
        @forelse($enriched as $row)
            @php
                /** @var \App\Models\User $uModel */
                $uModel        = $row['model'];
                $balanceRank   = $row['balance_rank'];
                $statsRank     = $row['stats_rank'];
                $balanceScore  = $row['balance_score'];
                $statsScore    = $row['stats_score'];
                $avgBalance    = $row['avg_balance'];
                $bestRank      = $row['best_rank'];

                $cabCount      = $uModel->cabinets->count();

                $balanceClass = 'tl-badge-empty';
                if ($balanceScore !== null) {
                    if ($balanceScore >= 90) {
                        $balanceClass = 'tl-badge-good';
                    } elseif ($balanceScore < 60) {
                        $balanceClass = 'tl-badge-bad';
                    } else {
                        $balanceClass = 'tl-badge-mid';
                    }
                }

                $statsClass = 'tl-badge-empty';
                if ($statsScore !== null) {
                    if ($statsScore >= 90) {
                        $statsClass = 'tl-badge-good';
                    } elseif ($statsScore < 60) {
                        $statsClass = 'tl-badge-bad';
                    } else {
                        $statsClass = 'tl-badge-mid';
                    }
                }

                $topLabel = null;
                if ($bestRank === 1) {
                    $topLabel = 'Топ-1';
                } elseif ($bestRank === 2) {
                    $topLabel = 'Топ-2';
                } elseif ($bestRank === 3) {
                    $topLabel = 'Топ-3';
                }

                $initial = mb_substr($uModel->name, 0, 1, 'UTF-8');
            @endphp

            <div class="admin-card tl-mobile-card">
                <div class="tl-mobile-head">
                    <div class="tl-mobile-user">
                        <div class="tl-avatar tl-avatar-small">
                            {{ $initial }}
                        </div>
                        <div class="tl-mobile-user-text">
                            <div class="tl-mobile-name-row">
                                <span class="tl-mobile-name">{{ $uModel->name }}</span>
                                @if($topLabel)
                                    <span class="tl-rank-chip">{{ $topLabel }}</span>
                                @endif
                            </div>
                            <div class="tl-mobile-email">{{ $uModel->email }}</div>
                            <div class="tl-mobile-ranks">
                                @if($balanceRank)
                                    <span class="tl-mobile-rank-text">
                                        Баланси: #{{ $balanceRank }} із {{ $totalTL }}
                                    </span>
                                @endif
                                @if($statsRank)
                                    <span class="tl-mobile-rank-text">
                                        Статистика: #{{ $statsRank }} із {{ $totalTL }}
                                    </span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="tl-mobile-head-actions">
                        <a href="{{ route('admin.impersonate.start', ['user' => $uModel->id]) }}"
                           class="btn btn-xs btn-outline-primary">
                            <i class="fa-solid fa-eye mr-1"></i>
                            Очима
                        </a>
                    </div>
                </div>

                <div class="tl-mobile-body">
                    <div class="tl-mobile-metric-row">
                        <div class="tl-mobile-metric-label">Баланси</div>
                        <div class="tl-mobile-metric-value">
                            @if($balanceScore !== null)
                                <span class="tl-score-badge {{ $balanceClass }}">
                                    <i class="fa-solid fa-coins mr-1"></i>
                                    {{ $balanceScore }}/100
                                </span>
                                @if($avgBalance !== null)
                                    <div class="tl-small mt-1">
                                        Сер. денний баланс:
                                        <strong>{{ number_format($avgBalance, 2) }}</strong> $
                                    </div>
                                @endif
                            @else
                                <span class="tl-score-badge tl-badge-empty">
                                    <i class="fa-solid fa-coins mr-1"></i>
                                    немає даних
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="tl-mobile-metric-row">
                        <div class="tl-mobile-metric-label">Статистика</div>
                        <div class="tl-mobile-metric-value">
                            @if($statsScore !== null)
                                <span class="tl-score-badge {{ $statsClass }}">
                                    <i class="fa-solid fa-chart-line mr-1"></i>
                                    {{ $statsScore }}/100
                                </span>
                            @else
                                <span class="tl-score-badge tl-badge-empty">
                                    <i class="fa-solid fa-chart-line mr-1"></i>
                                    немає даних
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="tl-mobile-cabinets">
                        <div class="tl-mobile-cabinets-label">
                            Кабінети ({{ $cabCount }})
                        </div>
                        @if($cabCount)
                            <div class="tl-cabinets-badges">
                                @foreach($uModel->cabinets as $c)
                                    <span class="badge badge-info">{{ $c->slug }}</span>
                                @endforeach
                            </div>
                        @else
                            <span class="text-muted tl-small">Тімлід ще не привʼязаний до кабінетів</span>
                        @endif
                    </div>
                </div>

                <div class="tl-mobile-footer">
                    <a href="{{ route('admin.teamleads.edit', ['user' => $uModel->id]) }}"
                       class="btn btn-sm btn-outline-secondary btn-block">
                        Редагувати
                    </a>
                </div>
            </div>
        @empty
            <div class="text-center text-muted p-3">
                Поки немає тімлідів
            </div>
        @endforelse
    </div>
@endsection