From 46cbdfd484dd50520b7d042ac88ca614bc345faa Mon Sep 17 00:00:00 2001
From: devdatt <shreebhattji@urmic.org>
Date: Thu, 8 Jan 2026 07:33:03 +0530
Subject: [PATCH] input

---
 html/input.php | 116 +++++++++++++++++++++++++------------------------
 1 file changed, 60 insertions(+), 56 deletions(-)

diff --git a/html/input.php b/html/input.php
index 46e0644..72339ef 100644
--- a/html/input.php
+++ b/html/input.php
@@ -77,75 +77,79 @@ if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST["action"]) && $_POST["
         padding: 10px;
     }
 </style>
+<div class="containerindex">
+    <div class="grid">
 
-<h2>Service List</h2>
-<button onclick="openPopup()">Add Service</button>
+        <h2>Service List</h2>
+        <button onclick="openPopup()">Add Service</button>
 
-<table>
-    <tr>
-        <th>ID</th>
-        <th>Input UDP</th>
-        <th>Output UDP</th>
-        <th>Video Format</th>
-        <th>Audio Format</th>
-        <th>Resolution</th>
-        <th>Video Bitrate</th>
-        <th>Audio Bitrate</th>
-        <th>Status</th>
-    </tr>
+        <table>
+            <tr>
+                <th>ID</th>
+                <th>Input UDP</th>
+                <th>Output UDP</th>
+                <th>Video Format</th>
+                <th>Audio Format</th>
+                <th>Resolution</th>
+                <th>Video Bitrate</th>
+                <th>Audio Bitrate</th>
+                <th>Status</th>
+            </tr>
 
-    <?php foreach ($data as $row): ?>
-        <tr>
-            <td><?= $row["id"] ?></td>
-            <td><?= $row["input_udp"] ?></td>
-            <td><?= $row["output_udp"] ?></td>
-            <td><?= $row["video_format"] ?></td>
-            <td><?= $row["audio_format"] ?></td>
-            <td><?= $row["resolution"] ?></td>
-            <td><?= $row["video_bitrate"] ?></td>
-            <td><?= $row["audio_bitrate"] ?></td>
-            <td><?= $row["status"] ?></td>
-        </tr>
-    <?php endforeach; ?>
+            <?php foreach ($data as $row): ?>
+                <tr>
+                    <td><?= $row["id"] ?></td>
+                    <td><?= $row["input_udp"] ?></td>
+                    <td><?= $row["output_udp"] ?></td>
+                    <td><?= $row["video_format"] ?></td>
+                    <td><?= $row["audio_format"] ?></td>
+                    <td><?= $row["resolution"] ?></td>
+                    <td><?= $row["video_bitrate"] ?></td>
+                    <td><?= $row["audio_bitrate"] ?></td>
+                    <td><?= $row["status"] ?></td>
+                </tr>
+            <?php endforeach; ?>
 
-</table>
+        </table>
 
-<!-- Overlay -->
-<div id="overlay"></div>
+        <!-- Overlay -->
+        <div id="overlay"></div>
 
-<!-- Popup form -->
-<div id="popup">
-    <h3>Add Service</h3>
+        <!-- Popup form -->
+        <div id="popup">
+            <h3>Add Service</h3>
 
-    <input type="text" id="in_udp" name="input_udp" placeholder="Input UDP">
-    <input type="text" id="out_udp" name="output_udp" placeholder="Output UDP">
+            <input type="text" id="in_udp" name="input_udp" placeholder="Input UDP">
+            <input type="text" id="out_udp" name="output_udp" placeholder="Output UDP">
 
-    <select id="video_format" name="video_format">
-        <option value="h264">H.264</option>
-        <option value="h265">H.265</option>
-    </select>
+            <select id="video_format" name="video_format">
+                <option value="h264">H.264</option>
+                <option value="h265">H.265</option>
+            </select>
 
-    <select id="audio_format" name="audio_format">
-        <option value="aac">AAC</option>
-        <option value="mp3">MP3</option>
-    </select>
+            <select id="audio_format" name="audio_format">
+                <option value="aac">AAC</option>
+                <option value="mp3">MP3</option>
+            </select>
 
-    <select id="resolution" name="resolution">
-        <option value="1920x1080">1920x1080</option>
-        <option value="1280x720">1280x720</option>
-        <option value="720x576">720x576</option>
-    </select>
+            <select id="resolution" name="resolution">
+                <option value="1920x1080">1920x1080</option>
+                <option value="1280x720">1280x720</option>
+                <option value="720x576">720x576</option>
+            </select>
 
-    <input type="text" id="video_bitrate" name="video_bitrate" placeholder="Video Bitrate (kbps)">
-    <input type="text" id="audio_bitrate" name="audio_bitrate" placeholder="Audio Bitrate (kbps)">
+            <input type="text" id="video_bitrate" name="video_bitrate" placeholder="Video Bitrate (kbps)">
+            <input type="text" id="audio_bitrate" name="audio_bitrate" placeholder="Audio Bitrate (kbps)">
 
-    <select id="status" name="status">
-        <option value="enable">Enable</option>
-        <option value="disable">Disable</option>
-    </select>
+            <select id="status" name="status">
+                <option value="enable">Enable</option>
+                <option value="disable">Disable</option>
+            </select>
 
-    <button onclick="saveService()">Save</button>
-    <button onclick="closePopup()">Close</button>
+            <button onclick="saveService()">Save</button>
+            <button onclick="closePopup()">Close</button>
+        </div>
+    </div>
 </div>
 
 <script>