Update biz_v.html

biz_v.html

@@ -6,218 +6,222 @@
     <title>API Request</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
     <style>
-        body {
-            font-family: Arial, sans-serif;
-            text-align: center;
-            background-color: #f0f0f0;
-            margin: 0;
-            padding: 0;
-        }
-        h1 {
-            background-color: #4CAF50;
-            color: white;
-            padding: 20px;
-            margin: 0;
-            border-bottom: 2px solid #388E3C;
-            font-size: 28px;
-            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-        }
-        .container {
-            display: flex;
-            justify-content: space-around;
-            margin-top: 20px;
-        }
-        .block {
-            width: 45%;
-            text-align: left;
-            background-color: white;
-            padding: 20px;
-            border-radius: 10px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-        }
-        .form-group {
-            margin: 20px 0;
-        }
-        .form-group label {
-            display: block;
-            margin-bottom: 8px;
-            font-size: 16px;
-        }
-        .form-group input,
-        .form-group select {
-            width: 100%;
-            padding: 12px;
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            box-sizing: border-box;
-        }
-        button {
-            display: block;
-            margin: 20px auto;
-            color: white;
-            background-color: #4CAF50;
-            border: none;
-            cursor: pointer;
-            padding: 12px 24px;
-            font-size: 16px;
-            border-radius: 5px;
-            transition: background-color 0.3s ease;
-        }
-        button:hover {
-            background-color: #388E3C;
-        }
-        .input-row {
-            display: flex;
-            justify-content: center;
-            gap: 10px;
-            margin-top: 20px;
-        }
-        .input-row input[type="file"] {
-            padding: 10px;
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-        }
-        .input-row input[type="checkbox"] {
-            margin-top: 5px;
-        }
-        .input-row label {
-            display: flex;
-            align-items: center;
-            color: #4CAF50;
-            font-size: 16px;
-        }
-        #uploadButton {
-            color: white;
-            background-color: #4CAF50;
-            border: none;
-            cursor: pointer;
-            padding: 10px 20px;
-            font-size: 16px;
-            border-radius: 5px;
-            margin-top: 20px;
-            display: block;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        #uploadButton:hover {
-            background-color: #388E3C;
-        }
-        /* Центрирование заголовков блоков */
-        .block h2 {
-            text-align: center;
-        }
-        /* Custom Checkbox Styles */
-        .container-checkbox {
-            color: #000000;
-            display: block;
-            position: relative;
-            padding-left: 35px;
-            margin-bottom: 12px;
-            cursor: pointer;
-            font-size: 16px;
-            -webkit-user-select: none;
-            -moz-user-select: none;
-            -ms-user-select: none;
-            user-select: none;
-        }
-        .container-checkbox input {
-            position: absolute;
-            opacity: 0;
-            cursor: pointer;
-            height: 0;
-            width: 0;
-        }
-        .checkmark {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 25px;
-            width: 25px;
-            background-color: #eee;
-        }
-        .container-checkbox:hover input ~ .checkmark {
-            background-color: #ccc;
-        }
-        .container-checkbox input:checked ~ .checkmark {
-            background-color: #4CAF50;
-        }
-        .checkmark:after {
-            content: "";
-            position: absolute;
-            display: none;
-        }
-        .container-checkbox input:checked ~ .checkmark:after {
-            display: block;
-        }
-        .container-checkbox .checkmark:after {
-            left: 9px;
-            top: 5px;
-            width: 5px;
-            height: 10px;
-            border: solid white;
-            border-width: 0 3px 3px 0;
-            -webkit-transform: rotate(45deg);
-            -ms-transform: rotate(45deg);
-            transform: rotate(45deg);
-        }
-        /* Стили для input[type="date"] */
-        input[type="date"] {
-            background-color: #4CAF50;
-            color: white;
-            padding: 12px;
-            font-size: 16px;
-            border: none;
-            border-radius: 5px;
-            width: 100%;
-            box-sizing: border-box;
-        }
-        ::-webkit-calendar-picker-indicator {
-            background-color: white;
-            padding: 5px;
-            cursor: pointer;
-            border-radius: 3px;
-        }
-        /* Стили для выпадающего списка */
-        #dropdown {
-            width: 100%;
-            padding: 12px;
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            box-sizing: border-box;
-            margin-bottom: 20px;
-        }
-        #uploadButtonJson {
-            color: white;
-            background-color: #4CAF50;
-            border: none;
-            cursor: pointer;
-            padding: 10px 20px;
-            font-size: 16px;
-            border-radius: 5px;
-            margin-top: 20px;
-            display: block;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        #uploadButtonJson:hover {
-            background-color: #388E3C;
-        }
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    background-color: #f0f0f0;
+    margin: 0;
+    padding: 0;
+}
 
