@extends('layouts.admin')
@section('title', 'Edit document')
@section('content')
<x-admin.page title="{{ $document->name }}" subtitle="{{ $document->key }} · version {{ $document->version }}">
    <x-slot:actions>
        <a href="{{ route('admin.documents.index') }}" class="admin-btn">All templates</a>
        <a href="{{ route('admin.documents.preview', $document) }}" class="admin-btn" target="_blank">Preview</a>
    </x-slot:actions>
    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif
    <form method="post" action="{{ route('admin.documents.update', $document) }}" class="space-y-5">
        @csrf @method('PUT')
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="grid gap-4">
                <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="{{ old('name', $document->name) }}" required></label>
                <label class="block text-sm"><span class="admin-label">HTML body</span><textarea class="admin-input min-h-[18rem] font-mono text-xs" name="body_html" required>{{ old('body_html', $document->body_html) }}</textarea></label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="active" value="1" @checked(old('active', $document->active))> Active</label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="bump_version" value="1"> Save as new version</label>
            </div>
        </section>
        <button class="admin-btn admin-btn-primary" type="submit">Save template</button>
    </form>
    @if($versions->count() > 1)
        <section class="mt-5 rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <h3 class="text-sm font-semibold">Versions</h3>
            <ul class="mt-3 space-y-2 text-sm">
                @foreach($versions as $version)
                    <li class="flex items-center justify-between gap-3">
                        <span>v{{ $version->version }} · {{ $version->name }} {{ $version->active ? '' : '(inactive)' }}</span>
                        <a class="text-xs text-[#2c6ecb]" href="{{ route('admin.documents.edit', $version) }}">Open</a>
                    </li>
                @endforeach
            </ul>
        </section>
    @endif
</x-admin.page>
@endsection