1 files changed, 47 insertions, 15 deletions
diff --git a/day9/task5/index.html b/day9/task5/index.html
index 423b5cb..20e2a3d 100644
--- a/day9/task5/index.html
+++ b/day9/task5/index.html
@@ -21,32 +21,28 @@
             font-size: 17px;
         }
 
-        #table_operations {
-            margin: 30px;
-            font-size: 20px;
+        input[type="date"], input[type="time"] {
+            padding: 7px;
+            font-size: 1.3em;
         }
 
-        .odd {
-            background-color: #dedede;
+        input {
+            margin: 3px 0;
         }
 
-        .even {
-            background-color: #c5c5c5;
+        #table_operations {
+            margin: 30px;
+            font-size: 20px;
         }
 
-        .keyword {
-            color: blue;
-        }
+        .odd { background-color: #dedede; }
+        .even { background-color: #c5c5c5; }
+        .keyword { color: blue; }
 
     </style>
 </head>
 
 <body onload="loadDefaultOperation()">
-    <table>
-        %%heading%%
-
-        %%body%%
-    </table>
 
     <div id="table_operations">
         <select onchange="typeChanged()" id="operation">
@@ -61,6 +57,42 @@
         </form>
     </div>
 
+    <div>
+        <form action="/update">
+            <label> service_id <input type="text" name="service_id" disabled></label> <br>
+            <label> servtype <input type="text" name="servtype"></label> <br>
+            <label> subtype <input type="text" name="subtype"></label> <br>
+            <label> user_id <input type="text" name="user_id"></label> <br>
+            <label> referrer_user_id <input type="text" name="referrer_user_id"></label> <br>
+            <label>
+                state
+                <select name="state">
+                    <option>N</option>
+                    <option>A</option>
+                    <option>S</option>
+                    <option>D</option>
+                    <option>O</option>
+                </select>
+            </label><br>
+            <label> creation_date <input type="date" name="creation_date"></label> <br>
+            <label> creation_time <input type="time" name="creation_time"></label> <br>
+            <label>
+                creation_request_sent_date
+                <input type="date" name="creation_request_sent_date">
+                <input type="time" name="creation_request_sent_time">
+            </label> <br>
+            <label> notified_about_expiration <input type="text" name="notified_about_expiration"></label> <br>
+
+            <button type="submit">Submit</button>
+        </form>
+    </div>
+
+    <table>
+        %%heading%%
+
+        %%body%%
+    </table>
+
     <script>
         let queryHTMLElements = {
             'UPDATE': `