From 41675a63fc2baaf5a85a0da48c15869ea5566ed7 Mon Sep 17 00:00:00 2001
From: Yanislav Igonin <yanislavdabest@gmail.com>
Date: Sat, 4 Sep 2021 21:46:27 +0300
Subject: [PATCH] feat: add simple form for thread creating

---
 templates/index.html | 43 ++++++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 5d49d6b..04331b0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -44,31 +44,36 @@
   <h1 class="display-1 text-center">Welcome to Micrach</h1>
   
   <div class="container">
-      <div class="row row-cols-auto gy-4">
-      
-        {{range $Post := .}}
-        <div class="col col-sm-6 col-md-4 col-lg-3">
-          <div class="card">
+    <form class="row row-cols-auto gy-4" action="/" method="POST" enctype="multipart/form-data">
+        <input class="form-control" id="postTitle" placeholder="Title" name="title">
+        <textarea class="form-control" id="postText" rows="3" placeholder="Text" name="text"></textarea>
+        <input class="form-control" type="file" id="formFileMultiple" multiple name="files">
+    </form>
+    
+    <div class="row row-cols-auto gy-4">
+      {{range $Post := .}}
+      <div class="col col-sm-6 col-md-4 col-lg-3">
+        <div class="card">
 
-            {{ $length := len $Post.Files }} {{ if gt $length 0 }}
-            {{$FirstFile := index $Post.Files 0}}
-            <img 
-              src="{{$FirstFile.Name}}" 
-              class="card-img-top"
-              alt="Uploaded picture"
-            >
-            {{end}}
+          {{ $length := len $Post.Files }} {{ if gt $length 0 }}
+          {{$FirstFile := index $Post.Files 0}}
+          <img 
+            src="{{$FirstFile.Name}}" 
+            class="card-img-top"
+            alt="Uploaded picture"
+          >
+          {{end}}
 
-            <div class="card-body">
-              <h5 class="card-title">{{$Post.Title}}</h5>
-              <p class="card-text">{{$Post.Text}}</p>
-              <a href="/{{$Post.ID}}" class="btn btn-outline-primary">Open</a>
-            </div>
+          <div class="card-body">
+            <h5 class="card-title">{{$Post.Title}}</h5>
+            <p class="card-text">{{$Post.Text}}</p>
+            <a href="/{{$Post.ID}}" class="btn btn-outline-primary">Open</a>
           </div>
         </div>
-
+      </div>
       {{end}}
     </div>
+    
   </div>
 </body>