package view

templ LineItem(item *ItemViewModel) {
	<tr class="hover">
		<td>{ item.Item }</td>
		<td>{ item.Quantity }</td>
		<td>{ item.Price }</td>
		<td>–</td>
		<td>{ item.SubTotal }</td>
		<td class="flex gap-2">
			<button
				class="btn btn-sm btn-outline"
				hx-get={ item.ItemUrl }
				hx-target="closest tr"
				hx-swap="outerHTML"
			>Edit</button>
		</td>
	</tr>
}

templ LineItemForm(item *ItemViewModel) {
	<tr class="hover">
		<form hx-put={ item.ItemUrl } id="edit-item" hx-target="closest tr" hx-swap="outerHTML">
			<td><input class="input input-bordered input-sm w-full" value={ item.Item } name="item" form="edit-item"/></td>
			<td>
				<input
					class="input input-bordered input-sm w-full"
					value={ item.Quantity }
					name="quantity"
					form="edit-item"
				/>
			</td>
			<td>
				<input class="input input-bordered input-sm w-full" value={ item.Price } name="price" form="edit-item"/>
			</td>
			<td>–</td>
			<td>{ item.SubTotal }</td>
			<td>
				<button class="btn btn-sm btn-primary" type="submit" form="edit-item">Save</button>
			</td>
		</form>
	</tr>
}
