package view

templ PaymentLine(payment *PaymentViewModel) {
	<tr class="hover">
		<td></td>
		<td></td>
		<td>- { payment.Amount }</td>
		<td>{ payment.PaymentMethod }</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 PaymentForm(payment *PaymentViewModel) {
	<tr class="hover">
		<form hx-put={ payment.PaymentUrl } id="edit-payment" hx-target="closest tr" hx-swap="outerHTML">
			<td></td>
			<td></td>
			<td>
				<input 
					class="input input-bordered input-sm w-full" 
					type="number" 
					inputmode="decimal" 
					step="0.01" 
					value={ payment.Amount } 
					name="amount" 
					form="edit-payment"
				/>
			</td>
			<td>
				<input 
					class="input input-bordered input-sm w-full" 
					value={ payment.PaymentMethod } 
					name="paymentMethod" 
					form="edit-payment"
				/>
			</td>
			<td></td>
			<td>
				<button class="btn btn-sm btn-primary" type="submit" form="edit-payment">Save</button>
			</td>
		</form>
	</tr>
}