@extends('layouts.admin')
@section('title', 'Email templates')
@section('content')
<x-crm.shell title="Email templates" subtitle="Versioned sales and CRM templates — subject + HTML body with audit history. Full control lives in CRM Settings.">
    <x-slot:actions>
        <a href="{{ route('admin.crm.settings.edit', ['tab' => 'templates']) }}" class="admin-btn admin-btn-primary">Open template studio</a>
        <a href="{{ route('admin.crm.settings.edit', ['tab' => 'stage-emails']) }}" class="admin-btn">Stage email rules</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Templates" :value="$templates->count()" />
        <x-crm.stat label="Approved" :value="$templates->whereIn('status', ['active','approved'])->count()" tone="success" />
        <x-crm.stat label="Versions" :value="$templates->sum(fn ($t) => $t->versions->count())" />
    </x-slot:stats>

    <div class="space-y-5 p-4 sm:p-6 lg:px-8">
        @forelse($templates as $template)
            @php $latest = $template->versions->sortByDesc('id')->first(); @endphp
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in">
                <div class="mb-4 flex flex-wrap items-center justify-between gap-2">
                    <div>
                        <h2 class="text-sm font-semibold tracking-tight">{{ $template->name }}</h2>
                        <div class="mt-1 flex flex-wrap items-center gap-2">
                            <x-admin.badge :tone="$template->status === 'active' ? 'success' : 'muted'">{{ $template->status }}</x-admin.badge>
                            <span class="text-xs text-[#6d7175]">{{ $template->versions->count() }} version(s)</span>
                        </div>
                    </div>
                    @if($template->slug)
                        <code class="rounded-lg bg-[#f1f2f4] px-2 py-1 text-[11px] text-[#6d7175]">{{ $template->slug }}</code>
                    @endif
                </div>
                <form method="post" action="{{ route('admin.crm.email-templates.versions.store', $template) }}" class="space-y-3">
                    @csrf
                    <div>
                        <label class="admin-label">Subject</label>
                        <input class="admin-input" name="subject" placeholder="Subject line" required value="{{ old('subject', $latest?->subject) }}">
                    </div>
                    <div>
                        <label class="admin-label">HTML body</label>
                        <textarea class="admin-input min-h-[10rem] font-mono text-xs" name="body_html" placeholder="<p>Hello…</p>" required>{{ old('body_html', $latest?->body_html) }}</textarea>
                    </div>
                    <button class="admin-btn admin-btn-primary">Save new version</button>
                </form>
            </section>
        @empty
            <x-admin.empty title="No templates" description="Seed Phase 4 to create default CRM templates." />
        @endforelse
    </div>
</x-crm.shell>
@endsection