package templates

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

// RacePublic renders the public race view
templ RacePublic(heatData *models.HeatData, nextHeat *models.HeatData, onDeckHeat *models.HeatData) {
    @LayoutPublic("Race - " + heatData.Group.Name) {
        <div class="container-fluid mt-2">
            <div class="row">
                <div class="col-12">
                    <div class="card mb-2">
                        <div class="card-header bg-primary text-white">
                            <span class="mb-0 text-center display-3" hx-ext="sse" sse-connect="/api/admin/events" sse-swap="heat-number">{ heatData.Group.Name } - Heat { strconv.Itoa(heatData.HeatNumber) } of { strconv.Itoa(heatData.TotalHeats) }</span>
                        </div>
                        <div class="card-body">
                            <div id="current-heat" class="mb-2">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="timer-display align-items-center text-center mb-4 display-4" style="height: 50px;" hx-ext="sse" sse-connect="/api/events" sse-swap="race-status">
                                            <div id="status-indicator" class="w-25 h-100 d-inline-flex align-items-center justify-content-center badge bg-primary">Idle</div>
                                        </div>
                                        
                                        <div class="lanes-container" hx-ext="sse" sse-connect="/api/admin/events" sse-swap="lane-data">
                                            @RaceCurrentHeatLanes(heatData)
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-0">
                        <div class="card-header bg-info text-white">
                            <h3 class="mb-0 display-6">Next Heat</h3>
                        </div>
                        <div class="card-body" hx-ext="sse" sse-connect="/api/admin/events" sse-swap="next-public-heat">
                            @RaceNextHeatPreview(nextHeat)
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card mb-0">
                        <div class="card-header bg-info text-white">
                            <h3 class="mb-0 display-6">Upcoming Heat</h3>
                        </div>
                        <div class="card-body" hx-ext="sse" sse-connect="/api/admin/events" sse-swap="upcoming-public-heat">
                            @RaceNextHeatPreview(onDeckHeat)
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
}

// Helper template for displaying current heat lanes
templ RaceCurrentHeatLanes(heatData *models.HeatData) {
    
    <div class="row row-cols-1 row-cols-md-4 g-4">
        if heatData.Lane1 != nil {
            @raceLaneCard(*heatData.Lane1)
        }
        if heatData.Lane2 != nil {
            @raceLaneCard(*heatData.Lane2)
        }
        if heatData.Lane3 != nil {
            @raceLaneCard(*heatData.Lane3)
        }
        if heatData.Lane4 != nil {
            @raceLaneCard(*heatData.Lane4)
        }
    </div>
}

// Helper template for displaying a lane card
templ raceLaneCard(laneData models.LaneData) {
    <div class="col">
        <div class="card h-100 lane-card">
            <div class="card-header bg-primary text-white">
                <h4 class="mb-0 display-6">Lane { strconv.Itoa(laneData.Lane) }</h4>
            </div>
            <div class="card-body">
                <h5 class="card-title display-4">{ laneData.Name }</h5>
                <p class="card-text display-6">
                    <span class="display-4"><strong>Car #:</strong> { laneData.CarNum }</span><br/>
                    <span class="display-7"><strong>Weight:</strong> { fmt.Sprintf("%.1f oz", laneData.CarWeight) }</span>
                </p>
                <div class="result-area">
                    <div class="row">
                        <div class="col-6">
                            <div class="text-center">
                                <h6 class="display-7">Time</h6>
                                <div class="display-4" hx-ext="sse" sse-connect="/api/events" sse-swap={fmt.Sprintf("lane-%d-time", laneData.Lane)}>
                                    { fmt.Sprintf("%.3f", laneData.Time) }
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center">
                                <h6 class="display-7">Position</h6>
                                <div class="display-4" hx-ext="sse" sse-connect="/api/events" sse-swap={fmt.Sprintf("lane-%d-position", laneData.Lane)}>
                                    { strconv.Itoa(laneData.Place) }
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}

// Helper template for displaying next heat preview
templ RaceNextHeatPreview(heatData *models.HeatData) {
    if heatData != nil {
        <h4 class="mb-1">Heat { strconv.Itoa(heatData.HeatNumber) }</h4>
        <div class="table-responsive">
            <table class="table table-striped">
            <thead>
                <tr>
                    <th>Lane</th>
                    <th>Racer</th>
                    <th>Car #</th>
                </tr>
            </thead>
            <tbody>
                if heatData.Lane1 != nil {
                    @raceNextHeatRow(*heatData.Lane1)
                }
                if heatData.Lane2 != nil {
                    @raceNextHeatRow(*heatData.Lane2)
                }
                if heatData.Lane3 != nil {
                    @raceNextHeatRow(*heatData.Lane3)
                }
                if heatData.Lane4 != nil {
                    @raceNextHeatRow(*heatData.Lane4)
                }
            </tbody>
        </table>
    </div>
    } else {
        <div class="alert alert-info display-4">No more heats in this group</div>
    }
}

// Helper template for displaying a row in the next heat preview
templ raceNextHeatRow(laneData models.LaneData) {
    <tr>
        <td class="display-6">{ strconv.Itoa(laneData.Lane) }</td>
        <td class="display-6">{ laneData.Name }</td>
        <td class="display-6">{ laneData.CarNum }</td>
    </tr>
}