From f61e69b3669afb70f86f20b912077cf7cbb11deb Mon Sep 17 00:00:00 2001
From: Anton Kamalov <kamalovap@paksurion.ru>
Date: Thu, 21 Nov 2024 15:00:50 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD=D0=B5?=
 =?UTF-8?q?=D1=80=D1=81=D0=BA=D0=B8=D0=B5=20=D0=B7=D0=B0=D0=BC=D0=BE=D1=80?=
 =?UTF-8?q?=D0=BE=D1=87=D0=BA=D0=B8=20=D1=81=20=D0=BE=D1=82=D1=87=D1=91?=
 =?UTF-8?q?=D1=82=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App/Report/templates/report_basic.html | 67 ++++++++++++++------------
 App/Report/templates/report_menu.html  |  2 +-
 App/static/css/main.css                | 47 ++++++++++++++++--
 3 files changed, 80 insertions(+), 36 deletions(-)

diff --git a/App/Report/templates/report_basic.html b/App/Report/templates/report_basic.html
index c2200e0..dac88c9 100644
--- a/App/Report/templates/report_basic.html
+++ b/App/Report/templates/report_basic.html
@@ -10,36 +10,43 @@
         <a href="{{ url_for('logout') }}"><button>Выход</button></a>
     </div>
     <h1>{{ title }}</h1>
+    <div class="form">
+        <form action="" method="post">
+            <label for="category">Выберите предмет формирования отчета</label>
+            <select name="category" id="category" required>
+                {% for item in items %}
+                    <option value="{{ item['id'] }}">{{ item['name'] }}</option>
+                {% endfor %}
+            </select>    
+            
+            <label for="month">Выберите отчетный период</label>
+            <div class="period">
+                <select name="month" id="month" required>
+                    <option value="1">Январь</option>
+                    <option value="2">Февраль</option>
+                    <option value="3">Март</option>
+                    <option value="4">Апрель</option>
+                    <option value="5">Май</option>
+                    <option value="6">Июнь</option>
+                    <option value="7">Июль</option>
+                    <option value="8">Август</option>
+                    <option value="9">Сентябрь</option>
+                    <option value="10">Октябрь</option>
+                    <option value="11">Ноябрь</option>
+                    <option value="12">Декабрь</option>
+                </select>
+                <input type="number" name="year" value="2024" min="1990" max="2100" required>
+            </div>
 
-    <form action="" method="post">
-        <select name="category" required>
-            {% for item in items %}
-                <option value="{{ item['id'] }}">{{ item['name'] }}</option>
-            {% endfor %}
-        </select>    
-        <select name="month" required>
-            <option value="1">Январь</option>
-            <option value="2">Февраль</option>
-            <option value="3">Март</option>
-            <option value="4">Апрель</option>
-            <option value="5">Май</option>
-            <option value="6">Июнь</option>
-            <option value="7">Июль</option>
-            <option value="8">Август</option>
-            <option value="9">Сентябрь</option>
-            <option value="10">Октябрь</option>
-            <option value="11">Ноябрь</option>
-            <option value="12">Декабрь</option>
-        </select>
-        <input type="number" name="year" value="2024" min="1990" max="2100" required>
-        {% if write %}
-            <button type="submit" value="write">Создать</button>
-        {% else %}
-            <button type="submit" value="read">Просмотр</button>
-        {% endif %}
-    </form>
-    <div class="return">
-        <a href="{{ url_for('index') }}"><button>Главное меню</button></a>
+            {% if write %}
+                <button type="submit" value="write">Создать</button>
+            {% else %}
+                <button type="submit" value="read">Просмотр</button>
+            {% endif %}
+        </form>
+        <div class="return">
+            <a href="{{ url_for('index') }}"><button>Главное меню</button></a>
+        </div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/App/Report/templates/report_menu.html b/App/Report/templates/report_menu.html
index 53906e3..7af3b21 100644
--- a/App/Report/templates/report_menu.html
+++ b/App/Report/templates/report_menu.html
@@ -10,7 +10,7 @@
         <a href="{{ url_for('logout') }}"><button>Выход</button></a>
     </div>
     <h1>Выберите вариант отчетов</h1>
-    <div style="text-align: center; margin: 20px 0;">
+    <div class="buttons_menu">
         <a href="{{ url_for('report_bp.create') }}"><button>Создать отчет</button></a>
         <a href="{{ url_for('report_bp.view') }}"><button>Читать отчеты</button></a>
     </div>
diff --git a/App/static/css/main.css b/App/static/css/main.css
index d641103..5cd5ee1 100644
--- a/App/static/css/main.css
+++ b/App/static/css/main.css
@@ -1,4 +1,4 @@
-h1,h2 {
+h1, h2 {
     text-align: center;
 }
 
@@ -26,6 +26,11 @@ div.logout, div.login {
     text-align: center;
 }
 
+div.buttons_menu{
+    text-align: center;
+    margin: 20px 0;
+}
+
 div.logout button {
     margin-top: -5px;
     background-color: #ff0000;
@@ -37,11 +42,12 @@ div.login button {
 }
 
 div.return {
-    display: flex; 
-    justify-content: center; 
+    display: flex;
+    justify-content: center;
+    margin-top: 15px;
 }
 
-div.return button{
+div.return button {
     background-color: chocolate;
 }
 
@@ -50,4 +56,35 @@ div.form {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
-}
\ No newline at end of file
+    text-align: center;
+    background-color: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+div.form label {
+    display: block;
+    margin-bottom: 5px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+}
+
+div.form select, div.form input[type=number] {
+    margin-bottom: 15px;
+    padding: 5px;
+    font-size: 14px;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+div.form .period {
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+}
+
+div.form button {
+    margin-top: 15px;
+}