@extends('layouts.manager')

@section('title','Datame — цілі на місяць')
@section('page_title','Datame — цілі на місяць')

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

@section('content')

    {{-- ПЛАН ПО БОНУСАМ НА МІСЯЦЬ --}}
    <div class="admin-card datame-month-card p-4 mb-4">

        <div class="datame-month-header">
            <div>
                <h5 class="mb-0 datame-month-title">📅 План по бонусам на місяць</h5>
                <p class="datame-month-subtitle">
                    Обери місяць, щоб побачити загальну ціль та розподіл по нічній, денній та вечірній змінах.
                </p>
            </div>
            <span class="datame-date-badge">
                {{ \Carbon\Carbon::now(config('app.timezone','Europe/Kyiv'))->translatedFormat('d F Y') }}
            </span>
        </div>

        <form action="{{ route('manager.datame-targets.month') }}"
              method="GET"
              class="datame-month-filter">

            <label for="month-input">Місяць</label>

            <input id="month-input"
                   type="month"
                   name="month"
                   class="form-control"
                   value="{{ $summary['month_value'] }}">

            <button class="btn btn-primary">
                Показати місяць
            </button>
        </form>

        <p class="datame-month-info mb-3">
            Обраний місяць:
            <strong>{{ $summary['month_label'] }}</strong>,
            днів у місяці:
            <strong>{{ $summary['days'] }}</strong>
        </p>

        {{-- ✅ НОВОЕ: ПРОГРЕСС ЗА МЕСЯЦ --}}
        <div class="mb-4">
            <div class="d-flex justify-content-between align-items-center mb-1">
                <div class="small text-muted text-uppercase">Прогрес за місяць</div>
                <strong>{{ (int)($summary['month_progress'] ?? 0) }}%</strong>
            </div>

            <div class="progress datame-progress-lg">
                <div class="progress-bar"
                     style="width: {{ $summary['month_progress_bar'] ?? min(100, max(0, (int)($summary['month_progress'] ?? 0))) }}%;">
                </div>
            </div>

            <div class="d-flex justify-content-between mt-2 small text-muted">
                <span>
                    Зроблено: <strong
                            class="text-success">${{ number_format((float)($summary['month_earned'] ?? 0), 2) }}</strong>
                </span>
                <span>
                    План: <strong>${{ number_format((float)($summary['month_total'] ?? 0), 2) }}</strong>
                </span>
                <span>
                    Залишилось: <strong>${{ number_format((float)($summary['month_remaining'] ?? 0), 2) }}</strong>
                </span>
            </div>
        </div>

        {{-- ЩОДЕННА ЦІЛЬ / ЦІЛЬ ЗА МІСЯЦЬ --}}
        <div class="row">

            {{-- ЩОДЕННА ЦІЛЬ --}}
            <div class="col-md-6 mb-3">
                <div class="datame-stat-card datame-stat-card--daily">
                    <div class="datame-stat-inner">

                        <div class="datame-stat-header">
                            <div class="datame-stat-header-main">
                                <div class="datame-stat-icon">📆</div>
                                <div class="datame-stat-text-block">
                                    <div class="datame-stat-label">Щоденна ціль</div>
                                    <div class="datame-stat-tag">
                                        Мінімальний добовий бонус, щоб впевнено вийти на план.
                                    </div>
                                </div>
                            </div>

                            <span class="datame-stat-pill">daily</span>
                        </div>

                        <div class="datame-stat-value">
                            ${{ number_format($summary['daily_target'],2) }}
                        </div>
                        <div class="datame-stat-hint">
                            Якщо стабільно тримати цю суму щодня — місячний план буде закритий.
                        </div>

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

            {{-- ЦІЛЬ ЗА МІСЯЦЬ --}}
            <div class="col-md-6 mb-3">
                <div class="datame-stat-card datame-stat-card--month">
                    <div class="datame-stat-inner">

                        <div class="datame-stat-header">
                            <div class="datame-stat-header-main">
                                <div class="datame-stat-icon">🎯</div>
                                <div class="datame-stat-text-block">
                                    <div class="datame-stat-label">Ціль за місяць</div>
                                    <div class="datame-stat-tag">
                                        Загальний бонус по всім змінам за обраний місяць.
                                    </div>
                                </div>
                            </div>

                            <span class="datame-stat-pill">month</span>
                        </div>

                        <div class="datame-stat-value">
                            ${{ number_format($summary['month_total'],2) }}
                        </div>
                        <div class="datame-stat-hint">
                            Орієнтир, до якого веде щоденна ціль та робота по всіх змінах.
                        </div>

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

        </div>

        <hr>

        {{-- ЦІЛІ ПО ЗМІНАХ (ЗА МІСЯЦЬ) --}}
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h6 class="mb-0">Цілі по змінах (за місяць)</h6>
            <span class="datame-month-mini-hint">
                Можна швидко побачити, чи не просідає якась конкретна зміна.
            </span>
        </div>

        <div class="row">

            {{-- Нічна зміна --}}
            <div class="col-md-4 mb-3">
                <div class="datame-shift-summary-card datame-shift-summary-card--night">
                    <div class="datame-shift-summary-inner">

                        <div class="datame-shift-summary-header">
                            <div>
                                <div class="datame-shift-summary-title">🌙 Ніч</div>
                                <div class="datame-shift-summary-sub">02:00 – 10:00</div>
                            </div>
                            <span class="datame-shift-summary-pill">нічна зміна</span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">На день</span>
                            <span class="datame-shift-summary-value">
                                ${{ number_format($summary['night_target'],2) }}
                            </span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">За місяць</span>
                            <span class="datame-shift-summary-value">
                                {{ number_format($summary['night_total'],2) }}
                            </span>
                        </div>

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

            {{-- Денна зміна --}}
            <div class="col-md-4 mb-3">
                <div class="datame-shift-summary-card datame-shift-summary-card--day">
                    <div class="datame-shift-summary-inner">

                        <div class="datame-shift-summary-header">
                            <div>
                                <div class="datame-shift-summary-title">🌤 День</div>
                                <div class="datame-shift-summary-sub">10:00 – 18:00</div>
                            </div>
                            <span class="datame-shift-summary-pill">денна зміна</span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">На день</span>
                            <span class="datame-shift-summary-value">
                                ${{ number_format($summary['day_target'],2) }}
                            </span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">За місяць</span>
                            <span class="datame-shift-summary-value">
                                {{ number_format($summary['day_total'],2) }}
                            </span>
                        </div>

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

            {{-- Вечірня зміна --}}
            <div class="col-md-4 mb-3">
                <div class="datame-shift-summary-card datame-shift-summary-card--evening">
                    <div class="datame-shift-summary-inner">

                        <div class="datame-shift-summary-header">
                            <div>
                                <div class="datame-shift-summary-title">🌇 Вечір</div>
                                <div class="datame-shift-summary-sub">18:00 – 02:00</div>
                            </div>
                            <span class="datame-shift-summary-pill">вечірня зміна</span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">На день</span>
                            <span class="datame-shift-summary-value">
                                ${{ number_format($summary['evening_target'],2) }}
                            </span>
                        </div>

                        <div class="datame-shift-summary-row">
                            <span class="datame-shift-summary-label">За місяць</span>
                            <span class="datame-shift-summary-value">
                                {{ number_format($summary['evening_total'],2) }}
                            </span>
                        </div>

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

        </div>

    </div>

    {{-- DATAME ЗА ОБРАНИЙ ДЕНЬ --}}
    @if(!empty($datame))

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

            $selectedDateRaw   = $selectedDateRaw ?? null;
            $selectedDate      = $selectedDateLabel ?? null;

            $diff = $datame['target'] - $datame['total'];

            $datameDateForShifts = \Carbon\Carbon::parse($selectedDateRaw, $tz)->startOfDay();
            $now = \Carbon\Carbon::now($tz);
        @endphp

        <div class="admin-card datame-day-card p-4">

            <div class="datame-day-header">

                <div>
                    <h5 class="mb-1 datame-day-title">
                        ⚡ Datame — бонуси за {{ $selectedDate }}
                    </h5>
                    <p class="datame-day-subtitle">
                        Обрана дата: {{ $selectedDate }}
                    </p>

                    <div class="datame-day-chip-row mt-1">
                        <span class="datame-day-chip">
                            За день закрито
                            <strong>{{ $datame['progress'] }}%</strong>
                            від добової цілі
                        </span>
                    </div>
                </div>

                <div class="datame-day-filters">

                    <form action="{{ route('manager.datame-targets.month') }}"
                          method="GET"
                          class="datame-day-filter-form">

                        <input type="hidden" name="month" value="{{ $summary['month_value'] }}">

                        <label for="date-input">Дата</label>

                        <input id="date-input"
                               type="date"
                               name="date"
                               class="form-control"
                               value="{{ $selectedDateRaw }}">

                        <button class="btn btn-outline-secondary">
                            Показати день
                        </button>

                        <a href="{{ route('manager.datame-targets.month', ['month' => $summary['month_value']]) }}"
                           class="btn btn-link btn-sm datame-today-link">
                            Сьогодні
                        </a>
                    </form>

                    @if($datame['target'] > 0)
                        @if($diff > 0)
                            <span class="badge badge-info datame-day-badge">
                                Залишилось до цілі: ${{ number_format($diff,2) }}
                            </span>
                        @else
                            <span class="badge badge-success datame-day-badge">
                                Перевиконано на: ${{ number_format(abs($diff),2) }}
                            </span>
                        @endif
                    @endif

                </div>
            </div>

            {{-- Тотал + ціль + прогрес --}}
            <div class="row align-items-center datame-day-summary-row">

                <div class="col-md-4 mb-3">
                    <div class="small text-muted text-uppercase mb-1">Поточний бонус</div>
                    <div class="h3 text-success mb-0">
                        ${{ number_format($datame['total'],2) }}
                    </div>
                    <div class="text-muted small">Сумарно по всіх логінах за цю дату</div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="small text-muted text-uppercase mb-1">Ціль за добу</div>
                    <div class="h4 mb-0">
                        ${{ number_format($datame['target'],0) }}
                    </div>
                </div>

                <div class="col-md-5 mb-3">
                    <div class="d-flex justify-content-between mb-1">
                        <span class="small text-muted">Прогрес за день</span>
                        <strong>{{ $datame['progress'] }}%</strong>
                    </div>

                    <div class="progress datame-progress-lg">
                        <div class="progress-bar"
                             style="width: {{ $datame['progress_bar'] ?? min(100, max(0, $datame['progress'])) }}%;">
                        </div>
                    </div>
                </div>

            </div>

            <hr>

            <div class="d-flex justify-content-between align-items-center mb-2">
                <h6 class="mb-0">Розподіл по змінах за день</h6>
                <span class="datame-month-mini-hint">
                    Поточний прогрес по кожній зміні + прогноз або підсумок.
                </span>
            </div>

            <div class="row">

                @foreach($datame['shifts'] as $key => $shift)

                    @php
                        $isActive   = false;
                        $isFuture   = false;
                        $isFinished = false;
                        $shiftStart = null;
                        $shiftEnd   = null;

                        if ($key === 'night') {
                            $shiftStart = $datameDateForShifts->copy()->setTime(2, 0, 0);
                            $shiftEnd   = $datameDateForShifts->copy()->setTime(10, 0, 0);
                        } elseif ($key === 'day') {
                            $shiftStart = $datameDateForShifts->copy()->setTime(10, 0, 0);
                            $shiftEnd   = $datameDateForShifts->copy()->setTime(18, 0, 0);
                        } elseif ($key === 'evening') {
                            $shiftStart = $datameDateForShifts->copy()->setTime(18, 0, 0);
                            $shiftEnd   = $datameDateForShifts->copy()->addDay()->setTime(2, 0, 0);
                        }

                        if ($shiftStart && $shiftEnd) {
                            if ($now->between($shiftStart, $shiftEnd)) {
                                $isActive = true;
                            } elseif ($now->lt($shiftStart)) {
                                $isFuture = true;
                            } elseif ($now->gt($shiftEnd)) {
                                $isFinished = true;
                            }
                        }

                        $shiftDiff = $shift['target'] - $shift['total'];

                        $elapsedFraction     = 0.0;
                        $predictionPercent   = null;
                        $predictedShiftTotal = null;

                        if ($isActive && $shift['target'] > 0 && $shift['total'] > 0 && $shiftStart && $shiftEnd) {
                            $totalMinutes   = $shiftStart->diffInMinutes($shiftEnd);
                            $elapsedMinutes = $shiftStart->diffInMinutes($now);

                            $elapsedMinutes  = max(0, min($totalMinutes, $elapsedMinutes));
                            $elapsedFraction = $totalMinutes > 0 ? $elapsedMinutes / $totalMinutes : 0;

                            if ($elapsedFraction > 0) {
                                $predictedShiftTotal = $shift['total'] / $elapsedFraction;

                                $predictionPercent = $predictedShiftTotal > 0
                                    ? (int) round(($predictedShiftTotal / $shift['target']) * 100)
                                    : 0;
                            }
                        }
                    @endphp

                    <div class="col-md-4 mb-4">

                        <div class="datame-shift-card {{ $isActive ? 'datame-shift-card--active' : '' }}">

                            <div class="datame-shift-header">
                                <span>{{ $shift['label'] }}</span>

                                @if($isActive)
                                    <span class="badge badge-info datame-shift-badge-active">
                                        зміна зараз у роботі
                                    </span>
                                @endif
                            </div>

                            <div class="datame-shift-top-row">
                                <span class="datame-shift-amount">
                                    ${{ number_format($shift['total'],2) }}
                                </span>
                                <span class="datame-shift-target">
                                    Ціль: ${{ number_format($shift['target'],2) }}
                                </span>
                            </div>

                            <div class="progress datame-progress-sm mt-1">
                                <div class="progress-bar"
                                     style="width:{{ $shift['progress_bar'] ?? min(100, max(0, $shift['progress'])) }}%;"></div>
                            </div>

                            <div class="datame-shift-footer">
                                <span>{{ $shift['progress'] }}%</span>

                                @php $shiftDiff = $shift['target'] - $shift['total']; @endphp

                                @if($isActive)
                                    <span>залишилось ${{ number_format(max($shiftDiff,0),2) }}</span>
                                @else
                                    @if($shiftDiff > 0)
                                        <span>не добрали -${{ number_format($shiftDiff,2) }}</span>
                                    @elseif($shiftDiff < 0)
                                        <span>перевиконано +${{ number_format(abs($shiftDiff),2) }}</span>
                                    @else
                                        <span>план виконано рівно</span>
                                    @endif
                                @endif
                            </div>

                            <div class="datame-shift-prediction mt-2">
                                @if($shift['target'] > 0)

                                    @if($isActive)
                                        <div class="small text-muted">
                                            Якщо тримати такий темп до кінця зміни, очікуваний результат:
                                        </div>

                                        <div class="font-weight-bold">
                                            @if($predictionPercent !== null && $predictedShiftTotal !== null && $elapsedFraction > 0)
                                                ≈ ${{ number_format($predictedShiftTotal,2) }}
                                                ({{ $predictionPercent }}% від цілі)
                                            @else
                                                <span class="text-muted small">
                                                    Поки що замало даних для коректного прогнозу
                                                </span>
                                            @endif
                                        </div>

                                    @elseif($isFinished)
                                        <div class="small text-muted">Підсумок по зміні:</div>

                                        @php
                                            $progress       = (int)$shift['progress'];
                                            $target         = (float)$shift['target'];
                                            $total          = (float)$shift['total'];
                                            $missingAmount  = max(0, $target - $total);
                                            $missingPercent = $progress < 100 ? (100 - $progress) : 0;
                                            $overAmount     = $progress > 100 ? max(0, $total - $target) : 0;
                                        @endphp

                                        <div class="font-weight-bold">
                                            @if($progress >= 100)
                                                Зміну закрито на {{ $progress }}%
                                                @if($overAmount > 0)
                                                    (перевиконано +${{ number_format($overAmount,2) }})
                                                @endif
                                            @else
                                                Не вистачило {{ $missingPercent }}%
                                                (-${{ number_format($missingAmount,2) }})
                                                щоб закрити зміну на 100%
                                            @endif
                                        </div>
                                    @endif

                                @else
                                    <div class="small text-muted">
                                        Ціль не задана для цієї зміни.
                                    </div>
                                @endif
                            </div>

                            <div class="datame-shift-timeleft mt-2 small text-muted">
                                @php
                                    $timeLeftLabel = null;

                                    if ($shiftStart && $shiftEnd) {
                                        if ($now->between($shiftStart, $shiftEnd)) {
                                            $remainingMinutes = $now->diffInMinutes($shiftEnd);
                                            $hoursLeft   = intdiv($remainingMinutes, 60);
                                            $minutesLeft = $remainingMinutes % 60;

                                            $timeLeftLabel = 'До кінця зміни залишилось ' .
                                                $hoursLeft . ':' . str_pad($minutesLeft, 2, '0', STR_PAD_LEFT);
                                        } elseif ($now->lt($shiftStart)) {
                                            $remainingMinutes = $now->diffInMinutes($shiftStart);
                                            $hoursLeft   = intdiv($remainingMinutes, 60);
                                            $minutesLeft = $remainingMinutes % 60;

                                            $timeLeftLabel = 'До початку зміни залишилось ' .
                                                $hoursLeft . ':' . str_pad($minutesLeft, 2, '0', STR_PAD_LEFT);
                                        } else {
                                            $timeLeftLabel = 'Зміна вже завершилась';
                                        }
                                    }
                                @endphp

                                @if($timeLeftLabel)
                                    {{ $timeLeftLabel }}
                                @endif
                            </div>

                            @if(!empty($shift['hours']))
                                <div class="datame-hours-wrapper">
                                    <div class="datame-hours-title">Погодинний розподіл:</div>

                                    <div class="datame-hours-box">
                                        @foreach($shift['hours'] as $h)
                                            <div class="datame-hour-row">
                                                <span>{{ $h['label'] }}</span>
                                                <span>${{ number_format($h['amount'],2) }}</span>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif

                        </div>

                    </div>

                @endforeach

            </div>

        </div>
    @endif

@endsection