85 lines
2.5 KiB
HTML
85 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>iRacing - Track Conditions</title>
|
|
<link rel="stylesheet" href="common.css">
|
|
</head>
|
|
<body data-step="18">
|
|
|
|
<header class="header">
|
|
<div class="step-indicator" data-indicator="track-conditions">
|
|
<span>Step</span>
|
|
<span class="current">18</span>
|
|
<span>of 18</span>
|
|
<span>—</span>
|
|
<span>Track Conditions</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
<h1 class="page-title">Track Conditions</h1>
|
|
|
|
<form id="track-conditions-form">
|
|
<div class="form-group">
|
|
<label class="form-label" for="trackState">Track State</label>
|
|
<select
|
|
id="trackState"
|
|
class="form-select"
|
|
data-dropdown="trackState"
|
|
>
|
|
<option value="auto-generated">Auto-generated</option>
|
|
<option value="clean">Clean</option>
|
|
<option value="low-rubber">Low Rubber</option>
|
|
<option value="medium-rubber">Medium Rubber</option>
|
|
<option value="high-rubber">High Rubber</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="toggle-group">
|
|
<input
|
|
type="checkbox"
|
|
id="marbles"
|
|
class="toggle-input"
|
|
data-toggle="marbles"
|
|
/>
|
|
<label class="toggle-label" for="marbles">Marbles simulation</label>
|
|
</div>
|
|
|
|
<div class="slider-group">
|
|
<div class="slider-header">
|
|
<span class="slider-label">Rubber Level</span>
|
|
<span class="slider-value">50%</span>
|
|
</div>
|
|
<input
|
|
type="range"
|
|
class="slider-input"
|
|
data-slider="rubberLevel"
|
|
min="0"
|
|
max="100"
|
|
value="50"
|
|
/>
|
|
</div>
|
|
</form>
|
|
|
|
<div style="background: #0f3460; border-radius: 4px; padding: 16px; margin-top: 24px;">
|
|
<p style="color: #e94560; font-weight: bold; margin-bottom: 8px;">⚠️ Final Step</p>
|
|
<p style="color: #888; font-size: 14px;">Review your settings before creating the session. No submit button - automation stops here for manual review.</p>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary"
|
|
data-action="back"
|
|
onclick="window.location.href='step-17-race-options.html'"
|
|
>
|
|
Back
|
|
</button>
|
|
<!-- No Next/Submit button on final step - automation stops here for manual review -->
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |