side by side layout

internal/server/static/style.css

@@ -194,7 +194,7 @@ main {
   min-width: 160px;
 }
 
-input:focus {
+.search-container input:focus {
   outline: none;
   border-color: var(--primary-color);
   box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
@@ -295,6 +295,18 @@ tr a {
   color: var(--primary-color);
 }
 
+.order {
+  display: flex;
+  flex-direction: row;
+}
+
+.order div {
+  display: flex;
+  flex-direction: column;
+}
+
+
+
 
 /* Responsive adjustments */
 @media (max-width: 768px) {

internal/server/templates/order.gohtml

@@ -1,71 +1,71 @@
 {{define "title"}}
-    Order {{.Order.ID}}
+    {{if .Order.ID}}
+    Edytuj zamówienie #{{.Order.ID}}
+    {{else}}
+    Nowe zamówienie
+    {{end}}
 {{end}}
 {{define "main"}}
     <main>
-        <form method="post">
+        <form method="post" class="order">
             {{with .Order}}
+            <div class="order-contents">
                 <div>
                     <h2>Info</h2>
                     <label>
                         <input hidden="hidden" name="id" value="{{.ID}}">
                     </label>
-                    <label>name</label>
+                    <label>Imię
-                    <label>
                         <input type="text" name="name" value="{{.Name}}">
                     </label>
-                    <label>surname</label>
+                    <label>Nazwisko
-                    <label>
                         <input type="text" name="surname" value="{{.Surname}}">
                     </label>
-                    <label>phone</label>
+                    <label>Numer telefonu
-                    <label>
                         <input type="tel" name="phone" value="{{.Phone}}">
                     </label>
-                    <label>location</label>
+                    <label>Lokalizacja
-                    <label>
                         <select name="location">
                             <option {{ if eq .Location "Kartuzy" }}selected{{ end }} value="Kartuzy">Kartuzy</option>
                             <option {{ if eq .Location "Somonino" }}selected{{ end }} value="Somonino">Somonino</option>
                         </select>
                     </label>
-                    <label>date</label>
+                    <label>Data dostawy
-                    <label>
                         <input type="date" name="date" value="{{.Date.Format "2006-01-02"}}">
                     </label>
-                    <label>status</label>
+                    <label>Status
-                    <label for="status"></label><select name="status" id="status">
+                        <select name="status">
                             <option {{ if eq .Status "accepted" }}selected{{ end }} value="accepted">accepted</option>
                             <option {{ if eq .Status "done" }}selected{{ end }} value="done">done</option>
                         </select>
-                    <label>paid</label>
+                    </label>
-                    <label>
+                    <label>Zaliczka
                         <input type="number" name="paid" min="0" value="{{.Paid}}">
                     </label>
                 </div>
                 <div>
-                    <h2>Basket</h2>
+                    <h2>Dodane Ciasta</h2>
                     <ul id="basket">
                     </ul>
                 </div>
+                <button type="submit">Zapisz</button>
+            </div>
             {{end}}
             {{with .Catalogue}}
                 <div>
-                    <h2>Catalogue</h2>
+                    <h2>Katalog</h2>
                     <ul>
                         {{range .}}
                             <li>
                                 {{.Name}} {{.Price}}
-                                <button type=button onClick="addCake({{.ID}},'{{.Name}} {{.Price}}', 1)">add</button>
+                                <button type=button onClick="addCake({{.ID}},'{{.Name}} {{.Price}}', 1)">dodaj</button>
                             </li>
                         {{end}}
                     </ul>
                 </div>
             {{end}}
-            <button type="submit">submit</button>
         </form>
     </main>
-    <!--suppress JSUnusedGlobalSymbols, JSCheckFunctionSignatures -->
     <script>
         function addCake(id, name, amount) {
             const cake = document.getElementById("cake[" + id + "]");
@@ -85,7 +85,7 @@
             const button = document.createElement("button");
             button.setAttribute("type", "button")
             button.setAttribute("onClick", "removeCake(" + id + ")")
-            button.innerText = "delete"
+            button.innerText = "usuń"
             const li = document.createElement("li");
             li.appendChild(label)
             li.appendChild(input)