@extends('layouts.app')
@section('title', 'Document templates')

@section('content')
    <div class="page-head">
        @php $lb = '{{'; $rb = '}}'; @endphp
        <div><h1>Document templates</h1><p>{{ $templates->total() }} reusable template(s) with
            <span class="mono">{{ $lb }} placeholder {{ $rb }}</span> substitution.</p></div>
        <div class="page-actions">
            <a href="{{ route('settings.templates.create') }}" class="btn">+ New template</a>
        </div>
    </div>

    <div class="grid grid-2 mb-2">
        @include('components.kpi', ['label' => 'Templates', 'value' => (string) $totals['count'], 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Active', 'value' => (string) $totals['active'],
            'variant' => $totals['active'] ? 'good' : 'warn'])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 260px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Name, code or body…">
        </div>
        <div class="field">
            <label>Type</label>
            <select name="type" data-auto-submit>
                <option value="">All</option>
                @foreach ($types as $t)
                    <option value="{{ $t }}" @selected(($filters['type'] ?? '') === $t)>{{ title_case_words($t) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>&nbsp;</label><button class="btn secondary" type="submit">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body" style="padding:0;">
            @if ($templates->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128221;',
                    'title' => 'No templates yet',
                    'message' => 'Create the notices, letters and emails support sends repeatedly, so they stay consistent.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr><th>Code</th><th>Name</th><th>Type</th><th>Subject</th><th>Status</th><th>Updated</th><th></th></tr>
                    </thead>
                    <tbody>
                    @foreach ($templates as $template)
                        <tr>
                            <td class="mono small">{{ $template->code }}</td>
                            <td>{{ $template->name }}</td>
                            <td><span class="badge muted">{{ title_case_words($template->type) }}</span></td>
                            <td class="small muted">{{ $template->subject ?: '—' }}</td>
                            <td><span class="badge {{ $template->is_active ? 'success' : 'muted' }}">
                                <span class="dot"></span>{{ $template->is_active ? 'Active' : 'Inactive' }}</span></td>
                            <td class="small nowrap">{{ $template->updated_at?->diffForHumans() }}</td>
                            <td class="right nowrap">
                                <a href="{{ route('settings.templates.edit', $template) }}" class="btn xs secondary">Edit</a>
                                <form method="POST" action="{{ route('settings.templates.duplicate', $template) }}" style="display:inline;">
                                    @csrf
                                    <button class="btn xs secondary" type="submit">Copy</button>
                                </form>
                                <form method="POST" action="{{ route('settings.templates.destroy', $template) }}"
                                      data-confirm="Delete &quot;{{ $template->name }}&quot;?" style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button class="btn xs danger" type="submit">Del</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($templates->hasPages())<div class="card-foot">{{ $templates->links('partials.pagination') }}</div>@endif
    </div>
@endsection