subscription.templ

 1package pages
 2
 3templ subscriptionModal() {
 4	<div class="modal fade" id="subscription-modal" tabindex="-1">
 5		<div class="modal-dialog">
 6			<div class="modal-content">
 7				<div class="modal-header">
 8					<h1 class="modal-title fs-5">Subscribe to channel</h1>
 9					<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
10				</div>
11				<div class="modal-body">
12					<form
13						id="subscription-form"
14						class="d-flex"
15						data-on:submit__prevent="$channelID = el.querySelector('input').value; @post('/subscribe')"
16					>
17						<input
18							type="text"
19							placeholder="Channel ID, username, or URL"
20							class="form-control"
21							autocomplete="off"
22						/>
23						<button type="submit" class="btn btn-primary ms-3"><i class="bi bi-bookmark-plus"></i></button>
24					</form>
25				</div>
26			</div>
27		</div>
28	</div>
29}