@extends('layouts.manager')

@section('title','Weekly Reports')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/manager/weekly-reports.css') }}">
@endpush

@section('content')
    <div class="mwr-page">

        {{-- HERO --}}
        <div class="mwr-hero">
            <div class="mwr-hero__bg"></div>

            <div class="mwr-hero__content">
                <div class="mwr-hero__left">
                    <div class="mwr-kicker">
                        {{ $role === 'head_manager' ? 'Head Manager' : 'Manager' }} • Weekly
                    </div>

                    <h1 class="mwr-title">Щотижневі звіти</h1>

                    <div class="mwr-subtitle">
                        Твій звіт раз на тиждень. Адмін зможе оцінити та залишити фідбек.
                    </div>

                    <div class="mwr-actions">
                        <a class="mwr-btn mwr-btn--primary" href="{{ route('manager.weekly-reports.create') }}">
                            <span class="mwr-btn__icon"><i class="fa-solid fa-plus"></i></span>
                            <span>Новий звіт</span>
                        </a>
                    </div>
                </div>

                <div class="mwr-hero__right">
                    <div class="mwr-stat-grid">
                        <div class="mwr-stat">
                            <div class="mwr-stat__label">Усього</div>
                            <div class="mwr-stat__value">{{ $reports->count() }}</div>
                            <div class="mwr-stat__hint">звіти у твоєму акаунті</div>
                        </div>

                        <div class="mwr-stat">
                            <div class="mwr-stat__label">Подано</div>
                            <div class="mwr-stat__value">{{ $reports->where('status','submitted')->count() }}</div>
                            <div class="mwr-stat__hint">очікують перевірки</div>
                        </div>

                        <div class="mwr-stat">
                            <div class="mwr-stat__label">Оцінено</div>
                            <div class="mwr-stat__value">{{ $reports->whereIn('status',['reviewed','approved','rejected'])->count() }}</div>
                            <div class="mwr-stat__hint">є результат</div>
                        </div>
                    </div>

                    <div class="mwr-tip">
                        <i class="fa-solid fa-bullseye"></i>
                        <div>
                            <div class="mwr-tip__title">Фокус тижня</div>
                            <div class="mwr-tip__text">Пиши як менеджер: що змінилось, що контролював які ризики.</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- FLASH --}}
        @if(session('success'))
            <div class="mwr-alert mwr-alert--success">
                <i class="fa-solid fa-circle-check"></i>
                <div>{{ session('success') }}</div>
            </div>
        @endif

        @if(session('error'))
            <div class="mwr-alert mwr-alert--danger">
                <i class="fa-solid fa-triangle-exclamation"></i>
                <div>{{ session('error') }}</div>
            </div>
        @endif

        {{-- LIST --}}
        <div class="mwr-card">
            <div class="mwr-card__head">
                <div class="mwr-card__title">
                    <i class="fa-solid fa-list-check"></i>
                    Твої звіти
                </div>

                <div class="mwr-card__meta">
                    <span class="mwr-chip">
                        <i class="fa-regular fa-calendar"></i>
                        Сортування: нові → старі
                    </span>
                </div>
            </div>

            @if($reports->isEmpty())
                <div class="mwr-empty">
                    <div class="mwr-empty__icon"><i class="fa-solid fa-file-circle-plus"></i></div>
                    <div class="mwr-empty__title">Поки що немає звітів</div>
                    <div class="mwr-empty__text">Натисни “Новий звіт”, заповни 3 блоки і відправ.</div>

                    <a class="mwr-btn mwr-btn--primary" href="{{ route('manager.weekly-reports.create') }}">
                        <span class="mwr-btn__icon"><i class="fa-solid fa-plus"></i></span>
                        <span>Створити перший звіт</span>
                    </a>
                </div>
            @else
                <div class="mwr-table">
                    <div class="mwr-table__row mwr-table__row--head">
                        <div>Тиждень</div>
                        <div>Статус</div>
                        <div>Score</div>
                        <div>Надіслано</div>
                        <div class="mwr-table__right">Дії</div>
                    </div>

                    @foreach($reports as $r)
                        @php
                            $status = $r->status ?? 'submitted';
                            $score  = $r->score;
                            $submitted = $r->submitted_at ? $r->submitted_at->format('d.m.Y H:i') : '—';

                            $statusLabel = match($status){
                                'submitted' => 'Подано',
                                'reviewed'  => 'Перевірено',
                                'approved'  => 'Схвалено',
                                'rejected'  => 'Потрібні правки',
                                default     => ucfirst($status),
                            };

                            $statusClass = match($status){
                                'submitted' => 'mwr-badge--info',
                                'reviewed'  => 'mwr-badge--violet',
                                'approved'  => 'mwr-badge--success',
                                'rejected'  => 'mwr-badge--danger',
                                default     => 'mwr-badge--muted',
                            };

                            $weekStart = \Carbon\Carbon::now()
                                ->setISODate($r->year, $r->week)
                                ->startOfWeek()
                                ->locale('uk');

                            $weekEnd = (clone $weekStart)->endOfWeek()->locale('uk');
                        @endphp

                        <a class="mwr-table__row mwr-table__row--data"
                           href="{{ route('manager.weekly-reports.show', $r->id) }}">

                            <div class="mwr-week">
                                <div class="mwr-week__main">
                                    {{ $weekStart->translatedFormat('d') }}
                                    –
                                    {{ $weekEnd->translatedFormat('d F Y') }}
                                </div>

                                <div class="mwr-week__sub">
                                    Тиждень {{ $r->week }}
                                </div>
                            </div>

                            <div>
                                <span class="mwr-badge {{ $statusClass }}">
                                    <span class="mwr-badge__dot"></span>
                                    {{ $statusLabel }}
                                </span>
                            </div>

                            <div class="mwr-score">
                                @if($score === null)
                                    <span class="mwr-score__na">—</span>
                                @else
                                    <span class="mwr-score__val">{{ $score }}</span>
                                    <span class="mwr-score__max">/10</span>
                                    <span class="mwr-score__bar" style="--p: {{ max(0, min(100, ($score/10)*100)) }}%"></span>
                                @endif
                            </div>

                            <div class="mwr-date">{{ $submitted }}</div>

                            <div class="mwr-table__right">
                                <span class="mwr-link">
                                    Відкрити
                                    <i class="fa-solid fa-arrow-right"></i>
                                </span>
                            </div>
                        </a>
                    @endforeach
                </div>
            @endif
        </div>

    </div>
@endsection