112 lines
5.3 KiB
Plaintext
112 lines
5.3 KiB
Plaintext
|
@page "/admin/editpages"
|
||
|
|
@rendermode InteractiveServer
|
||
|
|
|
||
|
|
<div class="admin-wrapper">
|
||
|
|
<div class="container">
|
||
|
|
<header class="admin-header">
|
||
|
|
<h1>Page Content Management</h1>
|
||
|
|
<p>Update your business details and home page content below.</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
@if (HomePageModel == null)
|
||
|
|
{
|
||
|
|
<div class="loading-state">
|
||
|
|
<div class="spinner"></div>
|
||
|
|
<p>Loading your settings...</p>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<div class="admin-wrapper">
|
||
|
|
<div class="container">
|
||
|
|
<header class="admin-header">
|
||
|
|
<div class="tab-container">
|
||
|
|
<button class="tab-btn @(currentTab == AdminTab.Home ? "active" : "")"
|
||
|
|
@onclick="() => currentTab = AdminTab.Home">
|
||
|
|
Home Page
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
@if (currentTab == AdminTab.Home)
|
||
|
|
{
|
||
|
|
<EditForm FormName="HomePageForm" Model="HomePageModel" OnValidSubmit="SaveHomePageModel" On class="admin-form home-page-form">
|
||
|
|
<DataAnnotationsValidator />
|
||
|
|
|
||
|
|
<div class="form-section text-center">
|
||
|
|
<h3><i class="icon">🏠</i> Hero Section</h3>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Main Headline</label>
|
||
|
|
<InputText @bind-Value="HomePageModel.HeaderLine1" class="form-input" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Highlighted Text (Green)</label>
|
||
|
|
<InputText @bind-Value="HomePageModel.HeaderLine2" class="form-input" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Description Text</label>
|
||
|
|
<InputTextArea @bind-Value="HomePageModel.HeaderText" class="form-input" rows="3" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-section text-center">
|
||
|
|
<h3><i class="icon">🛠️</i> Services</h3>
|
||
|
|
<div class="cards-grid">
|
||
|
|
@foreach (var card in HomePageModel.ServicesCards)
|
||
|
|
{
|
||
|
|
<div class="content-card">
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Header</label>
|
||
|
|
<InputTextArea @bind-Value="card.Header" class="form-input" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Text</label>
|
||
|
|
<InputTextArea @bind-Value="card.Text" class="form-input" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
<button type="button" class="btn btn-save" @onclick="AddServiceCard">Add Service Card</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-section text-center">
|
||
|
|
<h3><i class="icon">🛡️</i> Trust</h3>
|
||
|
|
<div class="cards-grid">
|
||
|
|
@foreach (var card in HomePageModel.TrustCards)
|
||
|
|
{
|
||
|
|
<div class="content-card">
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Header</label>
|
||
|
|
<InputTextArea @bind-Value="card.Header" class="form-input" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label>Text</label>
|
||
|
|
<InputTextArea @bind-Value="card.Text" class="form-input" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
<button type="button" class="btn btn-save" @onclick="AddTrustCard">Add Trust Card</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="admin-footer">
|
||
|
|
<button type="submit" class="btn btn-save">Save</button>
|
||
|
|
<button type="button" class="btn btn-revert" @onclick="RevertHomePageModel">Revert</button>
|
||
|
|
</div>
|
||
|
|
</EditForm>
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<h1>Another page</h1>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|