track-gopher/web/templates/admin.templ

package templates

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

templ Admin(groups []models.Group, racers []models.Racer) {
	@Layout("Admin") {
		<div class="container py-4">
			<h1 class="mb-4">Admin Dashboard</h1>
			
			<div class="row">
				<div class="col-md-6 mb-4">
					<div class="card">
						<div class="card-header d-flex justify-content-between align-items-center">
							<h2 class="h5 mb-0">Groups</h2>
							<button 
								class="btn btn-sm btn-primary" 
								hx-get="/admin/groups/new" 
								hx-target="#group-form-container"
							>
								Add Group
							</button>
						</div>
						<div class="card-body">
							<div id="group-form-container" class="mb-4"></div>
							
							<div id="groups-list">
								if len(groups) == 0 {
									<div class="alert alert-info">
										<p class="mb-0">No groups added yet.</p>
									</div>
								} else {
									<div class="list-group">
										for _, group := range groups {
											<div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
												<div>
													<h5 class="mb-1">{ group.Name }</h5>
													if group.Description != "" {
														<p class="mb-1 text-muted">{ group.Description }</p>
													}
												</div>
												<div class="btn-group">
													<button 
														class="btn btn-sm btn-outline-primary"
														hx-get={ "/admin/groups/edit/" + strconv.FormatInt(group.ID, 10) }
														hx-target="#group-form-container"
													>
														Edit
													</button>
													<button 
														class="btn btn-sm btn-outline-danger"
														hx-delete={ "/api/groups/" + strconv.FormatInt(group.ID, 10) }
														hx-target="#groups-list"
														hx-confirm={ "Are you sure you want to delete " + group.Name + "?" }
													>
														Delete
													</button>
												</div>
											</div>
										}
									</div>
								}
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-md-6 mb-4">
					<div class="card">
						<div class="card-header d-flex justify-content-between align-items-center">
							<h2 class="h5 mb-0">Racers</h2>
							<button 
								class="btn btn-sm btn-primary" 
								hx-get="/admin/racers/new" 
								hx-target="#racer-form-container"
							>
								Add Racer
							</button>
						</div>
						<div class="card-body">
							<div id="racer-form-container" class="mb-4"></div>
							
							<div id="racers-list">
								if len(racers) == 0 {
									<div class="alert alert-info">
										<p class="mb-0">No racers added yet.</p>
									</div>
								} else {
									<div class="table-responsive">
										<table class="table table-striped table-hover">
											<thead>
												<tr>
													<th>Name</th>
													<th>Car #</th>
													<th>Group</th>
													<th>Actions</th>
												</tr>
											</thead>
											<tbody>
												for _, racer := range racers {
													<tr>
														<td>{ racer.FirstName + " " + racer.LastName }</td>
														<td>{ racer.CarNumber }</td>
														<td>{ getGroupNameForRacer(groups, racer.GroupID) }</td>
														<td>
															<div class="btn-group btn-group-sm">
																<button 
																	class="btn btn-outline-primary"
																	hx-get={ "/admin/racers/edit/" + strconv.FormatInt(racer.ID, 10) }
																	hx-target="#racer-form-container"
																>
																	Edit
																</button>
																<button 
																	class="btn btn-outline-danger"
																	hx-delete={ "/api/racers/" + strconv.FormatInt(racer.ID, 10) }
																	hx-target="#racers-list"
																	hx-confirm={ "Are you sure you want to delete " + racer.FirstName + " " + racer.LastName + "?" }
																>
																	Delete
																</button>
															</div>
														</td>
													</tr>
												}
											</tbody>
										</table>
									</div>
								}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	}
}

func getGroupNameForRacer(groups []models.Group, groupID int64) string {
	for _, group := range groups {
		if group.ID == groupID {
			return group.Name
		}
	}
	return "Unknown Group"
}