c1d2df9327
Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title` Improves component consistency across multiple features: - Adds structured card headers - Introduces more semantic HTML elements - Enhances layout and readability of card components Updates CSS and component styles to support new structure
30 lines
1.2 KiB
Text
30 lines
1.2 KiB
Text
@model PlanTempus.Application.Features.Services.Components.ServiceDetailAddonsViewModel
|
|
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>@Model.LabelAddonsForService</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-selectable-list>
|
|
@foreach (var addon in Model.Addons)
|
|
{
|
|
<swp-selectable-item class="no-avatar @(addon.Selected ? "selected" : "")">
|
|
<swp-selectable-checkbox>
|
|
<svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
|
|
</swp-selectable-checkbox>
|
|
<swp-selectable-info>
|
|
<swp-selectable-name>@addon.Name</swp-selectable-name>
|
|
<swp-selectable-meta>
|
|
<span>@addon.Price</span>
|
|
<span>@addon.Duration</span>
|
|
<swp-selectable-type class="@(addon.Required ? "required" : "")">@addon.Type</swp-selectable-type>
|
|
</swp-selectable-meta>
|
|
</swp-selectable-info>
|
|
</swp-selectable-item>
|
|
}
|
|
</swp-selectable-list>
|
|
|
|
<swp-add-button>
|
|
<i class="ph ph-plus"></i>
|
|
@Model.LabelAddExistingAddon
|
|
</swp-add-button>
|
|
</swp-card>
|