resources/views/map-controls.html

@@ -0,0 +1,43 @@
+<style>
+    table {
+        border-spacing: 0;
+    }
+
+    td {
+        padding: 0;
+    }
+
+    .game-board {
+        display: grid;
+        grid-template-rows: 50px 50px 50px;
+        grid-template-columns: 50px 50px 50px;
+    }
+
+    .box {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+</style>
+<form method="post" id="movement"></form>
+<div class='game-board'>
+    <div class='box'></div>
+    <div class="box">
+        <button type='submit' name='action' value='up' form="movement">🔼</button>
+    </div>
+    <div class='box'></div>
+    <div class='box'>
+        <button type='submit' name='action' value='left' form='movement'>◀</button>
+    </div>
+    <div class='box'>X</div>
+    <div class='box'>
+        <button type='submit' name='action' value='right' form='movement'>▶</button>
+    </div>
+    <div class='box'></div>
+    <div class='box'>
+        <button type='submit' name='action' value='down' form='movement'>🔽</button>
+    </div>
+    <div class='box'></div>
+</div>
+
+<button type='submit' name='action' value='clear' form='movement'>Сброс</button>