@extends('layouts.manager')

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

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

@section('content')
    @php
        $r = $report;

        $status = $r->status ?? 'submitted';
        $score  = $r->score;

        $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',
        };

        $submitted = $r->submitted_at ? $r->submitted_at->format('d.m.Y H:i') : '—';
        $reviewed  = $r->reviewed_at  ? $r->reviewed_at->format('d.m.Y H:i')  : '—';

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

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

        $weekRange = $weekStart->translatedFormat('d') . '–' . $weekEnd->translatedFormat('d F Y');

        $roleTitle = ($role ?? $r->author_role) === 'head_manager' ? 'Head Manager' : 'Manager';
    @endphp

    <div class="mwr-page">

        <div class="mwr-topbar">
            <a class="mwr-back" href="{{ route('manager.weekly-reports.index') }}">
                <i class="fa-solid fa-arrow-left"></i>
                До списку
            </a>

            <div class="mwr-topbar__right">
                <span class="mwr-chip">
                    <i class="fa-solid fa-user-tie"></i>
                    {{ $roleTitle }}
                </span>

                <span class="mwr-chip">
                    <i class="fa-solid fa-calendar-week"></i>
                    {{ $r->year }} • W{{ str_pad($r->week, 2, '0', STR_PAD_LEFT) }}
                </span>

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

        <div class="mwr-card mwr-show-hero">
            <div class="mwr-show-hero__bg"></div>

            <div class="mwr-show-hero__content">
                <div class="mwr-show-hero__main">
                    <div class="mwr-kicker">Weekly Report</div>

                    <h1 class="mwr-title">
                        Звіт за тиждень {{ str_pad($r->week, 2, '0', STR_PAD_LEFT) }}
                        <span class="mwr-title__date">{{ $weekRange }}</span>
                    </h1>

                    <div class="mwr-show-meta">
                        <div class="mwr-meta-item">
                            <div class="mwr-meta-item__label">Надіслано</div>
                            <div class="mwr-meta-item__value">{{ $submitted }}</div>
                        </div>

                        <div class="mwr-meta-item">
                            <div class="mwr-meta-item__label">Перевірено</div>
                            <div class="mwr-meta-item__value">{{ $reviewed }}</div>
                        </div>

                        <div class="mwr-meta-item">
                            <div class="mwr-meta-item__label">Reviewer</div>
                            <div class="mwr-meta-item__value">
                                {{ optional($r->reviewer)->name ?? '—' }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mwr-show-hero__side">
                    <div class="mwr-scorebox">
                        <div class="mwr-scorebox__title">Score</div>

                        @if($score === null)
                            <div class="mwr-scorebox__value mwr-scorebox__value--na">—</div>
                            <div class="mwr-scorebox__sub">поки що без оцінки</div>
                        @else
                            <div class="mwr-scorebox__value">{{ $score }}<span>/10</span></div>
                            <div class="mwr-scorebox__meter" style="--p: {{ max(0, min(100, ($score/10)*100)) }}%"></div>
                            <div class="mwr-scorebox__sub">оцінка якості звіту</div>
                        @endif
                    </div>

                    @if(!empty($r->admin_feedback))
                        <div class="mwr-feedback">
                            <div class="mwr-feedback__title">
                                <i class="fa-solid fa-message"></i>
                                Фідбек адміна
                            </div>
                            <div class="mwr-feedback__text">
                                {!! nl2br(e($r->admin_feedback)) !!}
                            </div>
                        </div>
                    @else
                        <div class="mwr-feedback mwr-feedback--empty">
                            <div class="mwr-feedback__title">
                                <i class="fa-regular fa-clock"></i>
                                Фідбек ще не додано
                            </div>
                            <div class="mwr-feedback__text">Зараз звіт у черзі на перевірку.</div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="mwr-grid mwr-grid--show">
            <div class="mwr-card mwr-block">
                <div class="mwr-block__head">
                    <div class="mwr-block__title">
                        <i class="fa-solid fa-check"></i>
                        Що зроблено
                    </div>
                </div>
                <div class="mwr-block__body mwr-prose">
                    {!! nl2br(e($r->done_this_week)) !!}
                </div>
            </div>

            <div class="mwr-card mwr-block">
                <div class="mwr-block__head">
                    <div class="mwr-block__title">
                        <i class="fa-solid fa-triangle-exclamation"></i>
                        Проблеми / блокери
                    </div>
                </div>
                <div class="mwr-block__body mwr-prose">
                    {!! nl2br(e($r->issues ?: 'Немає')) !!}
                </div>
            </div>

            <div class="mwr-card mwr-block mwr-block--full">
                <div class="mwr-block__head">
                    <div class="mwr-block__title">
                        <i class="fa-solid fa-forward"></i>
                        План на наступний тиждень
                    </div>
                </div>
                <div class="mwr-block__body mwr-prose">
                    {!! nl2br(e($r->plan_next_week)) !!}
                </div>
            </div>
        </div>

    </div>
@endsection