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.PaymentStatus }</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>
	if len(item.Payments) >0 {
		for _,payment := range item.Payments {
			<tr class="hover">
				<td></td>
				<td></td>
				<td>- { payment.Amount }</td>
				<td>{ payment.PaymentMethod }</td>
				<td></td>
				<td></td>
				<td class="flex gap-2">
					<button class="btn btn-sm btn-outline" hx-get={ payment.PaymentUrl } 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><input class="input input-bordered input-sm w-full" value={ "todo" } name="paymentMethod" form="edit-item"/></td>
			<td><input class="input input-bordered input-sm w-full" value={ item.PaymentStatus } name="PaymentStatus" form="edit-item"/></td>
			<td>{ item.SubTotal }</td>
			<td>
				<button class="btn btn-sm btn-primary" type="submit" form="edit-item">Save</button>
			</td>
		</form>
	</tr>
}
