@extends('admin.layout')
@section('title', 'Maandelijkse digest')

@section('content')
@php
    $digest      = \App\Http\Controllers\Admin\DigestController::load();
    $lastEdited  = $digest['last_edited'] ?? null;
    $lastSent    = $digest['last_sent'] ?? null;
    $features    = $digest['new_features'] ?? [];
    $tips        = $digest['tips'] ?? [];
    $featuresCtaUrl    = $digest['features_cta_url'] ?? '';
    $featuresCtaLabels = $digest['features_cta_label'] ?? [];
    $tipsCtaUrl        = $digest['tips_cta_url'] ?? '';
    $tipsCtaLabels     = $digest['tips_cta_label'] ?? [];
    $nextRun     = \Carbon\Carbon::now()->startOfMonth()->addMonth()->startOfDay();
    $daysToRun   = (int) ceil((strtotime($nextRun->toDateString()) - time()) / 86400);
    $age         = $lastEdited ? max(0, (int) floor((time() - strtotime($lastEdited)) / 86400)) : null;
    $isStale     = $age === null || $age > 35;
@endphp

<div class="bg-white rounded-lg border {{ $isStale ? 'border-amber-300' : 'border-gray-100' }} p-4">
    <div class="flex items-center justify-between mb-3">
        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Maandelijkse digest</p>
        <div class="flex items-center gap-4 text-xs text-gray-400">
            @if ($lastSent)
                <span>Laatste verzending: <strong>{{ \Carbon\Carbon::parse($lastSent)->format('j M Y H:i') }}</strong></span>
            @else
                <span class="italic">Nog nooit verstuurd</span>
            @endif
            <span>Volgende: <strong>{{ $nextRun->format('j M Y') }}</strong> (over {{ $daysToRun }} dag{{ $daysToRun === 1 ? '' : 'en' }})</span>
        </div>
    </div>

    @if ($isStale)
        <div class="mb-3 px-3 py-2 bg-amber-50 border border-amber-200 rounded-lg text-xs text-amber-700">
            ⚠️ {{ $lastEdited ? "Nieuw op ndlink-sectie is {$age} dagen oud — update vóór de verzending." : "Nieuw op ndlink-sectie is nog niet ingesteld." }}
        </div>
    @endif

    @if (session('digest-saved'))
        <div class="mb-3 px-3 py-2 bg-green-50 border border-green-200 rounded-lg text-xs text-green-700">
            ✓ Digest opgeslagen. Laatste aanpassing: vandaag.
        </div>
    @endif
    @if (session('digest-test-sent'))
        <div class="mb-3 px-3 py-2 bg-green-50 border border-green-200 rounded-lg text-xs text-green-700">
            ✓ Testmail verstuurd naar {{ session('digest-test-sent') }}.
        </div>
    @endif
    @if (session('digest-test-error'))
        <div class="mb-3 px-3 py-2 bg-red-50 border border-red-200 rounded-lg text-xs text-red-700">
            ✕ Verzenden mislukt: {{ session('digest-test-error') }}
        </div>
    @endif
    @if (session('digest-send-ok'))
        <div class="mb-3 px-3 py-2 bg-green-50 border border-green-200 rounded-lg text-xs text-green-700">
            ✓ {{ session('digest-send-ok') }}
        </div>
    @endif
    @if (session('digest-send-error'))
        <div class="mb-3 px-3 py-2 bg-red-50 border border-red-200 rounded-lg text-xs text-red-700">
            ✕ Verzenden mislukt: {{ session('digest-send-error') }}
        </div>
    @endif

    <form method="POST" action="{{ route('admin.digest.update') }}" x-data="{ lang: 'nl' }">
        @csrf

        {{-- Taaltabs --}}
        <div class="flex gap-1 mb-3 border-b border-gray-100">
            @foreach (\App\Http\Controllers\Admin\DigestController::LOCALES as $loc)
                <button type="button" @click="lang = '{{ $loc }}'"
                        :class="lang === '{{ $loc }}'
                            ? 'border-b-2 border-indigo-500 text-indigo-600 font-semibold'
                            : 'text-gray-400 hover:text-gray-600'"
                        class="px-3 pb-2 text-xs transition border-transparent -mb-px">
                    {{ strtoupper($loc) }}
                </button>
            @endforeach
        </div>

        {{-- CTA-placeholder hint --}}
        <p class="text-[11px] text-gray-400 mb-3">Gebruik <code class="bg-gray-100 px-1 rounded">{referral_url}</code> als URL om de persoonlijke uitnodigingslink van elke ontvanger in te vullen.</p>

        {{-- Nieuw-sectie CTA: URL + label naast elkaar --}}
        <div class="mb-3 pb-3 border-b border-gray-100">
            <p class="text-xs font-medium text-gray-500 mb-1.5">Knop in sectie "Nieuw op ND-Link" <span class="font-normal text-gray-400">(leeg = geen knop)</span></p>
            <div class="flex gap-2">
                <input type="text" name="features_cta_url" value="{{ $featuresCtaUrl }}"
                       placeholder="URL of {referral_url}"
                       style="width:33.333%"
                       class="text-sm border border-gray-200 rounded-lg px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-indigo-400">
                @foreach (\App\Http\Controllers\Admin\DigestController::LOCALES as $loc)
                    <input type="text" name="features_cta_label_{{ $loc }}" value="{{ $featuresCtaLabels[$loc] ?? '' }}"
                           x-show="lang === '{{ $loc }}'" x-cloak
                           placeholder="{{ $loc === 'nl' ? 'Label (NL)' : 'Label (' . strtoupper($loc) . ')' }}"
                           style="width:66.667%"
                           class="text-sm border border-gray-200 rounded-lg px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-indigo-400">
                @endforeach
            </div>
        </div>

        {{-- Tips-sectie CTA: URL + label naast elkaar --}}
        <div class="mb-4 pb-4 border-b border-gray-100">
            <p class="text-xs font-medium text-gray-500 mb-1.5">Knop in sectie "Tips" <span class="font-normal text-gray-400">(leeg = geen knop)</span></p>
            <div class="flex gap-2">
                <input type="text" name="tips_cta_url" value="{{ $tipsCtaUrl }}"
                       placeholder="URL of {referral_url}"
                       style="width:33.333%"
                       class="text-sm border border-gray-200 rounded-lg px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-indigo-400">
                @foreach (\App\Http\Controllers\Admin\DigestController::LOCALES as $loc)
                    <input type="text" name="tips_cta_label_{{ $loc }}" value="{{ $tipsCtaLabels[$loc] ?? '' }}"
                           x-show="lang === '{{ $loc }}'" x-cloak
                           placeholder="{{ $loc === 'nl' ? 'Label (NL)' : 'Label (' . strtoupper($loc) . ')' }}"
                           style="width:66.667%"
                           class="text-sm border border-gray-200 rounded-lg px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-indigo-400">
                @endforeach
            </div>
        </div>

        @foreach (\App\Http\Controllers\Admin\DigestController::LOCALES as $loc)
            @php
                $locFeatures = is_array($features[$loc] ?? null) ? $features[$loc] : [];
                $locTips     = is_array($tips[$loc] ?? null)     ? $tips[$loc]     : [];
            @endphp
            <div x-show="lang === '{{ $loc }}'" x-cloak>
                <label class="block text-xs text-gray-500 mb-1">
                    Nieuw op ndlink
                    <span class="text-gray-400">(één item per regel — leeg laten = sectie niet tonen)</span>
                </label>
                <textarea name="new_features_{{ $loc }}" rows="4"
                          class="w-full text-sm border border-gray-200 rounded-lg px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-400 font-mono"
                          placeholder="Energie-agenda — plan je energieweek.">{{ implode("\n", $locFeatures) }}</textarea>

                <label class="block text-xs text-gray-500 mt-3 mb-1">
                    Tips voor efficiënt gebruik
                    <span class="text-gray-400">(één tip per regel — leeg laten = sectie niet tonen)</span>
                </label>
                <textarea name="tips_{{ $loc }}" rows="4"
                          class="w-full text-sm border border-gray-200 rounded-lg px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-400 font-mono"
                          placeholder="Gebruik de energie-agenda 's ochtends om je dag in te plannen.">{{ implode("\n", $locTips) }}</textarea>
            </div>
        @endforeach

        <div class="flex items-center justify-between mt-3">
            <span class="text-xs text-gray-400">
                @if ($lastEdited)
                    Laatste aanpassing: {{ \Carbon\Carbon::parse($lastEdited)->format('j M Y') }}
                @else
                    Nog niet opgeslagen.
                @endif
            </span>
            <button type="submit"
                    class="px-4 py-1.5 text-xs font-semibold text-white rounded-lg transition hover:opacity-90"
                    style="background-color:#4f46e5">
                Opslaan
            </button>
        </div>
    </form>

    {{-- Preview + send row --}}
    @php
        $digestRecipients = \App\Models\User::where('email_digest', true)
            ->whereNotNull('email')->whereNull('suspended_at')->where('is_pro', false)->count();
        $previewBase   = route('admin.digest.preview');
        $previewLocale = auth()->user()->profile?->preferred_language ?? 'nl';
    @endphp
    <div class="mt-4 pt-3 border-t border-gray-100 flex flex-wrap items-center justify-between gap-3"
         x-data="{ confirmSend: false }">

        {{-- Preview links --}}
        <div class="flex flex-wrap items-center gap-2">
            <span class="text-xs text-gray-400 shrink-0">Preview:</span>
            @foreach ([
                'free_activity'      => 'Gratis (met activiteit)',
                'free_empty'         => 'Gratis (leeg)',
                'free_notactivated'  => 'Niet geactiveerd',
                'profile_incomplete' => 'Profiel onvolledig',
                'profile_hidden'     => 'Profiel verborgen',
                'premium'            => 'Premium',
            ] as $scenario => $label)
                <a href="{{ $previewBase }}?scenario={{ $scenario }}&locale={{ $previewLocale }}"
                   target="_blank"
                   class="px-2.5 py-1 text-[11px] border border-gray-200 rounded-lg text-gray-500 hover:bg-gray-50 hover:text-gray-700 transition">
                    {{ $label }} ↗
                </a>
            @endforeach
            <form method="POST" action="{{ route('admin.digest.test-mail') }}" class="inline">
                @csrf
                <button type="submit"
                        class="px-2.5 py-1 text-[11px] border border-gray-200 rounded-lg text-gray-500 hover:bg-gray-50 transition">
                    Testmail → mij
                </button>
            </form>
        </div>

        {{-- Send button + confirmation --}}
        <div class="flex items-center gap-2">
            <span class="text-xs text-gray-400">{{ $digestRecipients }} ontvangers</span>
            <template x-if="!confirmSend">
                <button @click="confirmSend = true"
                        class="px-4 py-1.5 text-xs font-semibold text-white rounded-lg transition hover:opacity-90"
                        style="background-color:#059669">
                    Verstuur digest →
                </button>
            </template>
            <template x-if="confirmSend">
                <div class="flex items-center gap-2">
                    <span class="text-xs text-orange-600 font-medium">Zeker? Dit verstuurt naar {{ $digestRecipients }} leden.</span>
                    <form method="POST" action="{{ route('admin.digest.send') }}" class="inline">
                        @csrf
                        <button type="submit"
                                class="px-3 py-1.5 text-xs font-semibold text-white rounded-lg bg-red-600 hover:bg-red-700 transition">
                            Ja, verstuur
                        </button>
                    </form>
                    <button @click="confirmSend = false"
                            class="px-3 py-1.5 text-xs border border-gray-200 rounded-lg text-gray-500 hover:bg-gray-50 transition">
                        Annuleer
                    </button>
                </div>
            </template>
        </div>

    </div>
</div>

@endsection