Files
controls-web/controls-rework/index-offseason.php
2026-02-17 09:29:34 -06:00

228 lines
6.1 KiB
PHP

<?php // phpcs:ignoreFile
/**
* Off-Season Landing Page
*
* To activate: rename index.php → index-live.php, then index-offseason.php → index.php
* To revert: rename index.php → index-offseason.php, then index-live.php → index.php
*/
$seasonYear = '2025-2026';
$expectedStart = 'September 2026'; // Update this when you know the start date
// Header configuration
$pageTitle = 'Off-Season';
$pageSubtitle = 'Grinding season complete';
$layoutWithoutSidebar = true;
$layoutReturnUrl = null;
require __DIR__ . '/includes/layout/header.php';
?>
<style>
.offseason-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1rem;
text-align: center;
min-height: 60vh;
}
.offseason-card {
background: var(--bg-secondary, #fff);
border-radius: 12px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
padding: 2rem 1.5rem;
max-width: 600px;
width: 100%;
}
@media (min-width: 480px) {
.offseason-container {
padding: 2rem;
}
.offseason-card {
padding: 3rem 4rem;
}
}
.offseason-icon {
font-size: 4rem;
margin-bottom: 1rem;
}
.offseason-title {
font-size: 2rem;
font-weight: 700;
color: var(--text-primary, #1a1a1a);
margin: 0 0 0.5rem 0;
}
.offseason-subtitle {
font-size: 1.1rem;
color: var(--text-secondary, #666);
margin: 0 0 2rem 0;
}
.offseason-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
padding: 1.5rem;
background: var(--bg-tertiary, #f9f9f9);
border-radius: 8px;
}
.offseason-stat {
text-align: center;
}
.offseason-stat__value {
font-size: 1.5rem;
font-weight: 700;
color: var(--accent-primary, #2563eb);
}
.offseason-stat__label {
font-size: 0.85rem;
color: var(--text-secondary, #666);
margin-top: 0.25rem;
}
.offseason-message {
font-size: 1rem;
color: var(--text-secondary, #666);
line-height: 1.6;
margin: 1.5rem 0 0 0;
}
.season-stats-section {
margin-top: 2rem;
padding: 1.5rem;
background: var(--bg-tertiary, #f0f4f8);
border-radius: 8px;
width: 100%;
}
.season-stats-title {
font-size: 1.1rem;
font-weight: 600;
color: var(--text-primary, #1a1a1a);
margin: 0 0 1rem 0;
text-align: center;
}
.season-stats-grid {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.season-stat-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.75rem 1rem;
background: var(--bg-secondary, #fff);
border-radius: 6px;
}
.season-stat-value {
font-size: 1.25rem;
font-weight: 700;
color: var(--accent-primary, #2563eb);
}
.season-stat-label {
font-size: 0.85rem;
color: var(--text-secondary, #666);
text-align: center;
margin-top: 0.25rem;
}
.offseason-footer {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--border-color, #e5e5e5);
font-size: 0.9rem;
color: var(--text-tertiary, #999);
}
.offseason-login-link {
display: inline-block;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
background: var(--accent-primary, #2563eb);
color: #fff;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s;
}
.offseason-login-link:hover {
background: var(--accent-hover, #1d4ed8);
}
</style>
<div class="offseason-container">
<div class="offseason-card">
<div class="offseason-icon">🏭</div>
<h2 class="offseason-title">Grinding Season Complete</h2>
<p class="offseason-subtitle"><?php echo htmlspecialchars($seasonYear); ?> production has ended</p>
<div class="offseason-stats">
<div class="offseason-stat">
<div class="offseason-stat__value">✓</div>
<div class="offseason-stat__label">Season Finished</div>
</div>
<div class="offseason-stat">
<div class="offseason-stat__value"><?php echo htmlspecialchars($expectedStart); ?></div>
<div class="offseason-stat__label">Next Season</div>
</div>
</div>
<p class="offseason-message">
Thank you for a successful 2025 grinding season! The mill is now offline for
maintenance and off-season work. Live data dashboards will return when
production resumes.
</p>
<div class="season-stats-section">
<h3 class="season-stats-title">2025 Season Stats</h3>
<div class="season-stats-grid">
<div class="season-stat-item">
<span class="season-stat-value">103</span>
<span class="season-stat-label">Crop Days</span>
</div>
<div class="season-stat-item">
<span class="season-stat-value">2,050,000</span>
<span class="season-stat-label">Total Tons Ground</span>
</div>
<div class="season-stat-item">
<span class="season-stat-value">19,000</span>
<span class="season-stat-label">Avg Tons/Day</span>
</div>
<div class="season-stat-item">
<span class="season-stat-value">24,769</span>
<span class="season-stat-label">Record Tons on Nov, 14th</span>
</div>
<div class="season-stat-item">
<span class="season-stat-value">950</span>
<span class="season-stat-label">Avg Rate (Tons/Hr)</span>
</div>
<div class="season-stat-item">
<span class="season-stat-value">400,000,000</span>
<span class="season-stat-label">Lbs Of Sugar Produced</span>
</div>
</div>
</div>
<div class="offseason-footer">
<p>See you all in 2026.</p>
</div>
</div>
</div>
<?php require __DIR__ . '/includes/layout/footer.php'; ?>