@extends('layouts.admin')

@section('title', 'Message Templates')
@section('page-title', 'Message Templates')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <p class="text-muted mb-0">Create and select templates for emergency broadcasts, PTM schedules, and result cards announcements.</p>
    <a href="{{ route('admin.notification-templates.create') }}" class="btn btn-primary rounded-pill px-4">
        <i class="bi bi-plus-circle me-1"></i> Add Template
    </a>
</div>

<div class="admin-card">
    <div class="table-responsive">
        <table class="table table-hover align-middle">
            <thead>
                <tr>
                    <th>Template Title</th>
                    <th>Category</th>
                    <th>Template Body Structure</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($templates as $tpl)
                    <tr>
                        <td>
                            <strong class="text-dark">{{ $tpl->title }}</strong>
                        </td>
                        <td>
                            <span class="badge badge-info-accent kids-badge">{{ $tpl->category }}</span>
                        </td>
                        <td class="text-muted small" style="max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                            {{ $tpl->content }}
                        </td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.notification-templates.edit', $tpl->id) }}" class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-pencil"></i> Edit
                                </a>
                                <form action="{{ route('admin.notification-templates.destroy', $tpl->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this template?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm">
                                        <i class="bi bi-trash"></i> Delete
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center text-muted py-4">No notification templates configured yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection