Initial commit
This commit is contained in:
@@ -0,0 +1,136 @@
|
||||
@using PowderCoating.Application.DTOs.Wizard
|
||||
@model WizardStep7Dto
|
||||
@{
|
||||
ViewData["Title"] = "Setup Wizard — Notifications";
|
||||
var progress = ViewBag.Progress as WizardProgressDto ?? new WizardProgressDto();
|
||||
int step = ViewBag.Step as int? ?? 17;
|
||||
}
|
||||
@section Styles { @await Html.PartialAsync("_WizardStyles") }
|
||||
|
||||
<div class="wizard-layout">
|
||||
@await Html.PartialAsync("_WizardProgress", progress)
|
||||
|
||||
<div class="wizard-content">
|
||||
<div class="wizard-step-header">
|
||||
<span class="wizard-step-badge">Step @step of @WizardProgressDto.TotalSteps</span>
|
||||
<h2><i class="bi bi-bell me-2"></i>Notification Preferences</h2>
|
||||
<p class="text-secondary">Configure which email notifications are sent to your customers when key events happen in the system.</p>
|
||||
</div>
|
||||
|
||||
<form asp-action="PostStep17" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="wizard-card">
|
||||
<h5 class="wizard-card-title">Email Sender</h5>
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<div class="form-check form-switch mb-3">
|
||||
<input class="form-check-input" type="checkbox" asp-for="EmailNotificationsEnabled" id="EmailNotificationsEnabled" />
|
||||
<label class="form-check-label fw-semibold" for="EmailNotificationsEnabled">Enable Email Notifications</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="EmailFromAddress" class="form-label fw-semibold"></label>
|
||||
<input asp-for="EmailFromAddress" class="form-control" type="email" placeholder="noreply@yourcompany.com" />
|
||||
<div class="form-text">Leave blank to use the system default sender.</div>
|
||||
<span asp-validation-for="EmailFromAddress" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="EmailFromName" class="form-label fw-semibold"></label>
|
||||
<input asp-for="EmailFromName" class="form-control" placeholder="Acme Powder Coating" />
|
||||
<div class="form-text">The name customers see in their inbox.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wizard-card">
|
||||
<h5 class="wizard-card-title">Notification Events</h5>
|
||||
<p class="text-secondary small mb-3">Choose which events trigger an automatic email to the customer.</p>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-check form-switch mb-2">
|
||||
<input class="form-check-input" type="checkbox" asp-for="NotifyOnNewJob" id="NotifyOnNewJob" />
|
||||
<label class="form-check-label" for="NotifyOnNewJob">New Job Created</label>
|
||||
</div>
|
||||
<div class="form-check form-switch mb-2">
|
||||
<input class="form-check-input" type="checkbox" asp-for="NotifyOnNewQuote" id="NotifyOnNewQuote" />
|
||||
<label class="form-check-label" for="NotifyOnNewQuote">New Quote Sent</label>
|
||||
</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" asp-for="NotifyOnJobStatusChange" id="NotifyOnJobStatusChange" />
|
||||
<label class="form-check-label" for="NotifyOnJobStatusChange">Job Status Changes</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-check form-switch mb-2">
|
||||
<input class="form-check-input" type="checkbox" asp-for="NotifyOnQuoteApproval" id="NotifyOnQuoteApproval" />
|
||||
<label class="form-check-label" for="NotifyOnQuoteApproval">Quote Approved</label>
|
||||
</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" asp-for="NotifyOnPaymentReceived" id="NotifyOnPaymentReceived" />
|
||||
<label class="form-check-label" for="NotifyOnPaymentReceived">Payment Received</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wizard-card">
|
||||
<h5 class="wizard-card-title">Automated Payment Reminders</h5>
|
||||
<p class="text-secondary small mb-3">
|
||||
Automatically send overdue invoice reminders to customers at configurable intervals.
|
||||
The system checks daily and sends one reminder per threshold, per invoice.
|
||||
</p>
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<div class="form-check form-switch mb-3">
|
||||
<input class="form-check-input" type="checkbox" asp-for="PaymentRemindersEnabled" id="PaymentRemindersEnabled" />
|
||||
<label class="form-check-label fw-semibold" for="PaymentRemindersEnabled">Enable Automated Payment Reminders</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="PaymentReminderDays" class="form-label fw-semibold"></label>
|
||||
<input asp-for="PaymentReminderDays" class="form-control" placeholder="7,14,30" />
|
||||
<div class="form-text">Days past the invoice due date to send a reminder (e.g. <code>7,14,30</code>).</div>
|
||||
<span asp-validation-for="PaymentReminderDays" class="text-danger small"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wizard-card">
|
||||
<h5 class="wizard-card-title">Alert Thresholds</h5>
|
||||
<p class="text-secondary small mb-3">How far in advance the system warns you about upcoming deadlines and maintenance.</p>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<label asp-for="QuoteExpiryWarningDays" class="form-label fw-semibold"></label>
|
||||
<div class="input-group">
|
||||
<input asp-for="QuoteExpiryWarningDays" class="form-control" type="number" min="0" max="90" />
|
||||
<span class="input-group-text">days</span>
|
||||
</div>
|
||||
<div class="form-text">Warn before a quote's expiry date.</div>
|
||||
<span asp-validation-for="QuoteExpiryWarningDays" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label asp-for="DueDateWarningDays" class="form-label fw-semibold"></label>
|
||||
<div class="input-group">
|
||||
<input asp-for="DueDateWarningDays" class="form-control" type="number" min="0" max="90" />
|
||||
<span class="input-group-text">days</span>
|
||||
</div>
|
||||
<div class="form-text">Warn before a job's due date.</div>
|
||||
<span asp-validation-for="DueDateWarningDays" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label asp-for="MaintenanceAlertDays" class="form-label fw-semibold"></label>
|
||||
<div class="input-group">
|
||||
<input asp-for="MaintenanceAlertDays" class="form-control" type="number" min="0" max="90" />
|
||||
<span class="input-group-text">days</span>
|
||||
</div>
|
||||
<div class="form-text">Warn before scheduled equipment maintenance.</div>
|
||||
<span asp-validation-for="MaintenanceAlertDays" class="text-danger small"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@await Html.PartialAsync("_WizardFooter", step)
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user