From fcc6330b1935da1221f5d00b17edffe36bf512cd Mon Sep 17 00:00:00 2001
From: Yanislav Igonin <yanislavdabest@gmail.com>
Date: Mon, 4 Oct 2021 19:49:44 +0300
Subject: [PATCH] feat: make form responsible for different screens

---
 templates/templates.html | 73 +++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 35 deletions(-)

diff --git a/templates/templates.html b/templates/templates.html
index 72cf211..4d1c23f 100644
--- a/templates/templates.html
+++ b/templates/templates.html
@@ -64,47 +64,50 @@
 {{ end }}
 
 {{ define "post-form" }}
-  <div class="col col-12">
-
-    {{ if eq .FirstPostID 0 }}
-    <form id="postForm" action="/" method="POST" enctype="multipart/form-data">
-    {{ else }}
-    <form id="postForm" action="/{{ .FirstPostID }}" method="POST" enctype="multipart/form-data">
-    {{ end }}
+  <div class="d-flex justify-content-center">
 
+    <div class="col col-lg-6 col-md-8">
       {{ if eq .FirstPostID 0 }}
-      <input class="form-control" id="postTitle" placeholder="Title" name="title">
+      <form id="postForm" action="/" method="POST" enctype="multipart/form-data">
+      {{ else }}
+      <form id="postForm" action="/{{ .FirstPostID }}" method="POST" enctype="multipart/form-data">
       {{ end }}
 
-      <textarea class="form-control" id="postText" rows="5" placeholder="Text" name="text"></textarea>
-      <input class="form-control" type="file" id="postFiles" multiple name="files">
-      
-      <div class="captcha-container text-center">
-        <img src="/captcha/{{ .CaptchaID }}" alt="Captcha">
-      </div>
-      <input class="form-control" type="hidden" id="postCaptcha" name="captchaId" value="{{ .CaptchaID }}">
-      <input class="form-control" id="postCaptcha" placeholder="Captcha" name="captcha">
-
-      <div class="row">
-        {{ if ne .FirstPostID 0 }}
-        <div class="col">
-          <input class="form-check-input" type="checkbox" value="" id="postSage" name="sage">
-          <label class="form-check-label" for="postSage">
-            Sage
-          </label>
-        </div>
+        {{ if eq .FirstPostID 0 }}
+        <input class="form-control" id="postTitle" placeholder="Title" name="title">
         {{ end }}
 
-        <div class="col text-end">
-          <button class="col btn btn-outline-primary" type="submit" >
-            {{ if ne .FirstPostID 0 }}
-            Send
-            {{ else }}
-            Create thread
-            {{ end }}
-          </button>
+        <textarea class="form-control" id="postText" rows="5" placeholder="Text" name="text"></textarea>
+        <input class="form-control" type="file" id="postFiles" multiple name="files">
+        
+        <div class="captcha-container text-center">
+          <img src="/captcha/{{ .CaptchaID }}" alt="Captcha">
         </div>
-      </div>
-    </form>
+        <input class="form-control" type="hidden" id="postCaptcha" name="captchaId" value="{{ .CaptchaID }}">
+        <input class="form-control" id="postCaptcha" placeholder="Captcha" name="captcha">
+
+        <div class="row">
+          {{ if ne .FirstPostID 0 }}
+          <div class="col">
+            <input class="form-check-input" type="checkbox" value="" id="postSage" name="sage">
+            <label class="form-check-label" for="postSage">
+              Sage
+            </label>
+          </div>
+          {{ end }}
+
+          <div class="col text-end">
+            <button class="col btn btn-outline-primary" type="submit" >
+              {{ if ne .FirstPostID 0 }}
+              Send
+              {{ else }}
+              Create thread
+              {{ end }}
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+
   </div>
 {{ end }}
\ No newline at end of file