track-gopher/web/templates/race_manage.templ

package templates

import (
    "track-gopher/models"
    "fmt"
    "strconv"
)

// RaceManage renders the race management view
templ RaceManage(heatData *models.HeatData, nextHeat *models.HeatData, groups []models.Group, results []models.HeatResult) {
    @Layout("Race Management") {
        <div class="container-fluid mt-3">
            <div class="row mb-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h4 class="mb-0">Race Control</h4>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="group-select" class="form-label">Racing Group</label>
                                <select id="group-select" class="form-select" hx-post="/api/race/set-group" hx-trigger="change" hx-swap="none">
                                    for _, group := range groups {
                                        <option value={ strconv.FormatInt(group.ID, 10) } selected?={ group.ID == heatData.Group.ID }>
                                            { group.Name }
                                        </option>
                                    }
                                </select>
                            </div>
                            
                            <div class="mb-3">
                                <h5>Current Heat: { strconv.Itoa(heatData.HeatNumber) } of { strconv.Itoa(heatData.TotalHeats) }</h5>
                                <div class="btn-group" role="group">
                                    <button id="prev-heat-btn" class="btn btn-secondary" hx-post="/api/race/previous-heat" hx-swap="none" disabled?={ heatData.HeatNumber <= 1 }>
                                        <i class="bi bi-arrow-left"></i> Previous Heat
                                    </button>
                                    <button id="next-heat-btn" class="btn btn-secondary" hx-post="/api/race/next-heat" hx-swap="none" disabled?={ heatData.HeatNumber >= heatData.TotalHeats }>
                                        Next Heat <i class="bi bi-arrow-right"></i>
                                    </button>
                                </div>
                            </div>
                            
                            <div class="mb-3">
                                <h5>Timer Control</h5>
                                <div class="d-flex align-items-center mb-2">
                                    <h3 id="timer" class="me-3">0.000</h3>
                                    <span id="status-indicator" class="badge mb-3 bg-secondary">Ready</span>
                                </div>
                                <div class="btn-group" role="group">
                                    <button class="btn btn-warning" onclick="resetTimer()">
                                        <i class="bi bi-arrow-repeat"></i> Reset Timer
                                    </button>
                                    <button class="btn btn-danger" onclick="forceEndHeat()">
                                        <i class="bi bi-flag-fill"></i> Force End
                                    </button>
                                    <button class="btn btn-info" hx-post="/api/race/rerun-heat" hx-swap="none">
                                        <i class="bi bi-arrow-counterclockwise"></i> Re-Run Heat
                                    </button>
                                </div>
                            </div>
                            
                            <div id="gate-status" class="alert alert-secondary">
                                <strong>Gate Status:</strong> <span id="gate-status-text">Unknown</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h4 class="mb-0">Heat Results</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Heat</th>
                                            <th>Lane 1</th>
                                            <th>Lane 2</th>
                                            <th>Lane 3</th>
                                            <th>Lane 4</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        for _, result := range results {
                                            <tr class={ "table-primary" }>
                                                <td>{ strconv.Itoa(result.HeatNumber) }</td>
                                                <td>{ fmt.Sprintf("%.4f", result.Lane1Time) } ({ strconv.Itoa(result.Lane1Position) })</td>
                                                <td>{ fmt.Sprintf("%.4f", result.Lane2Time) } ({ strconv.Itoa(result.Lane2Position) })</td>
                                                <td>{ fmt.Sprintf("%.4f", result.Lane3Time) } ({ strconv.Itoa(result.Lane3Position) })</td>
                                                <td>{ fmt.Sprintf("%.4f", result.Lane4Time) } ({ strconv.Itoa(result.Lane4Position) })</td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Current Heat Display -->
            @currentHeatDisplay(heatData)
            
            <!-- Next Heat Preview -->
            if nextHeat != nil {
                <div class="card mb-4">
                    <div class="card-header bg-secondary text-white">
                        <h4 class="mb-0">Next Heat: { strconv.Itoa(nextHeat.HeatNumber) }</h4>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Lane</th>
                                    <th>Racer</th>
                                    <th>Car #</th>
                                </tr>
                            </thead>
                            <tbody>
                                if nextHeat.Lane1 != nil {
                                    @raceNextHeatRow(*nextHeat.Lane1)
                                }
                                if nextHeat.Lane2 != nil {
                                    @raceNextHeatRow(*nextHeat.Lane2)
                                }
                                if nextHeat.Lane3 != nil {
                                    @raceNextHeatRow(*nextHeat.Lane3)
                                }
                                if nextHeat.Lane4 != nil {
                                    @raceNextHeatRow(*nextHeat.Lane4)
                                }
                            </tbody>
                        </table>
                    </div>
                </div>
            }
        </div>
    }
}

// Find the current heat
templ currentHeatDisplay(heatData *models.HeatData) {
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">Current Heat: { strconv.Itoa(heatData.HeatNumber) }</h4>
        </div>
        <div class="card-body">
            <div class="row">
                if heatData.Lane1 != nil {
                    @raceLaneInfo(*heatData.Lane1)
                }
                if heatData.Lane2 != nil {
                    @raceLaneInfo(*heatData.Lane2)
                }
                if heatData.Lane3 != nil {
                    @raceLaneInfo(*heatData.Lane3)
                }
                if heatData.Lane4 != nil {
                    @raceLaneInfo(*heatData.Lane4)
                }
            </div>
        </div>
    </div>
}

// Helper template for displaying a lane in the race manager
templ raceLaneInfo(laneData models.LaneData) {
    <div class="col-md-3 mb-3">
        <div class="card h-100">
            <div class="card-header bg-secondary text-white">
                <h5 class="mb-0">Lane { strconv.Itoa(laneData.Lane) }</h5>
            </div>
            <div class="card-body">
                <h5 class="card-title">{ laneData.Name }</h5>
                <p class="card-text">Car #: { laneData.CarNum }</p>
                <div class="d-flex justify-content-between">
                    <div>
                        <strong>Time:</strong> <span>{ fmt.Sprintf("%.3f", laneData.Time) }</span>
                    </div>
                    <div>
                        <strong>Position:</strong> <span>{ strconv.Itoa(laneData.Place) }</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
}

// Helper template for displaying a racer in the next heat
templ nextHeatRacer(laneData models.LaneData) {
    <tr>
        <td>{ strconv.Itoa(laneData.Lane) }</td>
        <td>{ laneData.Name }</td>
        <td>{ laneData.CarNum }</td>
    </tr>
}