+h1 {
+    background-color: #4CAF50;
+    color: white;
+    padding: 20px;
+    margin: 0;
+    border-bottom: 2px solid #388E3C;
+    font-size: 28px;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+}
 
-/* Стили для блока формы JSON */
-.block form#uploadFormJson {
+.container {
+    display: flex;
+    justify-content: space-around;
     margin-top: 20px;
 }
 
-.block form#uploadFormJson label {
+.block {
+    width: 45%;
+    text-align: left;
+    background-color: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.form-group {
+    margin: 20px 0;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 8px;
+    font-size: 16px;
+}
+
+.form-group input,
+.form-group select {
+    width: 100%;
+    padding: 12px;
+    font-size: 16px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-sizing: border-box;
+}
+
+button {
+    display: block;
+    margin: 20px auto;
+    color: white;
+    background-color: #4CAF50;
+    border: none;
+    cursor: pointer;
+    padding: 12px 24px;
+    font-size: 16px;
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #388E3C;
+}
+
+.input-row {
     display: flex;
-    align-items: center;
-    margin-bottom: 10px;
+    justify-content: center;
+    gap: 10px;
+    margin-top: 20px;
+}
+
+.input-row input[type="file"] {
+    padding: 10px;
     font-size: 16px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+.input-row input[type="checkbox"] {
+    margin-top: 5px;
+}
+
+.input-row label {
+    display: flex;
+    align-items: center;
     color: #4CAF50;
+    font-size: 16px;
+}
+
+#uploadButton {
+    color: white;
+    background-color: #4CAF50;
+    border: none;
+    cursor: pointer;
+    padding: 10px 20px;
+    font-size: 16px;
+    border-radius: 5px;
+    margin-top: 20px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#uploadButton:hover {
+    background-color: #388E3C;
+}
+
+/* Центрирование заголовков блоков */
+.block h2 {
+    text-align: center;
+}
+
+/* Custom Checkbox Styles */
+.container-checkbox {
+    color: #000000;
+    display: block;
+    position: relative;
+    padding-left: 35px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 16px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.container-checkbox input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+.checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 25px;
+    width: 25px;
+    background-color: #eee;
+}
+
+.container-checkbox:hover input ~ .checkmark {
+    background-color: #ccc;
+}
+
+.container-checkbox input:checked ~ .checkmark {
+    background-color: #4CAF50;
+}
+
+.checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+}
+
+.container-checkbox input:checked ~ .checkmark:after {
+    display: block;
+}
+
+.container-checkbox .checkmark:after {
+    left: 9px;
+    top: 5px;
+    width: 5px;
+    height: 10px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+/* Стили для input[type="date"] */
+input[type="date"] {
+    background-color: #4CAF50;
+    color: white;
+    padding: 12px;
+    font-size: 16px;
+    border: none;
+    border-radius: 5px;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+::-webkit-calendar-picker-indicator {
+    background-color: white;
+    padding: 5px;
+    cursor: pointer;
+    border-radius: 3px;
+}
+
+/* Стили для выпадающего списка */
+#dropdown {
+    width: 100%;
+    padding: 12px;
+    font-size: 16px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+}
+
+/* Стили для формы загрузки JSON */
+.block form#uploadFormJson {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
 }
 
 .block form#uploadFormJson input[type="file"] {
@@ -225,7 +229,6 @@
     font-size: 16px;
     border: 1px solid #ccc;
     border-radius: 5px;
-    margin-right: 10px;
 }
 
 #uploadButtonJson {
@@ -237,7 +240,7 @@
     font-size: 16px;
     border-radius: 5px;
     display: inline-block;
-    margin-left: 10px;
+    margin-top: 10px;
     transition: background-color 0.3s ease;
 }