package templates

templ App() {
	<main class="mx-2">
		<form
			class="max-w-xl mx-auto flex flex-col gap-4 justify-center mt-10"
		>
			<h2 class="text-4xl mb-8">Track your workout</h2>
			<input
				id="date"
				type="date"
				class="input input-bordered"
				value=""
				name="date"
			/>
			<select class="select select-bordered w-full" name="type">
				<option>Push Ups</option>
				<option>Pull Ups</option>
			</select>
			<input
				type="number"
				class="input input-bordered"
				placeholder="Sets"
				name="sets"
			/>
			<input
				type="number"
				class="input input-bordered"
				placeholder="Reps"
				name="reps"
			/>
			<button class="btn btn-primary self-end">Save</button>
		</form>
		<!-- 	<div class="overflow-x-auto mx-auto max-w-screen-lg"> -->
		<!-- 		<h2 class="text-4xl mt-14 mb-8">Workout history</h2> -->
		<!-- 		<table class="table table-auto max-w-full"> -->
		<!-- 			<thead> -->
		<!-- 				<tr> -->
		<!-- 					<th>Date</th> -->
		<!-- 					<th>Type</th> -->
		<!-- 					<th>Sets</th> -->
		<!-- 					<th>Reps</th> -->
		<!-- 					<th></th> -->
		<!-- 				</tr> -->
		<!-- 			</thead> -->
		<!--  -->
		<!-- 			<tbody> -->
		<!-- 					<tr> -->
		<!-- 						<th>{workout.date}</th> -->
		<!-- 						<th>{workout.type}</th> -->
		<!-- 						<th>{workout.sets}</th> -->
		<!-- 						<th>{workout.reps}</th> -->
		<!-- 						<th> -->
		<!-- 							<div class="tooltip" data-tip="Delete Entry"> -->
		<!-- 								<button on:click={() => deleteWorkout(workout.id)}> -->
		<!-- 									<MdiDelete class="text-gray-400 text-lg"></MdiDelete> -->
		<!-- 								</button> -->
		<!-- 							</div> -->
		<!-- 						</th> -->
		<!-- 					</tr> -->
		<!-- 			</tbody> -->
		<!-- 	</table> -->
		<!-- </div> -->
	</main>
}