@model List<PowderCoating.Application.DTOs.Notification.NotificationTemplateDto>
@{
    ViewData["Title"] = "Notification Templates";
    ViewData["PageIcon"] = "bi-envelope-gear";
}

<div class="container-fluid">
    @if (TempData["SuccessMessage"] != null)
    {
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check-circle me-2"></i>@TempData["SuccessMessage"]
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    }

    <div class="d-flex justify-content-end mb-4">
        <a asp-controller="CompanySettings" asp-action="Index" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Back to Settings
        </a>
    </div>

    <div class="card shadow-sm">
        <div class="card-body p-0">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">Template</th>
                        <th>Channel</th>
                        <th>Last Modified</th>
                        <th class="text-end pe-3" style="width: 100px;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var template in Model.Where(t => t.IsEmail || ViewBag.SmsEnabled == true))
                    {
                        <tr>
                            <td class="ps-3 fw-semibold">@template.DisplayName</td>
                            <td>
                                @if (template.IsEmail)
                                {
                                    <span class="badge bg-primary">
                                        <i class="bi bi-envelope"></i> Email
                                    </span>
                                }
                                else
                                {
                                    <span class="badge bg-success">
                                        <i class="bi bi-phone"></i> SMS
                                    </span>
                                }
                            </td>
                            <td class="text-muted small">
                                @(template.UpdatedAt?.ToString("MMM d, yyyy h:mm tt") ?? "Using defaults")
                            </td>
                            <td class="text-end pe-3">
                                <a asp-controller="CompanySettings"
                                   asp-action="EditTemplate"
                                   asp-route-id="@template.Id"
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-pencil"></i> Edit
                                </a>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3 text-muted small">
        <i class="bi bi-info-circle"></i>
        Templates support <strong>&#123;&#123;placeholder&#125;&#125;</strong> tokens that are replaced
        with live data when notifications are sent. Click <strong>Edit</strong> to customise any template.
    </div>
</div>