@extends('layouts.admin')
@section('title', 'New document')
@section('content')
<x-admin.page title="Create document template" subtitle="HTML templates with merge tags for orders and fulfillments.">
    <x-slot:actions>
        <a href="{{ route('admin.documents.index') }}" class="admin-btn">Back</a>
    </x-slot:actions>
    @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
    @php
        $defaultBodyHtml = '<h1>{{order_number}}</h1><p>{{email}}</p><table>{{lines}}</table>';
    @endphp
    <form method="post" action="{{ route('admin.documents.store') }}" class="space-y-5">
        @csrf
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="grid gap-4 md:grid-cols-2">
                <label class="block text-sm"><span class="admin-label">Key</span><input class="admin-input font-mono text-xs" name="key" value="{{ old('key') }}" required placeholder="packing_slip"></label>
                <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="{{ old('name') }}" required></label>
                <label class="block text-sm md:col-span-2"><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', $defaultBodyHtml) }}</textarea></label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="active" value="1" @checked(old('active', true))> Active</label>
            </div>
            <p class="mt-3 text-xs text-[#6d7175]">Tags: <code>@{{order_number}}</code>, <code>@{{email}}</code>, <code>@{{total}}</code>, <code>@{{lines}}</code>, <code>@{{shipping_address}}</code>, <code>@{{store.name}}</code></p>
        </section>
        <button class="admin-btn admin-btn-primary" type="submit">Create template</button>
    </form>
</x-admin.page>
@endsection