@extends('layouts.core.backend', [
    'menu' => 'sending_server',
])

@section('title', $server->name . ' — Warmup Statistics')

@section('head')
    <script type="text/javascript" src="{{ AppUrl::asset('core/echarts/echarts.min.js') }}"></script>
    <script type="text/javascript" src="{{ AppUrl::asset('core/echarts/dark.js') }}"></script>
@endsection

@section('page_header')
    <div class="page-title">
        <ul class="breadcrumb breadcrumb-caret position-right">
            <li class="breadcrumb-item"><a href="{{ action('Admin\HomeController@index') }}">{{ trans('messages.home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ action('Admin\SendingServerController@index') }}">{{ trans('messages.sending_servers') }}</a></li>
            <li class="breadcrumb-item">Warmup Statistics</li>
        </ul>
        <h1>
            <div class="d-flex align-items-center gap-3">
                <span class="text-semibold">
                    <span class="material-symbols-rounded">local_fire_department</span>
                    {{ $server->name }}
                </span>
                <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-active">Warmup</span>
                <a href="{{ action('Admin\SendingServerController@edit', [$server->uid, $server->type]) }}" class="btn btn-light btn-sm">
                    <span class="material-symbols-rounded">settings</span> Configure
                </a>
                <form method="POST" action="{{ action('Admin\SendingServerController@warmupReset', $server->uid) }}" class="d-inline" onsubmit="return confirm('Reset all warmup records for this server?')">
                    @csrf
                    <button type="submit" class="btn btn-outline-danger btn-sm">
                        <span class="material-symbols-rounded">restart_alt</span> Reset Warmup
                    </button>
                </form>
            </div>
        </h1>
    </div>
@endsection

@section('content')
@php
    $strategy = $server->warmupStrategy;

    $serverGrowthStrategy = $strategy->growth_strategy ?: Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_LINEAR;
    $serverLimitType = $strategy->limit_type ?: Acelle\Model\WarmupStrategy::LIMIT_TYPE_PER_DAY_CAP;
    $serverLimitLabel = match ($serverLimitType) {
        Acelle\Model\WarmupStrategy::LIMIT_TYPE_TARGET_VOLUME => trans('warmup.fields.limit_target_volume'),
        Acelle\Model\WarmupStrategy::LIMIT_TYPE_STOP_AFTER_DAYS => trans('warmup.fields.limit_stop_after_days'),
        default => trans('warmup.fields.limit_per_day_cap'),
    };
    $serverLimitValue = match ($serverLimitType) {
        Acelle\Model\WarmupStrategy::LIMIT_TYPE_TARGET_VOLUME => number_with_delimiter($strategy->activeLimitValue()).' '.trans('messages.emails'),
        Acelle\Model\WarmupStrategy::LIMIT_TYPE_STOP_AFTER_DAYS => number_with_delimiter($strategy->activeLimitValue()).' '.trans('messages.days'),
        default => number_with_delimiter($strategy->activeLimitValue()).'/'.$strategy->quota_type,
    };
    $serverGrowthLabel = $serverGrowthStrategy === Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_EXPONENTIAL
        ? trans('warmup.preview.exponential_factor')
        : trans('warmup.preview.daily_increment');
    $serverGrowthValue = $serverGrowthStrategy === Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_EXPONENTIAL
        ? 'x'.number_format((float) $strategy->exponential_factor, 2)
        : '+'.number_with_delimiter($strategy->daily_increment).'/'.$strategy->quota_type;

    $warmupUsages = \Acelle\Model\SendingServerWarmupUsage::where('sending_server_id', $server->id)
        ->orderBy('day_number')->get();

    $planDetails  = $strategy->getPlanDetails();
    $usageByDay   = $warmupUsages->keyBy('day_number');

    $currentDay = $server->warmup_started_at
        ? max(1, \Carbon\Carbon::parse($server->warmup_started_at)->startOfDay()->diffInDays(now()->startOfDay()) + 1)
        : null;

    $totalPlanDays = count($planDetails);
    $totalSent     = $warmupUsages->sum('sent_count');
    $totalFailed   = $warmupUsages->sum('failed_count');
    $todayUsage    = $currentDay ? $usageByDay->get($currentDay) : null;
    $todayPlan     = $currentDay ? collect($planDetails)->firstWhere('step', $currentDay) : null;

    $maxChartDays   = max($totalPlanDays, $warmupUsages->max('day_number') ?? 0);
    $chartDayLabels = [];
    $chartPlanned   = [];
    $chartActual    = [];
    $planByStep     = collect($planDetails)->keyBy('step');

    for ($d = 1; $d <= $maxChartDays; $d++) {
        $chartDayLabels[] = 'Day ' . $d;
        $planStep         = $planByStep->get($d);
        $chartPlanned[]   = $planStep ? (int) $planStep['sendingOfStep'] : null;
        $usageRow         = $usageByDay->get($d);
        $chartActual[]    = $usageRow ? (int) $usageRow->sent_count : null;
    }
@endphp

{{-- ── Strategy summary ──────────────────────────────────────────────── --}}
<div class="row g-3 mb-4">
    <div class="col-lg-4">
        <div class="card shadow-sm border-1 rounded-4 h-100">
            <div class="card-body p-4">
                <div class="d-flex align-items-center gap-2 mb-3">
                    <span class="badge rounded-pill warmup-soft-badge {{ $strategy->status === Acelle\Model\WarmupStrategy::STATUS_ACTIVE ? 'warmup-soft-badge-active' : 'warmup-soft-badge-neutral' }}">{{ trans('warmup.status.' . $strategy->status) }}</span>
                    <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral">{{ trans('warmup.presets.' . $strategy->preset) }}</span>
                </div>
                <p class="fw-semibold mb-2">{{ $strategy->name }}</p>
                <div class="warmup-preview-stats bg-light rounded-4 border overflow-hidden">
                    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-1 gap-sm-3 px-3 py-2 border-bottom small"><span>{{ trans('warmup.preview.start_volume') }}</span><strong>{{ number_with_delimiter($strategy->starting_volume) }}/{{ $strategy->quota_type }}</strong></div>
                    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-1 gap-sm-3 px-3 py-2 border-bottom small"><span>{{ $serverGrowthLabel }}</span><strong>{{ $serverGrowthValue }}</strong></div>
                    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-1 gap-sm-3 px-3 py-2 border-bottom small"><span>{{ $serverLimitLabel }}</span><strong>{{ $serverLimitValue }}</strong></div>
                    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-1 gap-sm-3 px-3 py-2 border-bottom small"><span>{{ trans('warmup.preview.estimated_full_warmup') }}</span><strong>{{ $strategy->estimatedFullWarmupDay() }} days</strong></div>
                    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-1 gap-sm-3 px-3 py-2 small"><span>{{ trans('warmup.preview.risk_level') }}</span><strong>{{ trans('warmup.risk_levels.' . $strategy->riskLevel()) }}</strong></div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        {{-- ── Progress summary pills ──────────────────────────────────── --}}
        <div class="d-flex flex-wrap gap-2 mb-3">
            <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral">
                Started:
                @if ($server->warmup_started_at)
                    {{ \Carbon\Carbon::parse($server->warmup_started_at)->format('M d, Y') }}
                @else
                    <em>Not started</em>
                @endif
            </span>
            @if ($currentDay)
                <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral">
                    Day {{ $currentDay }} of {{ $totalPlanDays }}
                </span>
            @endif
            <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral">
                Sent: {{ number_with_delimiter($totalSent) }}
            </span>
            @if ($totalFailed > 0)
                <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral text-danger">
                    Failed: {{ number_with_delimiter($totalFailed) }}
                </span>
            @endif
            @if ($todayUsage && $todayPlan)
                <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-active">
                    Today: {{ number_with_delimiter($todayUsage->sent_count) }} / {{ number_with_delimiter($todayPlan['sendingOfStep']) }}
                </span>
            @endif
        </div>

        {{-- ── Chart ──────────────────────────────────────────────────── --}}
        @if ($maxChartDays > 0)
            <div class="card shadow-sm border-1 rounded-4">
                <div class="card-body p-4">
                    <div id="warmupProgressChart" class="warmup-growth-chart" style="min-height: 260px;"></div>
                </div>
            </div>
        @else
            <div class="text-muted small mt-3">No sends recorded yet.</div>
        @endif
    </div>
</div>

{{-- ── Daily breakdown ────────────────────────────────────────────────── --}}
@if ($warmupUsages->isNotEmpty())
    <div class="card shadow-sm border-1 rounded-4">
        <div class="card-body p-4">
            <h6 class="mb-3">Daily breakdown</h6>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Day</th>
                            <th>Date</th>
                            <th class="text-end">Quota</th>
                            <th class="text-end">Sent</th>
                            <th class="text-end">Failed</th>
                            <th style="min-width: 140px;">Fill</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($warmupUsages as $usage)
                            @php
                                $fillPct = $usage->daily_quota > 0
                                    ? min(100, round(($usage->sent_count / $usage->daily_quota) * 100))
                                    : 0;
                                $fillClass = $fillPct >= 90 ? 'bg-success' : ($fillPct >= 50 ? 'bg-primary' : 'bg-warning');
                                $isToday = $currentDay && $usage->day_number === $currentDay;
                            @endphp
                            <tr class="{{ $isToday ? 'table-primary' : '' }}">
                                <td>
                                    <span class="fw-semibold">Day {{ $usage->day_number }}</span>
                                    @if ($isToday)
                                        <span class="badge rounded-pill text-bg-primary ms-1" style="font-size: 10px;">Today</span>
                                    @endif
                                </td>
                                <td class="text-muted small">{{ \Carbon\Carbon::parse($usage->usage_date)->format('M d, Y') }}</td>
                                <td class="text-end">{{ number_with_delimiter($usage->daily_quota) }}</td>
                                <td class="text-end fw-semibold">{{ number_with_delimiter($usage->sent_count) }}</td>
                                <td class="text-end {{ $usage->failed_count > 0 ? 'text-danger' : 'text-muted' }}">
                                    {{ $usage->failed_count > 0 ? number_with_delimiter($usage->failed_count) : '—' }}
                                </td>
                                <td>
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="progress flex-grow-1" style="height: 6px;">
                                            <div class="progress-bar {{ $fillClass }}" role="progressbar" style="width: {{ $fillPct }}%"></div>
                                        </div>
                                        <span class="small text-muted" style="min-width: 36px;">{{ $fillPct }}%</span>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endif

@if ($maxChartDays > 0)
<script>
$(function() {
    if (typeof echarts === 'undefined') return;

    const chartEl = document.getElementById('warmupProgressChart');
    if (!chartEl) return;

    const chart = echarts.init(chartEl, typeof ECHARTS_THEME !== 'undefined' ? ECHARTS_THEME : null);

    chart.setOption({
        animationDuration: 400,
        tooltip: { trigger: 'axis' },
        legend: { data: ['Planned', 'Actual Sent'], bottom: 0 },
        grid: { left: '4%', right: '4%', top: '8%', bottom: '18%', containLabel: true },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: @json($chartDayLabels),
            axisLabel: { interval: Math.max(0, Math.floor({{ count($chartDayLabels) }} / 10) - 1) },
        },
        yAxis: { type: 'value' },
        series: [
            {
                name: 'Planned',
                type: 'line',
                smooth: 0.3,
                lineStyle: { width: 2, type: 'dashed', opacity: 0.7 },
                itemStyle: { opacity: 0 },
                markLine: @json($currentDay) ? {
                    symbol: 'none',
                    lineStyle: { type: 'solid', color: '#aaa', width: 1 },
                    label: { formatter: 'Today', position: 'insideStartTop' },
                    data: [{ xAxis: 'Day ' + @json($currentDay) }],
                } : undefined,
                data: @json($chartPlanned),
                connectNulls: false,
            },
            {
                name: 'Actual Sent',
                type: 'line',
                smooth: 0.3,
                lineStyle: { width: 3 },
                areaStyle: { opacity: 0.12 },
                data: @json($chartActual),
                connectNulls: false,
            },
        ],
    });

    $(window).on('resize', function() { chart.resize(); });
});
</script>
@endif
@endsection