@extends('layouts.admin')

@section('title','Адмінка — Дашборд')
@section('page_title','Дашборд')

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

@section('content')

    {{-- HERO + КЛЮЧОВІ МЕТРИКИ --}}
    <div class="admin-card p-4 mb-4">
        <div class="row align-items-center">

            <div class="col-lg-5 mb-3 mb-lg-0">
                <div class="dashboard-hero p-3 p-md-4">
                    <div class="dashboard-hero-inner">
                        <div class="dashboard-hero-header">
                            <div class="dashboard-hero-icon">
                                📊
                            </div>
                            <div>
                                <div class="dashboard-hero-label">
                                    Огляд системи
                                </div>
                                <div class="dashboard-hero-title">
                                    Контроль TLOD в одному місці
                                </div>
                            </div>
                        </div>

                        <p class="dashboard-hero-text mb-2">
                            Тут ти бачиш загальну картину по тімлідам, кабінетам, балансам та нотаткам.
                            Використовуй швидкі дії нижче, щоб миттєво перейти до потрібного розділу.
                        </p>

                        <div class="dashboard-hero-stats">
                            <div>
                                <span class="dashboard-hero-stat-label">Тімлідів:</span>
                                <span class="dashboard-hero-stat-value">{{ $stats['teamleads'] ?? '—' }}</span>
                            </div>
                            <div>
                                <span class="dashboard-hero-stat-label">Кабінетів:</span>
                                <span class="dashboard-hero-stat-value">{{ $stats['cabinets'] ?? '—' }}</span>
                            </div>
                            <div>
                                <span class="dashboard-hero-stat-label">Записів балансу:</span>
                                <span class="dashboard-hero-stat-value">{{ $stats['balances'] ?? '—' }}</span>
                            </div>
                            <div>
                                <span class="dashboard-hero-stat-label">Нотаток:</span>
                                <span class="dashboard-hero-stat-value">{{ $stats['notes'] ?? '—' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Картки з цифрами --}}
            <div class="col-lg-7">
                <div class="row text-center">

                    <div class="col-6 col-md-3 mb-3">
                        <div class="dashboard-metric-card p-3 h-100 d-flex flex-column justify-content-center">
                            <div class="dashboard-metric-icon">👥</div>
                            <div class="dashboard-metric-value">
                                {{ $stats['teamleads'] ?? '—' }}
                            </div>
                            <div class="dashboard-metric-label">
                                Тімлідів
                            </div>
                        </div>
                    </div>

                    <div class="col-6 col-md-3 mb-3">
                        <div class="dashboard-metric-card p-3 h-100 d-flex flex-column justify-content-center">
                            <div class="dashboard-metric-icon">🏢</div>
                            <div class="dashboard-metric-value">
                                {{ $stats['cabinets'] ?? '—' }}
                            </div>
                            <div class="dashboard-metric-label">
                                Кабінетів
                            </div>
                        </div>
                    </div>

                    <div class="col-6 col-md-3 mb-3">
                        <div class="dashboard-metric-card p-3 h-100 d-flex flex-column justify-content-center">
                            <div class="dashboard-metric-icon">💰</div>
                            <div class="dashboard-metric-value">
                                {{ $stats['balances'] ?? '—' }}
                            </div>
                            <div class="dashboard-metric-label">
                                Записів балансу
                            </div>
                        </div>
                    </div>

                    <div class="col-6 col-md-3 mb-3">
                        <div class="dashboard-metric-card p-3 h-100 d-flex flex-column justify-content-center">
                            <div class="dashboard-metric-icon">📝</div>
                            <div class="dashboard-metric-value">
                                {{ $stats['notes'] ?? '—' }}
                            </div>
                            <div class="dashboard-metric-label">
                                Нотаток тімлідів
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>


    {{-- ШВИДКІ ДІЇ --}}
    <div class="admin-card p-4 mb-4">
        <div class="dashboard-quick-header mb-3">
            <h5 class="mb-2 mb-md-0">Швидкі дії</h5>
            <div class="dashboard-quick-subtitle">
                Найчастіші сценарії: додати тімліда, кабінет, перевірити баланси та нотатки.
            </div>
        </div>

        <div class="row">

            <div class="col-md-3 col-sm-6 mb-3">
                <a href="{{ route('admin.teamleads.create') }}"
                   class="btn w-100 py-3 dashboard-quick-btn dashboard-quick-btn-primary">
                    <div class="d-flex flex-column">
                        <span class="dashboard-quick-btn-title">➕ Створити тімліда</span>
                        <span class="dashboard-quick-btn-desc">
                            Додати нового відповідального за кабінет
                        </span>
                    </div>
                </a>
            </div>

            <div class="col-md-3 col-sm-6 mb-3">
                <a href="{{ route('admin.cabinets.create') }}"
                   class="btn w-100 py-3 dashboard-quick-btn dashboard-quick-btn-primary">
                    <div class="d-flex flex-column">
                        <span class="dashboard-quick-btn-title">🏠 Створити кабінет</span>
                        <span class="dashboard-quick-btn-desc">
                            Запустити новий кабінет у роботу
                        </span>
                    </div>
                </a>
            </div>

            <div class="col-md-3 col-sm-6 mb-3">
                <a href="{{ route('admin.reports.balances.index') }}"
                   class="btn w-100 py-3 dashboard-quick-btn dashboard-quick-btn-outline">
                    <div class="d-flex flex-column">
                        <span class="dashboard-quick-btn-title">📊 Переглянути баланси</span>
                        <span class="dashboard-quick-btn-desc">
                            Оцінити результати тімлідів
                        </span>
                    </div>
                </a>
            </div>

            <div class="col-md-3 col-sm-6 mb-3">
                <a href="{{ route('admin.reports.notes.index') }}"
                   class="btn w-100 py-3 dashboard-quick-btn dashboard-quick-btn-outline">
                    <div class="d-flex flex-column">
                        <span class="dashboard-quick-btn-title">📝 Нотатки тімлідів</span>
                        <span class="dashboard-quick-btn-desc">
                            Подивитись фідбек по зміні
                        </span>
                    </div>
                </a>
            </div>

        </div>
    </div>


    {{-- НАВІГАЦІЯ ПО РОЗДІЛАХ --}}
    <div class="admin-card p-4">
        <h5 class="mb-3">Розділи адмінки</h5>

        <div class="row">

            <div class="col-lg-4 mb-3">
                <div class="dashboard-section-card p-3 h-100">
                    <div class="d-flex align-items-center mb-2">
                        <div class="dashboard-section-icon">👥</div>
                        <div class="dashboard-section-title">Тімліди</div>
                    </div>
                    <p class="dashboard-section-text mb-2">
                        Управління тімлідами та їх привʼязкою до кабінетів.
                    </p>
                    <a href="{{ route('admin.teamleads.index') }}" class="dashboard-section-link">
                        Перейти до списку тімлідів →
                    </a>
                </div>
            </div>

            <div class="col-lg-4 mb-3">
                <div class="dashboard-section-card p-3 h-100">
                    <div class="d-flex align-items-center mb-2">
                        <div class="dashboard-section-icon">🏢</div>
                        <div class="dashboard-section-title">Кабінети</div>
                    </div>
                    <p class="dashboard-section-text mb-2">
                        Статистика, зарплати, план по кабінетах та їх склад.
                    </p>
                    <a href="{{ route('admin.cabinets.index') }}" class="dashboard-section-link">
                        Перейти до списку кабінетів →
                    </a>
                </div>
            </div>

            <div class="col-lg-4 mb-3">
                <div class="dashboard-section-card p-3 h-100">
                    <div class="d-flex align-items-center mb-2">
                        <div class="dashboard-section-icon">⚡</div>
                        <div class="dashboard-section-title">Datame та норми</div>
                    </div>
                    <p class="dashboard-section-text mb-2">
                        Цілі на місяць, поточний баланс та планові показники.
                    </p>
                    <div class="dashboard-section-text mb-0">
                        <a href="{{ route('admin.datame-targets.month') }}" class="dashboard-section-link">
                            Datame — баланс сьогодні
                        </a><br>
                        <a href="{{ route('admin.monthly-targets.index') }}" class="dashboard-section-link">
                            Норми на місяць
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection