2024-08-01 19:36:58 +00:00
|
|
|
<?php
|
|
|
|
$side ??= "";
|
|
|
|
$mob ??= [];
|
|
|
|
$csrfToken ??= "";
|
|
|
|
?>
|
2024-08-02 19:45:51 +00:00
|
|
|
<div class="mob" onclick="htmx.trigger(document.forms['<?= $side ?>'], 'submit', {})" id="form-<?= $side ?>">
|
|
|
|
<form action="?<?= $side ?>" method="POST" name="<?= $side ?>"
|
2024-08-02 19:47:49 +00:00
|
|
|
data-hx-post="?<?= $side ?>&ajax" data-hx-target=".selection" data-hx-swap="outerHTML"
|
2024-08-02 20:52:46 +00:00
|
|
|
data-hx-ext="img-preload" data-loading-callback="startSpinner()" data-loaded-callback="stopSpinner()">
|
2024-08-02 19:45:51 +00:00
|
|
|
<input type="hidden" name="csrfToken" value="<?= $csrfToken ?>">
|
2024-08-01 18:50:08 +00:00
|
|
|
<h2><?= $mob["name"]; ?></h2>
|
|
|
|
<img alt="<?= $mob["name"]; ?>" src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>">
|
2024-08-02 20:01:21 +00:00
|
|
|
<script>setTimeout(() => { document.getElementById("form-<?= $side ?>").style.cursor = "pointer"; }, 1);</script>
|
2024-08-02 19:56:46 +00:00
|
|
|
<noscript><input class="fallback" type="submit" value="<?= $mob["name"]; ?>"></noscript>
|
2024-08-02 19:45:51 +00:00
|
|
|
</form>
|
|
|
|
</div>
|