From 817f3e8b711bb6099817981bd6756f874bd3c2df Mon Sep 17 00:00:00 2001
From: Ivan <Ppechenkooo@gmail.com>
Date: Mon, 25 Sep 2023 19:37:21 +0300
Subject: [PATCH] BIG parameters update

---
 server.js                            |  607 +++++++++++++-
 static/scripts/parameters-form.js    |  253 ++++++
 static/scripts/table-reports.js      |    3 +-
 static/scripts/table.js              |    8 +-
 static/styles/main.css               |    2 +
 static/templates/devices/device.html |  685 ++++++++++++++++
 static/templates/devices/index.html  |  897 +--------------------
 static/templates/devices/system.html | 1119 ++++++++++++++++++++++++++
 static/templates/live.html           |    2 +-
 static/templates/reports/index.html  |   41 +-
 static/templates/signin.html         |    4 +-
 11 files changed, 2661 insertions(+), 960 deletions(-)
 create mode 100644 static/scripts/parameters-form.js
 create mode 100644 static/templates/devices/device.html
 create mode 100644 static/templates/devices/system.html

diff --git a/server.js b/server.js
index 4640135..71231eb 100644
--- a/server.js
+++ b/server.js
@@ -878,7 +878,7 @@ async function reports(req, res) {
     } 
 
     const query = `
-    SELECT a.evtuuid, a.id, a.cmdno, a.time, a.serial, a.st, r.plate, g.latitude, g.longitude
+    SELECT a.evtuuid, a.id, a.cmdno, a.time, a.serial, a.st, r.plate, g.latitude, g.longitude, r.number
     FROM (
       SELECT DISTINCT ON (evtuuid) evtuuid, id, cmdno, time, serial, st
       FROM alarms
@@ -1016,6 +1016,7 @@ async function reports(req, res) {
         id: alarm.id,
         cmdno: alarm.cmdno,
         time: formatDate(alarm.time),
+        number: alarm.number,
         serial: alarm.serial,
         st: alarm.st,
         type: type,
@@ -1879,7 +1880,193 @@ async function devices(req, res) {
   }
 }
 
+app.get('/devices/device/system/:serial', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  const userInfo = await getUserInfo(req.session.userId);
+  if (!userInfo.EditTransport) {
+    return res.redirect("/devices");
+  }
+  const serial = req.params.serial;
 
+  let templateData = {
+    SERVER_IP: process.env.SERVER_IP,
+    Organisation: userInfo.Organisation,
+    User: userInfo.User,
+    UserInfo: userInfo.Users,
+    isAdmin: req.session.userId === 'admin',
+    ifDBError: false,
+    Serial: serial,
+    EditTransport: false,
+    DeleteTransport: false,
+    Update: false,
+  };
+
+  try {
+    const pool = new Pool({
+      user: DB_User,
+      host: DB_Host,
+      database: DB_Name,
+      password: DB_Password,
+      port: DB_Port,
+    });
+    const client = await pool.connect();
+      
+    const source = fs.readFileSync("static/templates/devices/system.html", "utf8");
+    const template = handlebars.compile(source);
+    const resultT = template(templateData);
+    res.send(resultT);
+  
+    client.release();
+  } catch (error) {
+    console.error(error);
+    templateData.ifDBError = true;
+
+    const source = fs.readFileSync(
+      "static/templates/devices/system.html",
+      "utf8"
+    );
+    const template = handlebars.compile(source);
+    const resultT = template(templateData);
+    res.send(resultT);
+  }
+});
+
+app.get('/devices/device/:serial', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  const userInfo = await getUserInfo(req.session.userId);
+  if (!userInfo.EditTransport) {
+    return res.redirect("/devices");
+  }
+  const serial = req.params.serial;
+
+  let templateData = {
+    SERVER_IP: process.env.SERVER_IP,
+    Organisation: userInfo.Organisation,
+    User: userInfo.User,
+    UserInfo: userInfo.Users,
+    isAdmin: req.session.userId === 'admin',
+    ifDBError: false,
+    Serial: serial,
+    EditTransport: false,
+    DeleteTransport: false,
+    Update: false,
+    GroupsList: [],
+
+    Number: "",
+    Plate: "",
+    PlateColor: "",
+    Channels: "",
+    Protocol: "",
+    Ip: "",
+    Group: "",
+    Port: "",
+    Sim: "",
+    Imei: "",
+    Imsi: "",
+    Module: "",
+    Type: "",
+    Factory: "",
+    Capacity: "",
+    Engine: "",
+    Stanina: "",
+    Fuel: "",
+    Certificate: "",
+    Category: "",
+    Expire: "",
+    Consumption: "",
+    Region: "",
+    City: "",
+    Name: "",
+    Password: "",
+    Batch: "",
+    Release: "",
+    Installer: "",
+    Installation: "",
+    Description: "",
+  };
+
+  try {
+    const pool = new Pool({
+      user: DB_User,
+      host: DB_Host,
+      database: DB_Name,
+      password: DB_Password,
+      port: DB_Port,
+    });
+    const client = await pool.connect();
+
+    const query = "SELECT * FROM registrars WHERE serial = $1";
+    const result = await client.query(query, [serial]);
+
+    const groupsQuery = "SELECT id, name FROM groups";
+    const groupsResult = await client.query(groupsQuery);
+
+    templateData.GroupsList = groupsResult.rows.map(row => ({
+      id: row.id,
+      name: row.name,
+    }));
+
+    // Предполагается, что результат запроса содержит одну строку данных.
+    if (result.rows.length === 1) {
+      const rowData = result.rows[0];
+
+      // Заполнение данных из результата SQL запроса в объект templateData.
+      templateData.Number = rowData.number;
+      templateData.Plate = rowData.plate;
+      templateData.PlateColor = rowData.plate_color;
+      templateData.Channels = rowData.channels;
+      templateData.Protocol = rowData.protocol;
+      templateData.Ip = rowData.ip;
+      templateData.Group = rowData.group;
+      templateData.Port = rowData.port;
+      templateData.Sim = rowData.sim;
+      templateData.Imei = rowData.imei;
+      templateData.Imsi = rowData.imsi;
+      templateData.Module = rowData.module;
+      templateData.Type = rowData.auto;
+      templateData.Factory = rowData.factory;
+      templateData.Capacity = rowData.capacity;
+      templateData.Engine = rowData.engine;
+      templateData.Stanina = rowData.stanina;
+      templateData.Fuel = rowData.fuel;
+      templateData.Certificate = rowData.certificate;
+      templateData.Category = rowData.category;
+      templateData.Expire = rowData.certificate_exp;
+      templateData.Consumption = rowData.consumption;
+      templateData.Region = rowData.region;
+      templateData.City = rowData.city;
+      templateData.Name = rowData.name;
+      templateData.Password = rowData.password;
+      templateData.Batch = rowData.batch;
+      templateData.Release = rowData.release;
+      templateData.Installer = rowData.installer;
+      templateData.Installation = rowData.installation;
+      templateData.Description = rowData.description;
+    }
+      
+    const source = fs.readFileSync("static/templates/devices/device.html", "utf8");
+    const template = handlebars.compile(source);
+    const resultT = template(templateData);
+    res.send(resultT);
+  
+    client.release();
+  } catch (error) {
+    console.error(error);
+    templateData.ifDBError = true;
+
+    const source = fs.readFileSync(
+      "static/templates/devices/device.html",
+      "utf8"
+    );
+    const template = handlebars.compile(source);
+    const resultT = template(templateData);
+    res.send(resultT);
+  }
+});
 
 async function groups(req, res) {
   if (req.session.userId === undefined) {
@@ -1971,7 +2158,7 @@ async function getParameters(serial) {
     },
     data: JSON.stringify({
       "FIELDS": [
-        "DOSD"
+        "EOSD"
       ]
     }),
   });
@@ -2024,11 +2211,78 @@ async function getParameters(serial) {
   await new Promise(resolve => setTimeout(resolve, 300));
 
   const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
-  // console.log(getResponse.data);
 
   return getResponse.data;
 }
 
+app.post('/main-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  try {
+    const { serial } = req.body;
+
+    const requestResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/request?serial=${serial}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: JSON.stringify({
+      "FIELDS": [
+        "RIP",
+        "VS"
+      ]
+    }),
+  });
+
+  await new Promise(resolve => setTimeout(resolve, 300));
+
+  const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
+
+    res.json(getResponse.data);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: 'Internal server error' });
+  }
+});
+
+app.put('/main-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  const requestData = req.body;
+  const { serial } = req.query;
+
+  const {
+    NUMBER,
+    PLATE,
+    VIN
+  } = requestData;
+
+  const requestBody = {
+    "RIP": {
+      "BN": NUMBER,
+      "BID": PLATE
+    },
+    "VS": {
+      "VIN": VIN
+    }
+  };
+
+
+
+  try {
+    const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
+      data: JSON.stringify(requestBody),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    res.status(response.status).send(response.data);
+  } catch (error) {
+    res.status(500).send('Произошла ошибка при отправке GET запроса.');
+  }
+});
+
 app.post('/device-parameters', async (req, res) => {
   if (req.session.userId === undefined) {
     return res.redirect("/signin");
@@ -2037,7 +2291,7 @@ app.post('/device-parameters', async (req, res) => {
     const { serial } = req.body;
 
 
-    // Используем асинхронный цикл для выполнения GET-запросов по очереди
+
     const responseData = await getParameters(serial);
 
 
@@ -2048,6 +2302,314 @@ app.post('/device-parameters', async (req, res) => {
   }
 });
 
+app.post('/ethernet-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  try {
+    const { serial } = req.body;
+
+    const requestResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/request?serial=${serial}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: JSON.stringify({
+      "FIELDS": [
+        "ETHERNET",
+        "KEYS"
+      ]
+    }),
+  });
+
+  await new Promise(resolve => setTimeout(resolve, 300));
+
+  const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
+
+    res.json(getResponse.data);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: 'Internal server error' });
+  }
+});
+
+app.put('/ethernet-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  const requestData = req.body;
+  const { serial } = req.query;
+
+  const {
+    IPMODE,
+    IPADDR,
+    SUBMASK,
+    GATEWAY,
+    DNSMODE,
+    PDNS,
+    ADNS,
+    MAC
+  } = requestData;
+
+
+  const requestBody = {
+    "ETHERNET": {
+      "IPMODE": IPMODE,
+      "PIP": {
+        "IPADDR": IPADDR,
+        "SUBMASK": SUBMASK,
+        "GATEWAY": GATEWAY,
+      },
+      "DNSMODE": DNSMODE,
+      "DNS": {
+        "PDNS": PDNS,
+        "ADNS": ADNS
+      }
+    },
+    "KEYS": {
+      "MAC": MAC
+    }
+  };
+
+  try {
+    const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
+      data: JSON.stringify(requestBody),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    res.status(response.status).send(response.data);
+  } catch (error) {
+    res.status(500).send('Произошла ошибка при отправке GET запроса.');
+  }
+});
+
+app.post('/wifi-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  try {
+    const { serial } = req.body;
+
+    const requestResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/request?serial=${serial}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: JSON.stringify({
+      "FIELDS": [
+        "WIFI"
+      ]
+    }),
+  });
+
+  await new Promise(resolve => setTimeout(resolve, 300));
+
+  const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
+
+    res.json(getResponse.data);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: 'Internal server error' });
+  }
+});
+
+app.put('/wifi-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  const requestData = req.body;
+  const { serial } = req.query;
+
+  const {
+    WIFI,
+    ESSID,
+    ECRYPTTYPE,
+    PWD,
+    IPMODE,
+    IPADDR,
+    SUBMASK,
+    GATEWAY
+  } = requestData;
+
+
+  const requestBody = {
+    "WIFI": {
+      "ENABLE": WIFI,
+      "ESSID": ESSID,
+      "ECRYPTTYPE": ECRYPTTYPE,
+      "IPMODE": IPMODE,
+      "PWD": PWD,
+      "PIP": {
+        "IPADDR": IPADDR,
+        "SUBMASK": SUBMASK,
+        "GATEWAY": GATEWAY,
+      }
+    }
+  };
+
+  try {
+    const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
+      data: JSON.stringify(requestBody),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    res.status(response.status).send(response.data);
+  } catch (error) {
+    res.status(500).send('Произошла ошибка при отправке GET запроса.');
+  }
+});
+
+app.post('/communication-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  try {
+    const { serial } = req.body;
+
+    const requestResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/request?serial=${serial}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: JSON.stringify({
+      "FIELDS": [
+        "M3G"
+      ]
+    }),
+  });
+
+  await new Promise(resolve => setTimeout(resolve, 300));
+
+  const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
+
+    res.json(getResponse.data);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: 'Internal server error' });
+  }
+});
+
+app.put('/communication-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+
+  const requestData = req.body;
+  const { serial } = req.query;
+
+  const {
+    NM1,
+    APN1,
+    UN1,
+    PW1,
+    NM2,
+    APN2,
+    UN2,
+    PW2,
+    AT,
+    TN1,
+    TN2,
+    TN3
+  } = requestData;
+
+
+  const requestBody = {
+    "M3G": {
+      "M3M": {
+        "AT": AT,
+        "TN1":TN1,
+        "TN2":TN2,
+        "TN3":TN3
+      },
+      "MP": {
+        "NM": NM1,
+        "APN": APN1,
+        "UN": UN1,
+        "PW": PW1
+      },
+      "M4G": {
+        "NM": NM2,
+        "APN": APN2,
+        "UN": UN2,
+        "PW": PW2
+      },
+    }
+  };
+
+  try {
+    const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
+      data: JSON.stringify(requestBody),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    res.status(response.status).send(response.data);
+  } catch (error) {
+    res.status(500).send('Произошла ошибка при отправке GET запроса.');
+  }
+});
+
+app.post('/install-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+  try {
+    const { serial } = req.body;
+
+    const requestResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/request?serial=${serial}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: JSON.stringify({
+      "FIELDS": [
+        "MCMS"
+      ]
+    }),
+  });
+
+  await new Promise(resolve => setTimeout(resolve, 300));
+
+  const getResponse = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/get?serial=${serial}`);
+
+    res.json(getResponse.data);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: 'Internal server error' });
+  }
+});
+
+app.put('/install-parameters', async (req, res) => {
+  if (req.session.userId === undefined) {
+    return res.redirect("/signin");
+  }
+
+  const requestData = req.body;
+  const { serial } = req.query;
+
+  const {
+    SP
+  } = requestData;
+
+
+  const requestBody = {
+    "MCMS": {
+      "SP": SP
+    }
+  };
+
+
+  try {
+    const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
+      data: JSON.stringify(requestBody),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    res.status(response.status).send(response.data);
+  } catch (error) {
+    res.status(500).send('Произошла ошибка при отправке GET запроса.');
+  }
+});
+
 app.put('/device-parameters', async (req, res) => {
   if (req.session.userId === undefined) {
     return res.redirect("/signin");
@@ -2069,9 +2631,11 @@ app.put('/device-parameters', async (req, res) => {
     TE,
     VE,
     SE,
-    GE
+    GE,
+    DE
   } = requestData;
 
+
   // Создаем JSON для GET запроса
   const requestBody = {
     "TIMEP": {
@@ -2087,16 +2651,26 @@ app.put('/device-parameters', async (req, res) => {
     "SUBSTRNET": {
       "SM": parseInt(SUBSTREAMMODE, 10) || 1
     },
-    "DOSD": {
-      "NE": parseInt(NE, 10) || 1,
-      "TE": parseInt(TE, 10) || 1,
-      "VE": parseInt(VE, 10) || 0,
-      "SE": parseInt(SE, 10) || 0,
-      "GE": parseInt(GE, 10) || 0
-    }
+    "EOSD": [
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+      { "GE": GE, "NE": NE, "SE": SE, "TE": TE, "VE": VE, "DE": DE },
+  ]
   };
 
-
   // Отправляем GET запрос с JSON BODY
   try {
     const response = await axios.get(`http://${process.env.SERVER_IP}:8080/http/parameters/set?serial=${serial}`, {
@@ -2183,6 +2757,7 @@ app.post("/updatedevice", async (req, res) => {
     serialNumber,
     deviceNumber,
     plateNumber,
+    vinNumber,
     channelsAmount,
     plateColor,
     IPAddress,
@@ -2249,8 +2824,9 @@ app.post("/updatedevice", async (req, res) => {
         installer = $28,
         installation = $29,
         description = $30,
-        number = $31
-      WHERE serial = $32
+        number = $31,
+        vin = $32
+      WHERE serial = $33
       RETURNING *;
     `;
 
@@ -2286,6 +2862,7 @@ app.post("/updatedevice", async (req, res) => {
       equipmentInstalled,
       equipmentDescription,
       deviceNumber,
+      vinNumber,
       serialNumber,
     ];
 
diff --git a/static/scripts/parameters-form.js b/static/scripts/parameters-form.js
new file mode 100644
index 0000000..5a22474
--- /dev/null
+++ b/static/scripts/parameters-form.js
@@ -0,0 +1,253 @@
+
+
+const container = document.getElementById("new-parameters");
+const content1 = document.getElementById("parameters");
+const content2 = document.getElementById("ethernet");
+const content3 = document.getElementById("wifi");
+const content4 = document.getElementById("communication");
+const content5 = document.getElementById("install");
+const content6 = document.getElementById("cameras");;
+const radioButtons = document.querySelectorAll(
+  'input[type="radio"][name="newStage"]'
+);
+const duration = 100;
+
+let activeContent = content1;
+
+function switchContent(newContent) {
+  fadeOut(activeContent, () => {
+    fadeIn(newContent);
+    activeContent = newContent;
+  });
+}
+
+function fadeIn(element) {
+  element.style.opacity = 0;
+  element.style.display = "block";
+  let start = performance.now();
+
+  function animate(time) {
+    let timeFraction = (time - start) / duration;
+    if (timeFraction > 1) {
+      element.style.opacity = 1;
+    } else {
+      element.style.opacity = timeFraction;
+      requestAnimationFrame(animate);
+    }
+  }
+
+  requestAnimationFrame(animate);
+}
+
+function fadeOut(element, callback) {
+  element.style.opacity = 1;
+  let start = performance.now();
+
+  function animate(time) {
+    let timeFraction = (time - start) / duration;
+    if (timeFraction > 1) {
+      element.style.opacity = 0;
+      element.style.display = "none";
+      if (callback) {
+        callback();
+      }
+    } else {
+      element.style.opacity = 1 - timeFraction;
+      requestAnimationFrame(animate);
+    }
+  }
+
+  requestAnimationFrame(animate);
+}
+
+
+for (let radioButton of radioButtons) {
+  radioButton.addEventListener("change", () => {
+    if (radioButton.value === "parameters") {
+      switchContent(content1);
+      document.getElementById('parameters-bg').style.display = 'flex';
+          
+          fetch('/device-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            document.getElementById('system-date').value = data.DATA.TIMEP.DATEM;
+            document.getElementById('system-time').value = data.DATA.TIMEP.TIMEM;
+            document.getElementById('system-language').value = data.DATA.GSP.LANT;
+            document.getElementById('system-timezone').value = data.DATA.TIMEP.TIMEZ;
+            document.getElementById('system-geo').value = data.DATA.GSP.GM;
+            document.getElementById('system-stream').value = data.DATA.SUBSTRNET.SM;
+            document.getElementById('NE').checked = data.DATA.EOSD[0].NE === 1;
+            document.getElementById('TE').checked = data.DATA.EOSD[0].TE === 1;
+            document.getElementById('VE').checked = data.DATA.EOSD[0].VE === 1;
+            document.getElementById('SE').checked = data.DATA.EOSD[0].SE === 1;
+            document.getElementById('GE').checked = data.DATA.EOSD[0].GE === 1;
+            document.getElementById('DE').checked = data.DATA.EOSD[0].DE === 1;
+
+            $("select").trigger("input");
+          })
+          .catch(error => console.error('Ошибка:', error));
+    } else if (radioButton.value === "ethernet") {
+      switchContent(content2);
+
+      document.getElementById('parameters-bg').style.display = 'flex';
+
+          fetch('/ethernet-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            document.getElementById('system-ipmode').value = data.DATA.ETHERNET.IPMODE;
+            document.getElementById('system-ipaddr').value = data.DATA.ETHERNET.PIP.IPADDR;
+            document.getElementById('system-submask').value = data.DATA.ETHERNET.PIP.SUBMASK;
+            document.getElementById('system-gateway').value = data.DATA.ETHERNET.PIP.GATEWAY;
+            document.getElementById('system-dnsmode').value = data.DATA.ETHERNET.DNSMODE;
+            document.getElementById('system-pdns').value = data.DATA.ETHERNET.DNS.PDNS;
+            document.getElementById('system-adns').value = data.DATA.ETHERNET.DNS.ADNS;
+            document.getElementById('system-mac').value = data.DATA.KEYS.MAC;
+
+            $("select").trigger("input");
+
+          })
+          .catch(error => console.error('Ошибка:', error));
+    } else if (radioButton.value === "wifi") {
+      switchContent(content3);
+
+      document.getElementById('parameters-bg').style.display = 'flex';
+
+          fetch('/wifi-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            document.getElementById('system-wifi').value = data.DATA.WIFI.ENABLE;
+            document.getElementById('system-wifi-essid').value = data.DATA.WIFI.ESSID;
+            document.getElementById('system-wifi-ecrypttype').value = data.DATA.WIFI.ECRYPTTYPE;
+            document.getElementById('system-wifi-pwd').value = data.DATA.WIFI.PWD;
+            document.getElementById('system-wifi-ipmode').value = data.DATA.WIFI.IPMODE;
+            document.getElementById('system-wifi-ipaddr').value = data.DATA.WIFI.PIP.IPADDR;
+            document.getElementById('system-wifi-submask').value = data.DATA.WIFI.PIP.SUBMASK;
+            document.getElementById('system-wifi-gateway').value = data.DATA.WIFI.PIP.GATEWAY;
+
+            $("select").trigger("input");
+
+          })
+          .catch(error => console.error('Ошибка:', error));
+    } else if (radioButton.value === "communication") {
+      switchContent(content4);
+
+      document.getElementById('parameters-bg').style.display = 'flex';
+
+          fetch('/communication-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            document.getElementById('system-nm1').value = data.DATA.M3G.MP.NM;
+            document.getElementById('system-apn1').value = data.DATA.M3G.MP.APN;
+            document.getElementById('system-un1').value = data.DATA.M3G.MP.UN;
+            document.getElementById('system-pw1').value = data.DATA.M3G.MP.PW;
+
+            document.getElementById('system-nm2').value = data.DATA.M3G.M4G.NM;
+            document.getElementById('system-apn2').value = data.DATA.M3G.M4G.APN;
+            document.getElementById('system-un2').value = data.DATA.M3G.M4G.UN;
+            document.getElementById('system-pw2').value = data.DATA.M3G.M4G.PW;
+
+            document.getElementById('system-at').value = data.DATA.M3G.M3M.AT;
+            document.getElementById('system-tn1').value = data.DATA.M3G.M3M.TN1;
+            document.getElementById('system-tn2').value = data.DATA.M3G.M3M.TN2;
+            document.getElementById('system-tn3').value = data.DATA.M3G.M3M.TN3;
+
+            $("select").trigger("input");
+
+          })
+          .catch(error => console.error('Ошибка:', error));
+    } else if (radioButton.value === "install") {
+      switchContent(content5);
+
+      document.getElementById('parameters-bg').style.display = 'flex';
+
+          fetch('/install-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            clearServerContainer();
+
+            data.DATA.MCMS.SP.forEach((data) => {
+              addServer(data);
+            });
+
+            $("select").trigger("input");
+
+          })
+          .catch(error => console.error('Ошибка:', error));
+    } else if (radioButton.value === "cameras") {
+      switchContent(content6);
+    }
+  });
+}
+
+function truncateText(select) {
+  var maxLength = 30;
+  var option = select.options[select.selectedIndex];
+  if (option.text.length > maxLength) {
+    option.text = option.text.substring(0, maxLength) + "...";
+  }
+}
diff --git a/static/scripts/table-reports.js b/static/scripts/table-reports.js
index 18699b1..31ed24d 100644
--- a/static/scripts/table-reports.js
+++ b/static/scripts/table-reports.js
@@ -30,7 +30,7 @@ const createTable = () => {
     reportID.textContent = device.id;
     row.appendChild(reportID);
     const plate = document.createElement("td");
-    plate.textContent = device.plate;
+    plate.textContent = device.number;
     row.appendChild(plate);
     const numberTS = document.createElement("td");
     numberTS.textContent = device.serial;
@@ -77,7 +77,6 @@ const createPagination = () => {
     const pageLink = document.createElement("a");
     pageLink.href = "#";
     if (i === currentPage) {
-      document.querySelector("#device-all").checked = false;
       pageLink.classList.add("active");
     }
     pageLink.textContent = i;
diff --git a/static/scripts/table.js b/static/scripts/table.js
index c0d7614..9a2e6cd 100644
--- a/static/scripts/table.js
+++ b/static/scripts/table.js
@@ -27,9 +27,6 @@ const createTable = () => {
     const number = document.createElement("td");
     number.textContent = device.number;
     row.appendChild(number);
-    const plate = document.createElement("td");
-    plate.textContent = device.plate;
-    row.appendChild(plate);
     const serial = document.createElement("td");
     serial.textContent = device.serial;
     row.appendChild(serial);
@@ -72,7 +69,8 @@ const createTable = () => {
     if (EditTransport) {
     const optionsButton = document.createElement("button");
     optionsButton.setAttribute("class", "options");
-    optionsButton.setAttribute("onclick", `openForm("${device.id}")`);
+    // optionsButton.setAttribute("onclick", `openForm("${device.id}")`);
+    optionsButton.setAttribute("onclick", `location.href = "/devices/device/${device.serial}"`);
     optionsButton.value = `options-device-${device.id}`;
     optionsButton.id = `options-device-${device.id}`;
     trashCell.appendChild(optionsButton);
@@ -103,7 +101,7 @@ const createPagination = () => {
     const pageLink = document.createElement("a");
     pageLink.href = "#";
     if (i === currentPage) {
-      document.querySelector("#device-all").checked = false;
+      // document.querySelector("#device-all").checked = false;
       pageLink.classList.add("active");
     }
     pageLink.textContent = i;
diff --git a/static/styles/main.css b/static/styles/main.css
index 1908465..97285df 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -1130,6 +1130,7 @@ tr:nth-child(even) {
   height: 90%;
   border: 2px solid #f5f5fa;
   border-radius: 20px 0px 0px 20px;
+  padding-bottom: 25px;
 }
 
 .for-new input[type="radio"] {
@@ -1190,6 +1191,7 @@ tr:nth-child(even) {
   border: 2px solid #f5f5fa;
   border-left: 0;
   border-radius: 0px 20px 20px 0px;
+  padding-bottom: 25px;
 }
 
 .new-parameters {
diff --git a/static/templates/devices/device.html b/static/templates/devices/device.html
new file mode 100644
index 0000000..78d6954
--- /dev/null
+++ b/static/templates/devices/device.html
@@ -0,0 +1,685 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{Serial}}</title>
+    <link rel="stylesheet" href="../../styles/main.css" />
+</head>
+<body>
+
+  <style>
+    .main {
+      margin-top: 92px !important;
+    }
+
+    .main .bg {
+      min-height: calc(100vh - 162px - 92px);
+    }
+  </style>
+
+    <header>
+        <img src="../../img/argus.png">
+        <h1>Аргус</h1>
+        <h2><span>/</span> {{Organisation}}</h2>
+    </header>
+
+    <section class="account-info">
+      <div id="account-main">
+          <img id="person" src="../../img/person.svg">
+          <span>{{User}}</span>
+          <img id="down" src="../../img/down.svg">
+          <img id="up" src="../../img/up.svg">
+      </div>
+      <a href="/logout"><div id="account-additional" class="additional">Выйти</div></a>
+  </section>
+
+    
+
+
+    <section class="navigation">
+        <a href="/">
+            <div><img src="../../img/chart.svg">Главная</div>
+        </a>
+        <a href="/devices">
+            <div class="selected"><img src="../../img/cloud.svg">Устройства</div>
+        </a>
+        <a href="/reports">
+            <div><img src="../../img/bubble.svg">Отчёты</div>
+        </a>
+        <a href="/live">
+            <div><img src="../../img/waves.svg">Трансляция</div>
+        </a>
+        <a href="/videos">
+            <div><img src="../../img/play.svg">Записи</div>
+        </a>
+        {{#if isAdmin}}
+        <a class="admin-panel" href="/admin">
+            <div><img src="../../img/keyboard.svg">Админка</div>
+        </a>
+        {{/if}}
+        <a class="settings" href="/settings">
+            <div><img src="../../img/gear.svg">Настройки</div>
+        </a>
+    </section>
+
+    <section class="main">
+      {{#if ifDBError}}
+      <section class="dberror">
+        <div class="erorr-container">
+          <img src="../../img/warning.svg"> <br>
+          <h1>Ошибка </h1> <br>
+          <span>Не удалось получить данные из БД</span>
+          <button type="button" onclick="location.reload();">Повторить попытку</button>
+        </div>
+      </section>
+      {{/if}}
+
+      <section style="display: none;" class="dberror" id="addInformation" >
+        <div class="erorr-container">
+          <div id="loader" class="loader">
+            <div class="square" id="sq1"></div>
+            <div class="square" id="sq2"></div>
+            <div class="square" id="sq3"></div>
+            <div class="square" id="sq4"></div>
+            <div class="square" id="sq5"></div>
+            <div class="square" id="sq6"></div>
+            <div class="square" id="sq7"></div>
+            <div class="square" id="sq8"></div>
+            <div class="square" id="sq9"></div>
+          </div>
+          <svg id="success-mark" style="display: none;" xmlns="http://www.w3.org/2000/svg" width="108" height="108" fill="none" viewBox="0 0 108 108">
+            <g clip-path="url(#a)">
+              <path fill="#8086F9" fill-opacity=".85" d="M54 107.947c29.541 0 54-24.5 54-53.973C108 24.447 83.488 0 53.947 0 24.459 0 0 24.447 0 53.974c0 29.474 24.512 53.973 54 53.973Zm0-8.995c-24.988 0-44.947-20.002-44.947-44.978 0-24.976 19.906-44.978 44.894-44.978S99 28.998 99 53.974c0 24.976-20.012 44.978-45 44.978Zm-5.824-19.844c1.747 0 3.23-.846 4.289-2.487l24.194-38.046c.582-1.058 1.27-2.222 1.27-3.386 0-2.382-2.117-3.916-4.341-3.916-1.323 0-2.647.847-3.653 2.381l-21.97 35.241-10.43-13.493c-1.27-1.693-2.435-2.116-3.917-2.116-2.277 0-4.077 1.852-4.077 4.18 0 1.164.477 2.276 1.218 3.28l12.917 15.875c1.324 1.747 2.753 2.487 4.5 2.487Z"/>
+            </g>
+            <defs>
+              <clipPath id="a">
+                <path fill="#fff" d="M0 0h108v108H0z"/>
+              </clipPath>
+            </defs>
+          </svg>
+          
+                <h1>Обновление устройства</h1> <br>
+                <span id="status">Пожалуйста, подождите</span>
+                <button id="closeButton" style="display: none;" onclick="hideMessage()">Закрыть</button>
+        </div>
+    </section>
+  
+    <div class="name">
+      <span>{{Serial}}</span>
+  </div>
+  <nav>
+    <a class="return-name" href="/devices">
+      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="17" fill="none" viewBox="0 0 10 17">
+      <g clip-path="url(#a)">
+        <path fill="#8086F9" d="M0 8.477a.88.88 0 0 0 .273.644l7.745 7.568a.84.84 0 0 0 .634.264c.508 0 .899-.38.899-.889a.917.917 0 0 0-.264-.634l-7.11-6.953 7.11-6.954A.936.936 0 0 0 9.551.89.876.876 0 0 0 8.652 0a.869.869 0 0 0-.634.254L.273 7.832A.864.864 0 0 0 0 8.477Z"/>
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h9.551v16.963H0z"/>
+        </clipPath>
+      </defs>
+    </svg>
+     Вернуться</a>
+     <a class="selected" href="/devices/device/{{Serial}}">Основные настройки</a>
+     <a href="/devices/device/system/{{Serial}}">Системные настройки</a>
+  </nav>
+        <section class="bg">
+            <section class="content">
+
+              <section class="for-new">
+
+                <section class="stages">
+                    <input name="newStage" type="radio" value="details" id="stage-details" checked><label for="stage-details">Детали</label>
+                    <div class="vertical-line"></div>
+                    <input name="newStage" type="radio" value="sim" id="stage-sim"><label for="stage-sim">SIM - Карта</label>
+                    <div class="vertical-line"></div>
+                    <input name="newStage" type="radio" value="ts" id="stage-ts"><label for="stage-ts">Транспортное средство</label>
+                    <div class="vertical-line"></div>
+                    <input name="newStage" type="radio" value="equipment" id="stage-equipment"><label for="stage-equipment">Оборудование</label>
+                </section>
+              </section>
+              <section id="add-new-container" class="add-new">
+
+                <section style="display: flex; width: 100%; height:100%; top: 0; left: 0;" class="dberror" id="parameters-bg" >
+                  <div class="loader-container">
+                    <div class="loader">
+                      <div class="square" id="sq11"></div>
+                      <div class="square" id="sq12"></div>
+                      <div class="square" id="sq13"></div>
+                      <div class="square" id="sq14"></div>
+                      <div class="square" id="sq15"></div>
+                      <div class="square" id="sq16"></div>
+                      <div class="square" id="sq17"></div>
+                      <div class="square" id="sq18"></div>
+                      <div class="square" id="sq19"></div>
+                    </div>
+                  </div>
+              </section>
+          
+          
+                <img src="../img/xmark.svg" id="close-form-btn">
+                <form id="edit-form" enctype="multipart/form-data" method="post" action="/updatedevice">
+          
+                <div id="details" class="new-parameters active">
+          
+                    <h1>Детали устройства</h1>
+                    <h2>Сперва самое необходимое</h2>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <div class="parameters-inputs">
+                    <div class="parameters-input">
+                      <label for="parameters-serial">Серийный номер<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                      <input name="serialNumber" type="text" id="parameters-serial" placeholder="Серийный номер устройства" required readonly>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-number">Номерной знак</label>
+                        <input name="deviceNumber" type="text" id="parameters-number" placeholder="Номерной знак устройства">
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-plate">Государственный номер<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="plateNumber" type="text" id="parameters-plate" placeholder="Государственный номер ТС" required>
+                    </div>
+                    <div class="parameters-input">
+                      <label for="parameters-vin">VIN</label>
+                      <input name="vinNumber" type="text" id="parameters-vin" placeholder="VIN номер устройства">
+                  </div>
+                    <div class="parameters-input">
+                        <label for="parameters-channels">Количество каналов<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="channelsAmount" type="text" id="parameters-channels" placeholder="Кол-во каналов устройства" required>
+                    </div>
+                    <div class="parameters-input">
+                      <label for="parameters-plateColor">Цвет номерного знака<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                      <select name="plateColor" id="parameters-plateColor">
+                          <option value="white">Белый</option>
+                          <option value="blue">Синий</option>
+                          <option value="yellow">Жёлтый</option>
+                      </select>
+                    </div>
+                    
+                    <div class="parameters-input">
+                        <label for="parameters-ip">IP-адрес<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="IPAddress" type="text" id="parameters-ip" placeholder="IP-адрес сервера" required>
+                    </div>
+                    <div class="parameters-input">
+                      <label for="parameters-port">Порт<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                      <input name="serverPort" type="text" id="parameters-port" placeholder="Порт сервера" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-group">Группа<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <select name="deviceGroup" id="parameters-group">
+                          <option value="0">Другое</option>
+                          {{#each GroupsList}}
+                            <option value="{{this.id}}">{{this.name}}</option>
+                          {{/each}}
+                      </select>
+                    </div>
+                    <div class="parameters-input">
+                      <label for="parameters-protocol">Протокол<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                      <select name="connectionProtocol" id="parameters-protocol">
+                          <option value="N9M">N9M</option>
+                      </select>
+                    </div>
+                    
+          
+                    </div>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <button id="continue-details" type="button">Продолжить</button>
+          
+                </div>
+          
+                <div id="sim" class="new-parameters">
+          
+                    <h1>Настройки SIM-карты</h1>
+                    <h2>Для связи с устройством</h2>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <div class="parameters-inputs">
+                    <div class="parameters-input">
+                        <label for="parameters-sim">Номер SIM-карты<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="sumNumber" type="text" id="parameters-sim" placeholder="Номер SIM-карты" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-sim-imei">IMEI<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="simIMEI" type="text" id="parameters-sim-imei" placeholder="IMEI SIM-карты" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-sim-imsi">IMSI<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="simIMSI" type="text" id="parameters-sim-imsi" placeholder="IMSI SIM-карты" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-sim-module">Тип сетевого модуля<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <select name="simModule" id="parameters-sim-module">
+                            <option value="GPRS">GPRS</option>
+                            <option value="CDMA">CDMA</option>
+                            <option value="EVDO">EVDO</option>
+                            <option value="WCDMA">WCDMA</option>
+                            <option value="EDGE">EDGE</option>
+                            <option value="TDSCDMA">TDSCDMA</option>
+                            <option value="LTE-TDD">LTE-TDD</option>
+                            <option value="LTE-FDD">LTE-FDD</option>
+                        </select>
+                    </div>
+          
+                    </div>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <button id="continue-sim" type="button">Продолжить</button>
+          
+                </div>
+          
+                <div id="ts" class="new-parameters">
+          
+                    <h1>Детали транспортного средства</h1>
+                    <h2>Технические характеристики и не только</h2>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <div class="parameters-inputs">
+                    <div class="parameters-input">
+                        <label for="parameters-trasnsport-type">Тип автомобиля<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <select name="transportType" id="parameters-trasnsport-type" onchange="truncateText(this)">
+                            <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>
+                            <option value="13">Контейнерная тележка</option>
+                            <option value="14">Большой транспортировочный автомобиль</option>
+                            <option value="15">Изометрический вагон</option>
+                            <option value="16">Спецтехника для перевозки грузовых автомобилей</option>
+                            <option value="17">Танкер</option>
+                            <option value="18">Тягач</option>
+                            <option value="19">Прицеп</option>
+                            <option value="20">Транспортер</option>
+                            <option value="21">Другая спецтехника</option>
+                            <option value="22">Автомобиль для перевозки опасных грузов</option>
+                            <option value="23">Сельскохозяйственная машина</option>
+                        </select>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-trasnsport-factory">Номер завода<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportFactory" type="text" id="parameters-trasnsport-factory" placeholder="Номер завода ТС" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-strength">Несущая способность<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportStrength" type="text" id="parameters-transport-strength" placeholder="Несущая способность (тонны)" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-engine">Номер двигателя<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportEngine" type="text" id="parameters-transport-engine" placeholder="Номер двигателя ТС" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-stanina">Номер станины<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportStanina" type="text" id="parameters-transport-stanina" placeholder="Номер станины ТС" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-trasnsport-fuel">Тип топливного масла<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <select name="transportFuel" id="parameters-trasnsport-fuel">
+                            <option value="gasoline">Бензин</option>
+                            <option value="diesel">Дизельное топливо</option>
+                            <option value="naturalGas">Природный газ</option>
+                            <option value="liquefiedGas">Сжиженный газ</option>
+                            <option value="electric">Электрическое</option>
+                            <option value="other">Прочие</option>
+                        </select>
+                    </div>
+                    <div class="parameters-input">
+                        <div class="parameters-transport-certificate">
+                            <label for="parameters-transport-certificate">Свид-ство о дорожной перевозке<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                            <input name="transportCertificate" type="text" id="parameters-transport-certificate" placeholder="Номер свидетельства" required>
+                        </div>
+                    </div>
+                    <div class="parameters-input">
+                        <div class="pparameters-trasnsport-category">
+                            <label for="parameters-trasnsport-category">Техническая категория<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                            <select name="transportCategory" id="parameters-trasnsport-category">
+                                <option value="1">Категория 1</option>
+                                <option value="2">Категория 2</option>
+                                <option value="3">Категория 3</option>
+                                <option value="other">Не достает стандарта</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-expire">Срок действия<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportExpire" type="date" id="parameters-transport-expire" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-consumption">Расход топлива на 100 км<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportConsumption" type="text" id="parameters-transport-consumption" placeholder="Расход топлива в литрах" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-province">Провинция<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportProvince" type="text" id="parameters-transport-province" placeholder="Провинция" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-transport-city">Город<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="transportCity" type="text" id="parameters-transport-city" placeholder="Город" required>
+                    </div>
+          
+                    </div>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <button id="continue-ts" type="button">Продолжить</button>
+          
+                </div>
+          
+                <div id="equipment" class="new-parameters">
+          
+                    <h1>Информация о оборудовании</h1>
+                    <h2>Технические моменты</h2>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <div class="parameters-inputs">
+                    <div class="parameters-input">
+                        <label for="parameters-equipment-name">Имя устройства<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentName" type="text" id="parameters-equipment-name" placeholder="Имя пользовательского устройства" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-equipment-password">Пароль устройства<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentPassword" type="text" id="parameters-equipment-password" placeholder="Пароль устройства" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-equipment-number">Номер партии<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentNumber" type="text" id="parameters-equipment-number" placeholder="Заводской номер партии" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-equipment-released">Дата выпуска<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentReleased" type="date" id="parameters-equipment-released" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-device-installer">Установщик<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentInstaller" type="text" id="parameters-device-installer" placeholder="ФИО установщика" required>
+                    </div>
+                    <div class="parameters-input">
+                        <label for="parameters-equipment-installed">Дата монтажа<span style="color: rgba(255, 69, 58, 1);">*</span></label>
+                        <input name="equipmentInstalled" type="date" id="parameters-equipment-installed" required>
+                    </div>
+          
+                        <label for="parameters-device-description">Внешнее описание</label>
+                        <input name="equipmentDescription" type="text" id="parameters-device-description" placeholder="Внешнее описание ">
+          
+                    </div>
+          
+                    <div class="horizontal-line"></div>
+          
+                    <button type="button" id="send-form">Сохранить</button>
+          
+                </div>
+          
+                </form>
+          
+                 
+          
+              </section>
+
+            </section>
+        </section>
+    </section>
+
+    <section style="display: none;" class="dberror" id="deleteConfirmation">
+      <div class="erorr-container">
+        <img src="../img/warning.svg"> <br>
+        <h1>Удаление группы </h1> <br>
+        <span>Вы уверены что хотите удалить <span id="driverDeleteInfo"></span>?</span>
+        <div class="buttons">
+        <button id="deleteCancel" onclick="closeDeletion();" style="display: inline-block; background-color: white; color: rgba(0, 0, 0, 0.7); margin-right: 5px;" type="button" onclick="deleteDriver()">Отменить</button>
+        <button id="deleteDriver" style="display: inline-block;" type="button">Подтвердить</button>
+      </div>
+      </div>
+    </section>
+
+    <script src="../../scripts/jquery.min.js"></script>
+    <script src="https://rawgit.com/RobinHerbots/Inputmask/5.x/dist/jquery.inputmask.js"></script>
+    <script src="../../scripts/device-form.js"></script> 
+    <script>
+      $(document).ready(function(){
+
+          $('#user-phone').inputmask({"mask": "+7 (999) 999-9999"});
+
+      });
+  </script>
+
+  <script>
+    function formatDate(date) {
+  if (date === "") {
+    date = new Date(); 
+  } else {
+    date = new Date(date)
+  }
+
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+
+  return `${year}-${month}-${day}`;
+}
+
+
+
+          $("#parameters-plate").val("{{Plate}}");
+          $("#parameters-number").val("{{Number}}");
+          $("#parameters-plateColor").val("{{PlateColor}}");
+          $("#parameters-serial").val("{{Serial}}");
+          $("#parameters-channels").val("{{Channels}}");
+          $("#parameters-protocol").val("{{Protocol}}");
+          $("#parameters-ip").val("{{Ip}}");
+          $("#parameters-group").val("{{Group}}");
+          $("#parameters-port").val("{{Port}}");
+          $("#parameters-sim").val("{{Sim}}");
+          $("#parameters-sim-imei").val("{{Imei}}");
+          $("#parameters-sim-imsi").val("{{Imsi}}");
+          $("#parameters-sim-module").val("{{Module}}");
+          $("#parameters-trasnsport-type").val("{{Type}}");
+          $("#parameters-trasnsport-factory").val("{{Factory}}");
+          $("#parameters-transport-strength").val("{{Capacity}}");
+          $("#parameters-transport-engine").val("{{Engine}}");
+          $("#parameters-transport-stanina").val("{{Stanina}}");
+          $("#parameters-trasnsport-fuel").val("{{Fuel}}");
+          $("#parameters-transport-certificate").val("{{Certificate}}");
+          $("#parameters-transport-category").val("{{Category}}");
+          $("#parameters-transport-expire").val(formatDate("{{Expire}}"));
+          $("#parameters-transport-consumption").val("{{Consumption}}");
+          $("#parameters-transport-province").val("{{Region}}");
+          $("#parameters-transport-city").val("{{City}}");
+          $("#parameters-equipment-name").val("{{Name}}");
+          $("#parameters-equipment-password").val("{{Password}}");
+          $("#parameters-equipment-number").val("{{Batch}}");
+          $("#parameters-equipment-released").val(formatDate("{{Release}}"));
+          $("#parameters-device-installer").val("{{Installer}}");
+          $("#parameters-equipment-installed").val(formatDate("{{Installation}}"));
+          $("#parameters-device-description").val("{{Description}}");
+
+          document.getElementById('parameters-bg').style.display = 'flex';
+
+          const requestBody = {
+            "serial": $("#parameters-serial").val()
+          };
+
+          fetch('/main-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            document.getElementById('parameters-number').value = data.DATA.RIP.BN;
+            document.getElementById('parameters-plate').value = data.DATA.RIP.BID;
+            document.getElementById('parameters-vin').value = data.DATA.VS.VIN;
+          })
+          .catch(error => console.error('Ошибка:', error));
+
+  </script>
+
+  <script>
+    async function sendPutRequest() {
+      const NUMBER = document.getElementById('parameters-number').value;
+      const PLATE = document.getElementById('parameters-plate').value;
+      const VIN = document.getElementById('parameters-vin').value;
+
+
+      const serial = $("#parameters-serial").val();
+
+      // Создаем объект данных для PUT запроса
+      const requestData = {
+        NUMBER,
+        PLATE,
+        VIN,
+      };
+
+      try {
+        // Отправляем PUT запрос
+        const response = await fetch(`/main-parameters?serial=${serial}`, {
+          method: 'PUT',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify(requestData),
+        });
+
+        if (response.ok) {
+          // PUT запрос выполнен успешно
+          var formContainer = $("#form-bg");
+          var form = $("#form");
+          formContainer.removeClass("active");
+          form.removeClass("form-animation");
+          $("body").css("overflow", "auto");
+          console.log('PUT запрос выполнен успешно');
+        } else {
+          console.error('Ошибка при выполнении PUT запроса');
+        }
+      } catch (error) {
+        console.error('Произошла ошибка при отправке PUT запроса:', error);
+      }
+    }
+  </script>
+
+<script>
+  const form = document.getElementById('edit-form');
+  const sendButton = document.getElementById('send-form');
+
+  sendButton.addEventListener('click', function(event) {
+    event.preventDefault();
+
+    const xhr = new XMLHttpRequest();
+
+    const deleteConfirmation = document.getElementById("addInformation");
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "block";
+        closeButton.style.display = "none";
+        deleteConfirmation.style.display = "flex";
+        mark.style.display = "none";
+    
+    xhr.open('POST', form.action, true);
+    
+    xhr.setRequestHeader('Content-Type', 'application/json');
+
+    sendPutRequest();
+    
+    xhr.onload = function() {
+      if (xhr.status === 200) {
+        showMessage("Данные успешно обновлены", true);
+      } else {
+        showMessage("Не удалось обновить данные", false);
+                    console.error("Ошибка:", xhr.status);
+      }
+    };
+    
+    // Получаем данные формы для отправки
+    const formData = new FormData(form);
+    
+    // Создаем объект с данными формы
+    const data = {};
+    for (const [key, value] of formData) {
+      data[key] = value;
+    }
+    
+    // Преобразуем данные в JSON
+    const jsonData = JSON.stringify(data);
+    
+    // Отправляем данные формы
+    xhr.send(jsonData);
+  });
+</script>
+
+  
+
+    <script>
+        function hideMessage() {
+      location.reload();
+        const deleteConfirmation = document.getElementById("addInformation");
+        deleteConfirmation.style.display = "none";
+    }
+
+    function showMessage(messageText, isSuccess) {
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "none";
+        status.textContent = messageText;
+        if (isSuccess) {
+            mark.style.display = "block";
+            status.style.color = "green"; 
+        } else {
+            status.style.color = "red"; 
+        }
+        closeButton.style.display = "block";
+    }
+    </script>
+
+    <script>
+        // Скрытие/Показ дополнительных меню аккаунта
+        const accountMain = document.getElementById('account-main');
+        const accountAdditional = document.getElementById('account-additional');
+        const accountUp = document.getElementById('up');
+        const accountDown = document.getElementById('down');
+        accountAdditional.style.display = 'none';
+        accountUp.style.display = 'none';
+        
+        accountMain.addEventListener('click', () => {
+          if (accountAdditional.style.display === 'none') {
+            accountAdditional.style.display = 'flex';
+            accountUp.style.display = 'unset';
+            accountDown.style.display = 'none';
+          } else {
+            accountAdditional.style.display = 'none';
+            accountUp.style.display = 'none';
+            accountDown.style.display = 'unset';
+          }
+        });
+      </script>
+
+      
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/static/templates/devices/index.html b/static/templates/devices/index.html
index bec192c..94eb340 100644
--- a/static/templates/devices/index.html
+++ b/static/templates/devices/index.html
@@ -123,7 +123,6 @@
                             <thead>
                               <tr>
                                 <th>Группа</th>
-                                <th>Код</th>
                                 <th>Номерной знак</th>
                                 <th>Серийный номер</th>
                                 <th>Статус</th>
@@ -157,502 +156,7 @@
         </section>
     </section>
 
-    <section id="form-bg" class="edit-container">
-
-      <section id="form">
-    <section class="for-new">
-
-      <section class="stages">
-          <input name="newStage" type="radio" value="details" id="stage-details" checked><label for="stage-details">Детали</label>
-          <div class="vertical-line"></div>
-          <input name="newStage" type="radio" value="sim" id="stage-sim"><label for="stage-sim">SIM - Карта</label>
-          <div class="vertical-line"></div>
-          <input name="newStage" type="radio" value="ts" id="stage-ts"><label for="stage-ts">Транспортное средство</label>
-          <div class="vertical-line"></div>
-          <input name="newStage" type="radio" value="equipment" id="stage-equipment"><label for="stage-equipment">Оборудование</label>
-          <br>
-          <input name="newStage" type="radio" value="parameters" id="stage-parameters"><label style="margin-top: 90%;" for="stage-parameters" id="stage-parameters-label">Системные настройки</label>
-          <div class="vertical-line" id="between-parameters-and-cameras"></div>
-          <input name="newStage" type="radio" value="cameras" id="stage-cameras"><label for="stage-cameras" id="stage-cameras-label">Настройки камер</label>
-      </section>
-    </section>
-    <section id="add-new-container" class="add-new">
-
-
-      <img src="../img/xmark.svg" id="close-form-btn">
-      <form id="edit-form" enctype="multipart/form-data" method="post" action="/updatedevice">
-
-      <div id="details" class="new-parameters active">
-
-          <h1>Детали устройства</h1>
-          <h2>Сперва самое необходимое</h2>
-
-          <div class="horizontal-line"></div>
-
-          <div class="parameters-inputs">
-              <label for="parameters-serial">Серийный номер<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="serialNumber" type="text" id="parameters-serial" placeholder="Серийный номер устройства" required readonly>
-          <div class="parameters-input">
-              <label for="parameters-number">Цифровой код</label>
-              <input name="deviceNumber" type="text" id="parameters-number" placeholder="Цифровой код устройства">
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-plate">Номерной знак<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="plateNumber" type="text" id="parameters-plate" placeholder="Номер номерного знака" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-channels">Количество каналов<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="channelsAmount" type="text" id="parameters-channels" placeholder="Кол-во каналов устройства" required>
-          </div>
-          <div class="parameters-input">
-            <label for="parameters-plateColor">Цвет номерного знака<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-            <select name="plateColor" id="parameters-plateColor">
-                <option value="white">Белый</option>
-                <option value="blue">Синий</option>
-                <option value="yellow">Жёлтый</option>
-            </select>
-          </div>
-          
-          <div class="parameters-input">
-              <label for="parameters-ip">IP-адрес<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="IPAddress" type="text" id="parameters-ip" placeholder="IP-адрес сервера" required>
-          </div>
-          <div class="parameters-input">
-            <label for="parameters-port">Порт<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-            <input name="serverPort" type="text" id="parameters-port" placeholder="Порт сервера" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-group">Группа<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <select name="deviceGroup" id="parameters-group">
-                <option value="0">Другое</option>
-                {{#each GroupsList}}
-                  <option value="{{this.id}}">{{this.name}}</option>
-                {{/each}}
-            </select>
-          </div>
-          <div class="parameters-input">
-            <label for="parameters-protocol">Протокол<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-            <select name="connectionProtocol" id="parameters-protocol">
-                <option value="N9M">N9M</option>
-            </select>
-          </div>
-          
-
-          </div>
-
-          <div class="horizontal-line"></div>
-
-          <button id="continue-details" type="button">Продолжить</button>
-
-      </div>
-
-      <div id="sim" class="new-parameters">
-
-          <h1>Настройки SIM-карты</h1>
-          <h2>Для связи с устройством</h2>
-
-          <div class="horizontal-line"></div>
-
-          <div class="parameters-inputs">
-          <div class="parameters-input">
-              <label for="parameters-sim">Номер SIM-карты<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="sumNumber" type="text" id="parameters-sim" placeholder="Номер SIM-карты" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-sim-imei">IMEI<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="simIMEI" type="text" id="parameters-sim-imei" placeholder="IMEI SIM-карты" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-sim-imsi">IMSI<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="simIMSI" type="text" id="parameters-sim-imsi" placeholder="IMSI SIM-карты" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-sim-module">Тип сетевого модуля<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <select name="simModule" id="parameters-sim-module">
-                  <option value="GPRS">GPRS</option>
-                  <option value="CDMA">CDMA</option>
-                  <option value="EVDO">EVDO</option>
-                  <option value="WCDMA">WCDMA</option>
-                  <option value="EDGE">EDGE</option>
-                  <option value="TDSCDMA">TDSCDMA</option>
-                  <option value="LTE-TDD">LTE-TDD</option>
-                  <option value="LTE-FDD">LTE-FDD</option>
-              </select>
-          </div>
-
-          </div>
-
-          <div class="horizontal-line"></div>
-
-          <button id="continue-sim" type="button">Продолжить</button>
-
-      </div>
-
-      <div id="ts" class="new-parameters">
-
-          <h1>Детали транспортного средства</h1>
-          <h2>Технические характеристики и не только</h2>
-
-          <div class="horizontal-line"></div>
-
-          <div class="parameters-inputs">
-          <div class="parameters-input">
-              <label for="parameters-trasnsport-type">Тип автомобиля<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <select name="transportType" id="parameters-trasnsport-type" onchange="truncateText(this)">
-                  <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>
-                  <option value="13">Контейнерная тележка</option>
-                  <option value="14">Большой транспортировочный автомобиль</option>
-                  <option value="15">Изометрический вагон</option>
-                  <option value="16">Спецтехника для перевозки грузовых автомобилей</option>
-                  <option value="17">Танкер</option>
-                  <option value="18">Тягач</option>
-                  <option value="19">Прицеп</option>
-                  <option value="20">Транспортер</option>
-                  <option value="21">Другая спецтехника</option>
-                  <option value="22">Автомобиль для перевозки опасных грузов</option>
-                  <option value="23">Сельскохозяйственная машина</option>
-              </select>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-trasnsport-factory">Номер завода<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportFactory" type="text" id="parameters-trasnsport-factory" placeholder="Номер завода ТС" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-strength">Несущая способность<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportStrength" type="text" id="parameters-transport-strength" placeholder="Несущая способность (тонны)" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-engine">Номер двигателя<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportEngine" type="text" id="parameters-transport-engine" placeholder="Номер двигателя ТС" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-stanina">Номер станины<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportStanina" type="text" id="parameters-transport-stanina" placeholder="Номер станины ТС" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-trasnsport-fuel">Тип топливного масла<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <select name="transportFuel" id="parameters-trasnsport-fuel">
-                  <option value="gasoline">Бензин</option>
-                  <option value="diesel">Дизельное топливо</option>
-                  <option value="naturalGas">Природный газ</option>
-                  <option value="liquefiedGas">Сжиженный газ</option>
-                  <option value="electric">Электрическое</option>
-                  <option value="other">Прочие</option>
-              </select>
-          </div>
-          <div class="parameters-input">
-              <div class="parameters-transport-certificate">
-                  <label for="parameters-transport-certificate">Свид-ство о дорожной перевозке<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-                  <input name="transportCertificate" type="text" id="parameters-transport-certificate" placeholder="Номер свидетельства" required>
-              </div>
-          </div>
-          <div class="parameters-input">
-              <div class="pparameters-trasnsport-category">
-                  <label for="parameters-trasnsport-category">Техническая категория<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-                  <select name="transportCategory" id="parameters-trasnsport-category">
-                      <option value="1">Категория 1</option>
-                      <option value="2">Категория 2</option>
-                      <option value="3">Категория 3</option>
-                      <option value="other">Не достает стандарта</option>
-                  </select>
-              </div>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-expire">Срок действия<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportExpire" type="date" id="parameters-transport-expire" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-consumption">Расход топлива на 100 км<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportConsumption" type="text" id="parameters-transport-consumption" placeholder="Расход топлива в литрах" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-province">Провинция<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportProvince" type="text" id="parameters-transport-province" placeholder="Провинция" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-transport-city">Город<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="transportCity" type="text" id="parameters-transport-city" placeholder="Город" required>
-          </div>
-
-          </div>
-
-          <div class="horizontal-line"></div>
-
-          <button id="continue-ts" type="button">Продолжить</button>
-
-      </div>
-
-      <div id="equipment" class="new-parameters">
-
-          <h1>Информация о оборудовании</h1>
-          <h2>Технические моменты</h2>
-
-          <div class="horizontal-line"></div>
-
-          <div class="parameters-inputs">
-          <div class="parameters-input">
-              <label for="parameters-equipment-name">Имя устройства<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentName" type="text" id="parameters-equipment-name" placeholder="Имя пользовательского устройства" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-equipment-password">Пароль устройства<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentPassword" type="text" id="parameters-equipment-password" placeholder="Пароль устройства" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-equipment-number">Номер партии<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentNumber" type="text" id="parameters-equipment-number" placeholder="Заводской номер партии" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-equipment-released">Дата выпуска<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentReleased" type="date" id="parameters-equipment-released" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-device-installer">Установщик<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentInstaller" type="text" id="parameters-device-installer" placeholder="ФИО установщика" required>
-          </div>
-          <div class="parameters-input">
-              <label for="parameters-equipment-installed">Дата монтажа<span style="color: rgba(255, 69, 58, 1);">*</span></label>
-              <input name="equipmentInstalled" type="date" id="parameters-equipment-installed" required>
-          </div>
-
-              <label for="parameters-device-description">Внешнее описание</label>
-              <input name="equipmentDescription" type="text" id="parameters-device-description" placeholder="Внешнее описание ">
-
-          </div>
-
-          <div class="horizontal-line"></div>
-
-          <button type="button" id="send-form">Сохранить</button>
-
-      </div>
-
-      </form>
-
-      <div id="parameters" style="position: relative;" class="new-parameters">
-
-        <section style="display: flex; width: 100%; height:100%; top: 0; left: 0;" class="dberror" id="parameters-bg" >
-          <div class="loader-container">
-            <div class="loader">
-              <div class="square" id="sq11"></div>
-              <div class="square" id="sq12"></div>
-              <div class="square" id="sq13"></div>
-              <div class="square" id="sq14"></div>
-              <div class="square" id="sq15"></div>
-              <div class="square" id="sq16"></div>
-              <div class="square" id="sq17"></div>
-              <div class="square" id="sq18"></div>
-              <div class="square" id="sq19"></div>
-            </div>
-          </div>
-      </section>
-
-        <h1>Системные настройки</h1>
-        <h2>Параметры регистраторов</h2>
-
-        <div class="horizontal-line"></div>
-
-        <div class="parameters-inputs">
-        <div class="parameters-input">
-            <label for="system-date">Формат даты</label>
-            <select name="DATEMOD" id="system-date">
-              <option value="0">ММ-ДД-ГГГГ</option>
-              <option value="1">ГГГГ-ММ-ДД</option>
-              <option value="2">ДД-ММ-ГГГГ</option>
-          </select>
-        </div>
-        <div class="parameters-input">
-            <label for="system-time">Формат времени</label>
-            <select name="TIMEFORMAT" id="system-time">
-              <option value="0">24 ч</option>
-              <option value="1">12 ч</option>
-          </select>
-        </div>
-        <div class="parameters-input">
-            <label for="system-timezone">Часовой пояс</label>
-            <select name="TIMEZ" id="system-timezone">
-              <option value="120A">(МСК-1) Калининград</option>
-              <option value="180C">(МСК) Москва</option>
-              <option value="240A">(МСК+1) Самара</option>
-              <option value="300A">(МСК+2) Екатеринбург</option>
-              <option value="360A">(МСК+3) Омск</option>
-              <option value="420A">(МСК+4) Красноярск</option>
-              <option value="480A">(МСК+5) Иркутск</option>
-              <option value="540A">(МСК+6) Якутск</option>
-              <option value="600A">(МСК+7) Владивосток</option>
-              <option value="660A">(МСК+8) Магадан</option>
-              <option value="720A">(МСК+9) Камчатка</option>
-          </select>
-        </div>
-        <div class="parameters-input">
-          <label for="system-stream">Формат трансляции</label>
-          <select name="SUBSTREAMMODE" id="system-stream">
-            <option value="0">Плавно</option>
-            <option value="1">Менее качественно, но более плавно</option>
-            <option value="2">Менее плавно, но более качественно</option>
-            <option value="3">Качество</option>
-        </select>
-      </div>
-      <div class="parameters-input">
-        <label for="system-language">Язык системы</label>
-        <select name="LANGUAGE" id="system-language">
-          <option value="1">Английский</option>
-          <option value="12">Русский</option>
-      </select>
-    </div>
-        <div class="parameters-input">
-            <label for="system-geo">Определение геопозиции</label>
-            <select name="GEOMOD" id="system-geo">
-                <option value="0">GPS</option>
-                <option value="1">BEIDO</option>
-                <option value="2">GALILEO</option>
-                <option value="3">GLENAS</option>
-                <option value="4">Смешанное</option>
-            </select>
-        </div>
-
-        </div>
-
-        <div class="horizontal-line"></div>
-
-        <h2 style="margin-bottom: 5px;">Отметьте то, что должно отображаться на трансляции</h2>
-
-        <input type="checkbox" id="TE" class="checkbox-input" hidden><label for="TE" class="checkbox-label"><div class="checkmark"></div>Время</label>
-        <input type="checkbox" id="SE" class="checkbox-input" hidden><label for="SE" class="checkbox-label"><div class="checkmark"></div>Скорость</label>
-        <input type="checkbox" id="VE" class="checkbox-input" hidden><label for="VE" class="checkbox-label"><div class="checkmark"></div>Номер ТС</label>
-        <input type="checkbox" id="GE" class="checkbox-input" hidden><label for="GE" class="checkbox-label"><div class="checkmark"></div>Координаты</label>
-        <input type="checkbox" id="NE" class="checkbox-input" hidden><label for="NE" class="checkbox-label"><div class="checkmark"></div>Названия камер</label>
-
-        <div class="horizontal-line"></div>
-
-        <button id="continue-parameters" onclick="sendPutRequest();" type="button">Сохранить</button>
-
-    </div>
-
-    <div id="cameras" style="position: relative;" class="new-parameters">
-      <section style="display: flex; width: 100%; height:100%; top: 0; left: 0;" class="dberror" id="cameras-bg" >
-        <div class="loader-container">
-          <div class="loader">
-            <div class="square" id="sq1"></div>
-            <div class="square" id="sq2"></div>
-            <div class="square" id="sq3"></div>
-            <div class="square" id="sq4"></div>
-            <div class="square" id="sq5"></div>
-            <div class="square" id="sq6"></div>
-            <div class="square" id="sq7"></div>
-            <div class="square" id="sq8"></div>
-            <div class="square" id="sq9"></div>
-          </div>
-        </div>
-    </section>
-
-      <h1>Настройки камер</h1>
-      <h2>Выберите нужную камеру и выставьте параметры</h2>
-
-      <div class="horizontal-line"></div>
-      <label style="width: 100%;" for="cameras-id">Номер камеры</label>
-        <select style="width: 100%;" name="cameras-id" id="cameras-id">
-          <option value="1">Камера 1</option>
-          <option value="2">Камера 2</option>
-          <option value="3">Камера 3</option>
-          <option value="4">Камера 4</option>
-          <option value="5">Камера 5</option>
-          <option value="6">Камера 6</option>
-          <option value="7">Камера 7</option>
-          <option value="8">Камера 8</option>
-          <option value="9">Камера 9</option>
-          <option value="10">Камера 10</option>
-          <option value="11">Камера 11</option>
-          <option value="12">Камера 12</option>
-          <option value="13">Камера 13</option>
-          <option value="14">Камера 14</option>
-          <option value="15">Камера 15</option>
-          <option value="16">Камера 16</option>
-        </select>
-
-        <div class="horizontal-line"></div>
-
-
-      <div class="parameters-inputs">
-
-
-      <div class="parameters-input">
-          <label for="cameras-quality">Качество видео</label>
-          <select name="QLT" id="cameras-quality">
-            <option value="1">Максимальное</option>
-            <option value="2">Скорее максимальное</option>
-            <option value="3">Скорее минимальное</option>
-            <option value="4">Минимальное</option>
-        </select>
-      </div>
-      <div class="parameters-input">
-        <label for="cameras-bitrate">Максимальный битрейт</label>
-        <input name="BR" type="text" id="cameras-bitrate" placeholder="Максимальный битрейт видео">
-      </div>
-      <div class="parameters-input">
-          <label for="cameras-video">Разрешение видео</label>
-          <select name="RST" id="cameras-video">
-            <option value="0">352 x 288</option>
-            <option value="1">352 x 576</option>
-            <option value="2">704 x 576</option>
-            <option value="3">176 x 144</option>
-            <option value="4">320 × 240</option>
-            <option value="5">640 × 480</option>
-            <option value="6">1280 x 720</option>
-            <option value="7">1920 × 1080</option>
-        </select>
-      </div>
-      <div class="parameters-input">
-        <label for="cameras-alert">Качество видео при предупреждении</label>
-        <select name="ALT" id="cameras-alert">
-          <option value="1">Максимальное</option>
-          <option value="2">Скорее максимальное</option>
-          <option value="3">Скорее минимальное</option>
-          <option value="4">Минимальное</option>
-      </select>
-    </div>
-      <div class="parameters-input">
-        <label for="cameras-ven">Нужно ли видео</label>
-        <select name="VEN" id="cameras-ven">
-            <option value="0">Нет</option>
-            <option value="1">Да</option>
-        </select>
-    </div>
-    <div class="parameters-input">
-      <label for="cameras-aen">Нужно ли аудио</label>
-      <select name="AEN" id="cameras-aen">
-          <option value="0">Нет</option>
-          <option value="1">Да</option>
-      </select>
-  </div>
-
-  <div class="parameters-input">
-    <label for="cameras-framerate">Фреймрейт</label>
-    <input name="FR" type="text" id="cameras-framerate" placeholder="Фреймрейт видео">
-  </div>
-
-
-      </div>
-
-      <div class="horizontal-line"></div>
-
-      <button id="continue-cameras" onclick="updateCamera();" type="button">Сохранить</button>
-
-  </div>
-
-    </section>
-  </section>
-  </section>
+    
 
   <section style="display: none;" class="dberror" id="deleteConfirmation">
     <div class="erorr-container">
@@ -705,363 +209,7 @@
       });
   </script>
 
-  <script>
-    // Функция для отправки PUT запроса
-    async function sendPutRequest() {
-      const dateModSelect = document.getElementById('system-date');
-      const timeFormatSelect = document.getElementById('system-time');
-      const streamFormatSelect = document.getElementById('system-stream');
-      const languageSelect = document.getElementById('system-language');
-      const geoModSelect = document.getElementById('system-geo');
-      const timeZoneSelect = document.getElementById('system-timezone');
-
-      // Извлекаем значения выбранных опций
-      const DATEMOD = dateModSelect.value;
-      const TIMEFORMAT = timeFormatSelect.value;
-      const SUBSTREAMMODE = streamFormatSelect.value;
-      const LANGUAGE = languageSelect.value;
-      const GEOMOD = geoModSelect.value;
-      const TIMEZ = timeZoneSelect.value;
-
-      // Извлекаем значения чекбоксов
-      const NE = document.getElementById('NE').checked ? 1 : 0;
-      const TE = document.getElementById('TE').checked ? 1 : 0;
-      const VE = document.getElementById('VE').checked ? 1 : 0;
-      const SE = document.getElementById('SE').checked ? 1 : 0;
-      const GE = document.getElementById('GE').checked ? 1 : 0;
-
-
-      const serial = $("#parameters-serial").val();
-
-      // Создаем объект данных для PUT запроса
-      const requestData = {
-        DATEMOD,
-        TIMEFORMAT,
-        SUBSTREAMMODE,
-        LANGUAGE,
-        GEOMOD,
-        TIMEZ,
-        NE,
-        TE,
-        VE,
-        SE,
-        GE,
-      };
-
-      // console.log(requestData);
-
-      try {
-        // Отправляем PUT запрос
-        const response = await fetch(`/device-parameters?serial=${serial}`, {
-          method: 'PUT',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify(requestData),
-        });
-
-        if (response.ok) {
-          // PUT запрос выполнен успешно
-          var formContainer = $("#form-bg");
-          var form = $("#form");
-          formContainer.removeClass("active");
-          form.removeClass("form-animation");
-          $("body").css("overflow", "auto");
-          console.log('PUT запрос выполнен успешно');
-        } else {
-          console.error('Ошибка при выполнении PUT запроса');
-        }
-      } catch (error) {
-        console.error('Произошла ошибка при отправке PUT запроса:', error);
-      }
-    }
-  </script>
-
-    <script>
-      const form = document.getElementById('edit-form');
-      const sendButton = document.getElementById('send-form');
-
-      sendButton.addEventListener('click', function(event) {
-        event.preventDefault(); // Предотвращаем отправку формы по умолчанию
-
-        const xhr = new XMLHttpRequest();
-        
-        xhr.open('POST', form.action, true);
-        
-        xhr.setRequestHeader('Content-Type', 'application/json');
-        
-        xhr.onload = function() {
-          if (xhr.status === 200) {
-            console.log('Данные устройства обновлены!');
-            location.reload()
-          } else {
-            console.error('Ошибка отправки формы:', xhr.status);
-          }
-        };
-        
-        // Получаем данные формы для отправки
-        const formData = new FormData(form);
-        
-        // Создаем объект с данными формы
-        const data = {};
-        for (const [key, value] of formData) {
-          data[key] = value;
-        }
-        
-        // Преобразуем данные в JSON
-        const jsonData = JSON.stringify(data);
-        
-        // Отправляем данные формы
-        xhr.send(jsonData);
-      });
-    </script>
-
-    <script>
-      // Преобразование даты в формат YYYY-MM-DD
-      function formatDate(date) {
-        const year = date.getFullYear();
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const day = String(date.getDate()).padStart(2, '0');
-        return `${year}-${month}-${day}`;
-      }
-
-      
-
-      var camerasData;
-      
-      // Открывает popup форму
-      function openForm(id) {
-
-        document.getElementById('parameters-bg').style.display = 'flex';
-        document.getElementById('cameras-bg').style.display = 'flex';
-
-        document.getElementById('cameras-id').value = 1;
-
-        var formContainer = $("#form-bg");
-      var form = $("#form");
-
-      $.ajax({
-        url: "/devicedata", 
-        method: "POST",
-        contentType: "application/json",
-        data: JSON.stringify({ id: id }),
-        success: function(response) {
-          // Установка значений полей формы
-          $("#parameters-number").val(response.number);
-          $("#parameters-plate").val(response.plate);
-          $("#parameters-plateColor").val(response.plate_color);
-          $("#parameters-serial").val(response.serial);
-          $("#parameters-channels").val(response.channels);
-          $("#parameters-protocol").val(response.protocol);
-          $("#parameters-ip").val(response.ip);
-          $("#parameters-group").val(response.group);
-          $("#parameters-port").val(response.port);
-          $("#parameters-sim").val(response.sim);
-          $("#parameters-sim-imei").val(response.imei);
-          $("#parameters-sim-imsi").val(response.imsi);
-          $("#parameters-sim-module").val(response.module);
-          $("#parameters-trasnsport-type").val(response.auto);
-          $("#parameters-trasnsport-factory").val(response.factory);
-          $("#parameters-transport-strength").val(response.capacity);
-          $("#parameters-transport-engine").val(response.engine);
-          $("#parameters-transport-stanina").val(response.stanina);
-          $("#parameters-trasnsport-fuel").val(response.fuel);
-          $("#parameters-transport-certificate").val(response.certificate);
-          $("#parameters-transport-category").val(response.category);
-          $("#parameters-transport-expire").val(formatDate(new Date(response.certificate_exp)));
-          $("#parameters-transport-consumption").val(response.consumption);
-          $("#parameters-transport-province").val(response.region);
-          $("#parameters-transport-city").val(response.city);
-          $("#parameters-equipment-name").val(response.name);
-          $("#parameters-equipment-password").val(response.password);
-          $("#parameters-equipment-number").val(response.batch);
-          $("#parameters-equipment-released").val(formatDate(new Date(response.release)));
-          $("#parameters-device-installer").val(response.installer);
-          $("#parameters-equipment-installed").val(formatDate(new Date(response.installation)));
-          $("#parameters-device-description").val(response.description);
-
-
-          var nowTime = new Date();
-          var lastkeepalive = new Date(response.lastkeepalive);
-          var differenceTime = (nowTime - lastkeepalive) / (1000 * 60);
-          if (differenceTime > 1) {
-              $("#between-parameters-and-cameras").hide();
-              $("#stage-parameters-label").hide();
-              $("#stage-cameras-label").hide();
-          } else {
-            $("#between-parameters-and-cameras").show();
-              $("#stage-parameters-label").show();
-              $("#stage-cameras-label").show();
-          }
-
-          activeContent = content1
-          switchContent(content1);
-
-          content2.style.opacity = 0;
-          content2.style.display = "none";
-          content3.style.opacity = 0;
-          content3.style.display = "none";
-          content4.style.opacity = 0;
-          content4.style.display = "none";
-          content5.style.opacity = 0;
-          content5.style.display = "none";
-          content6.style.opacity = 0;
-          content6.style.display = "none";
-
-          document.getElementById("stage-details").checked = true;
-
-          // Открытие формы
-          formContainer.addClass("active");
-          form.addClass("form-animation");
-          $("body").css("overflow", "hidden");
-
-          const requestBody = {
-            "serial": $("#parameters-serial").val()
-          };
-
-          console.log(requestBody);
-
-          // Отправляем POST-запрос
-      fetch('/device-parameters', {
-            method: 'POST',
-            headers: {
-              'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-          })
-          .then(response => response.json())
-          .then(data => {
-
-            document.getElementById('parameters-bg').style.display = 'none';
-            document.getElementById('cameras-bg').style.display = 'none';
-
-            camerasData = data;
-
-            document.getElementById('system-date').value = data.DATA.TIMEP.DATEM;
-            document.getElementById('system-time').value = data.DATA.TIMEP.TIMEM;
-            document.getElementById('system-language').value = data.DATA.GSP.LANT;
-            document.getElementById('system-timezone').value = data.DATA.TIMEP.TIMEZ;
-            document.getElementById('system-geo').value = data.DATA.GSP.GM;
-            document.getElementById('system-stream').value = data.DATA.SUBSTRNET.SM;
-            document.getElementById('NE').checked = data.DATA.DOSD.NE === 1;
-            document.getElementById('TE').checked = data.DATA.DOSD.TE === 1;
-            document.getElementById('VE').checked = data.DATA.DOSD.VE === 1;
-            document.getElementById('SE').checked = data.DATA.DOSD.SE === 1;
-            document.getElementById('GE').checked = data.DATA.DOSD.GE === 1;
-
-            document.getElementById('cameras-quality').value = data.DATA.AR.VEC[0].QLT;
-            document.getElementById('cameras-bitrate').value = data.DATA.AR.VEC[0].BR;
-            document.getElementById('cameras-video').value = data.DATA.AR.VEC[0].RST;
-            document.getElementById('cameras-alert').value = data.DATA.AR.VEC[0].ALT;
-            document.getElementById('cameras-ven').value = data.DATA.AR.VEC[0].VEN;
-            document.getElementById('cameras-aen').value = data.DATA.AR.VEC[0].AEN;
-            document.getElementById('cameras-framerate').value = data.DATA.AR.VEC[0].FR;
-          })
-          .catch(error => console.error('Ошибка:', error));
-        },
-        error: function() {
-          // Обработка ошибки при запросе к серверу
-          alert("Произошла ошибка при запросе к серверу.");
-        }
-      });
-
-      };
-
-
-
-      $(document).ready(function() {
-      var formContainer = $("#form-bg");
-      var form = $("#form");
-
-      
-
-      // Закрывает popup форму
-      $("#close-form-btn").click(function() {
-        closeForm();
-      });
-
-      // Закрывает popup форму при клике вне её области
-      $(document).click(function(event) {
-        if (
-    !formContainer.is(event.target) &&
-    formContainer.has(event.target).length === 0 &&
-    formContainer.hasClass("active") &&
-    !openButton.is(event.target)
-  ) {
-          closeForm();
-        }
-      });
-
-      // Функция для закрытия формы
-      function closeForm() {
-        formContainer.removeClass("active");
-        form.removeClass("form-animation");
-        $("body").css("overflow", "auto");
-      }
-    });
-
-    document.getElementById('cameras-id').addEventListener('change', function() {
-      var selectedCamera = this.value;
-
-      var cameraData = camerasData.DATA.AR.VEC[selectedCamera - 1]; 
-
-      document.getElementById('cameras-quality').value = cameraData.QLT;
-      document.getElementById('cameras-bitrate').value = cameraData.BR;
-      document.getElementById('cameras-video').value = cameraData.RST;
-      document.getElementById('cameras-alert').value = cameraData.ALT;
-      document.getElementById('cameras-ven').value = cameraData.VEN;
-      document.getElementById('cameras-aen').value = cameraData.AEN;
-      document.getElementById('cameras-framerate').value = cameraData.FR;
-    });
-
-    async function updateCamera() {
-
-
-    var selectedCamera = document.getElementById('cameras-id').value;
-
-    var cameraData = {
-      QLT: document.getElementById('cameras-quality').value,
-      BR: document.getElementById('cameras-bitrate').value,
-      RST: document.getElementById('cameras-video').value,
-      ALT: document.getElementById('cameras-alert').value,
-      VEN: document.getElementById('cameras-ven').value,
-      AEN: document.getElementById('cameras-aen').value,
-      FR: document.getElementById('cameras-framerate').value
-    };
-
-    camerasData.DATA.AR.VEC[selectedCamera - 1] = cameraData;
-
-
-    const serial = $("#parameters-serial").val();
-
-      try {
-        // Отправляем PUT запрос
-        const response = await fetch(`/camera-parameters?serial=${serial}`, {
-          method: 'PUT',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify(camerasData.DATA.AR),
-        });
-
-        if (response.ok) {
-          // PUT запрос выполнен успешно
-          var formContainer = $("#form-bg");
-          var form = $("#form");
-          formContainer.removeClass("active");
-          form.removeClass("form-animation");
-          $("body").css("overflow", "auto");
-          console.log('PUT запрос выполнен успешно');
-        } else {
-          console.error('Ошибка при выполнении PUT запроса');
-        }
-      } catch (error) {
-        console.error('Произошла ошибка при отправке PUT запроса:', error);
-      }
-
-  };
-
-    </script>
+  
 
     <script>
       function deleteDevice(id) {
@@ -1135,7 +283,6 @@ $.ajax({
         });
       </script>
 
-      <script src="../scripts/device-form.js"></script> 
 
       <script>
         const checkboxes = document.querySelectorAll('.organisation .checkbox-input');
@@ -1180,46 +327,6 @@ checkboxes.forEach((checkbox) => {
 });
 
       </script>
-
-      <script>
-
-var table = document.querySelector('#deviceTable');
-var tableCheckboxAll = table.querySelector('#device-all');
-var tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-
-tableCheckboxAll.addEventListener('click', function(event) {
-    table = document.querySelector('#deviceTable');
-    tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-    if (tableCheckboxAll.checked) {
-    tableCheckboxes.forEach((tableCheckbox) => {
-        tableCheckbox.checked = true;
-      });
-    } else {
-        tableCheckboxes.forEach((tableCheckbox) => {
-        tableCheckbox.checked = false;
-      });
-    }
-});
-
-$('#deviceTable').click( function(event) {
-    table = document.querySelector('#deviceTable');
-    tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-
-
-for (var i = 0; i < tableCheckboxes.length; i++) {
-    tableCheckboxes[i].addEventListener('click', function(event) {
-    for (var j = 0; j < tableCheckboxes.length; j++) {
-      if (!tableCheckboxes[j].checked || tableCheckboxes[j].disabled) {
-        tableCheckboxAll.checked = false;
-        return;
-      }
-    }
-    tableCheckboxAll.checked = true;
-  });
-}
-});
-
-      </script>
       
     
 </body>
diff --git a/static/templates/devices/system.html b/static/templates/devices/system.html
new file mode 100644
index 0000000..421a74d
--- /dev/null
+++ b/static/templates/devices/system.html
@@ -0,0 +1,1119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{Serial}}</title>
+    <link rel="stylesheet" href="../../../styles/main.css" />
+</head>
+<body>
+
+  <style>
+    .main {
+      margin-top: 92px !important;
+    }
+
+    .main .bg {
+      min-height: calc(100vh - 162px - 92px);
+    }
+  </style>
+
+    <header>
+        <img src="../../../img/argus.png">
+        <h1>Аргус</h1>
+        <h2><span>/</span> {{Organisation}}</h2>
+    </header>
+
+    <section class="account-info">
+      <div id="account-main">
+          <img id="person" src="../../../img/person.svg">
+          <span>{{User}}</span>
+          <img id="down" src="../../../img/down.svg">
+          <img id="up" src="../../../img/up.svg">
+      </div>
+      <a href="/logout"><div id="account-additional" class="additional">Выйти</div></a>
+  </section>
+
+    
+
+
+    <section class="navigation">
+        <a href="/">
+            <div><img src="../../../img/chart.svg">Главная</div>
+        </a>
+        <a href="/devices">
+            <div class="selected"><img src="../../../img/cloud.svg">Устройства</div>
+        </a>
+        <a href="/reports">
+            <div><img src="../../../img/bubble.svg">Отчёты</div>
+        </a>
+        <a href="/live">
+            <div><img src="../../../img/waves.svg">Трансляция</div>
+        </a>
+        <a href="/videos">
+            <div><img src="../../../img/play.svg">Записи</div>
+        </a>
+        {{#if isAdmin}}
+        <a class="admin-panel" href="/admin">
+            <div><img src="../../../img/keyboard.svg">Админка</div>
+        </a>
+        {{/if}}
+        <a class="settings" href="/settings">
+            <div><img src="../../../img/gear.svg">Настройки</div>
+        </a>
+    </section>
+
+    <section class="main">
+      {{#if ifDBError}}
+      <section class="dberror">
+        <div class="erorr-container">
+          <img src="../../../img/warning.svg"> <br>
+          <h1>Ошибка </h1> <br>
+          <span>Не удалось получить данные из БД</span>
+          <button type="button" onclick="location.reload();">Повторить попытку</button>
+        </div>
+      </section>
+      {{/if}}
+
+      <section style="display: none;" class="dberror" id="addInformation" >
+        <div class="erorr-container">
+          <div id="loader" class="loader">
+            <div class="square" id="sq1"></div>
+            <div class="square" id="sq2"></div>
+            <div class="square" id="sq3"></div>
+            <div class="square" id="sq4"></div>
+            <div class="square" id="sq5"></div>
+            <div class="square" id="sq6"></div>
+            <div class="square" id="sq7"></div>
+            <div class="square" id="sq8"></div>
+            <div class="square" id="sq9"></div>
+          </div>
+          <svg id="success-mark" style="display: none;" xmlns="http://www.w3.org/2000/svg" width="108" height="108" fill="none" viewBox="0 0 108 108">
+            <g clip-path="url(#a)">
+              <path fill="#8086F9" fill-opacity=".85" d="M54 107.947c29.541 0 54-24.5 54-53.973C108 24.447 83.488 0 53.947 0 24.459 0 0 24.447 0 53.974c0 29.474 24.512 53.973 54 53.973Zm0-8.995c-24.988 0-44.947-20.002-44.947-44.978 0-24.976 19.906-44.978 44.894-44.978S99 28.998 99 53.974c0 24.976-20.012 44.978-45 44.978Zm-5.824-19.844c1.747 0 3.23-.846 4.289-2.487l24.194-38.046c.582-1.058 1.27-2.222 1.27-3.386 0-2.382-2.117-3.916-4.341-3.916-1.323 0-2.647.847-3.653 2.381l-21.97 35.241-10.43-13.493c-1.27-1.693-2.435-2.116-3.917-2.116-2.277 0-4.077 1.852-4.077 4.18 0 1.164.477 2.276 1.218 3.28l12.917 15.875c1.324 1.747 2.753 2.487 4.5 2.487Z"/>
+            </g>
+            <defs>
+              <clipPath id="a">
+                <path fill="#fff" d="M0 0h108v108H0z"/>
+              </clipPath>
+            </defs>
+          </svg>
+          
+                <h1>Обновление устройства</h1> <br>
+                <span id="status">Пожалуйста, подождите</span>
+                <button id="closeButton" style="display: none;" onclick="hideMessage()">Закрыть</button>
+        </div>
+    </section>
+  
+    <div class="name">
+      <span>{{Serial}}</span>
+  </div>
+  <nav>
+    <a class="return-name" href="/devices">
+      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="17" fill="none" viewBox="0 0 10 17">
+      <g clip-path="url(#a)">
+        <path fill="#8086F9" d="M0 8.477a.88.88 0 0 0 .273.644l7.745 7.568a.84.84 0 0 0 .634.264c.508 0 .899-.38.899-.889a.917.917 0 0 0-.264-.634l-7.11-6.953 7.11-6.954A.936.936 0 0 0 9.551.89.876.876 0 0 0 8.652 0a.869.869 0 0 0-.634.254L.273 7.832A.864.864 0 0 0 0 8.477Z"/>
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h9.551v16.963H0z"/>
+        </clipPath>
+      </defs>
+    </svg>
+     Вернуться</a>
+     <a href="/devices/device/{{Serial}}">Основные настройки</a>
+     <a class="selected" href="/devices/device/system/{{Serial}}">Системные настройки</a>
+  </nav>
+        <section class="bg">
+            <section class="content">
+
+              <section class="for-new">
+
+                <section class="stages">
+                    <input name="newStage" type="radio" value="parameters" id="stage-parameters" checked><label for="stage-parameters">Системные настройки</label>
+                    <div class="vertical-line" style="background: transparent;"></div>
+                    <input name="newStage" type="radio" value="ethernet" id="stage-ethernet"><label for="stage-ethernet">Сеть</label>
+                    <div class="vertical-line"></div>
+                    <input name="newStage" type="radio" value="wifi" id="stage-wifi"><label for="stage-wifi">Wi-Fi</label>
+                    <div class="vertical-line"></div>
+                    <input name="newStage" type="radio" value="communication" id="stage-communication"><label for="stage-communication">Коммуникации</label>
+                    <div class="vertical-line" style="background: transparent;"></div>
+                    <input name="newStage" type="radio" value="install" id="stage-install"><label for="stage-install">Установка сервера</label>
+                </section>
+              </section>
+              <section id="add-new-container" class="add-new">
+
+                <section style="display: flex; width: 100%; height:100%; top: 0; left: 0;" class="dberror" id="parameters-bg" >
+                  <div class="loader-container">
+                    <div class="loader">
+                      <div class="square" id="sq11"></div>
+                      <div class="square" id="sq12"></div>
+                      <div class="square" id="sq13"></div>
+                      <div class="square" id="sq14"></div>
+                      <div class="square" id="sq15"></div>
+                      <div class="square" id="sq16"></div>
+                      <div class="square" id="sq17"></div>
+                      <div class="square" id="sq18"></div>
+                      <div class="square" id="sq19"></div>
+                    </div>
+                  </div>
+              </section>
+          
+          
+          
+                <div id="parameters" class="new-parameters active">
+          
+                  <h1>Системные настройки</h1>
+                  <h2>Параметры регистраторов</h2>
+          
+                  <div class="horizontal-line"></div>
+          
+                  <div class="parameters-inputs">
+                  <div class="parameters-input">
+                      <label for="system-date">Формат даты</label>
+                      <select name="DATEMOD" id="system-date">
+                        <option value="0">ММ-ДД-ГГГГ</option>
+                        <option value="1">ГГГГ-ММ-ДД</option>
+                        <option value="2">ДД-ММ-ГГГГ</option>
+                    </select>
+                  </div>
+                  <div class="parameters-input">
+                      <label for="system-time">Формат времени</label>
+                      <select name="TIMEFORMAT" id="system-time">
+                        <option value="0">24 ч</option>
+                        <option value="1">12 ч</option>
+                    </select>
+                  </div>
+                  <div class="parameters-input">
+                      <label for="system-timezone">Часовой пояс</label>
+                      <select name="TIMEZ" id="system-timezone">
+                        <option value="120A">(МСК-1) Калининград</option>
+                        <option value="180C">(МСК) Москва</option>
+                        <option value="240A">(МСК+1) Самара</option>
+                        <option value="300A">(МСК+2) Екатеринбург</option>
+                        <option value="360A">(МСК+3) Омск</option>
+                        <option value="420A">(МСК+4) Красноярск</option>
+                        <option value="480A">(МСК+5) Иркутск</option>
+                        <option value="540A">(МСК+6) Якутск</option>
+                        <option value="600A">(МСК+7) Владивосток</option>
+                        <option value="660A">(МСК+8) Магадан</option>
+                        <option value="720A">(МСК+9) Камчатка</option>
+                    </select>
+                  </div>
+                  <div class="parameters-input">
+                    <label for="system-stream">Формат трансляции</label>
+                    <select name="SUBSTREAMMODE" id="system-stream">
+                      <option value="0">Плавно</option>
+                      <option value="1">Менее качественно, но более плавно</option>
+                      <option value="2">Менее плавно, но более качественно</option>
+                      <option value="3">Качество</option>
+                  </select>
+                </div>
+                <div class="parameters-input">
+                  <label for="system-language">Язык системы</label>
+                  <select name="LANGUAGE" id="system-language">
+                    <option value="1">Английский</option>
+                    <option value="12">Русский</option>
+                </select>
+              </div>
+                  <div class="parameters-input">
+                      <label for="system-geo">Определение геопозиции</label>
+                      <select name="GEOMOD" id="system-geo">
+                          <option value="0">GPS</option>
+                          <option value="1">BEIDO</option>
+                          <option value="2">GALILEO</option>
+                          <option value="3">GLENAS</option>
+                          <option value="4">Смешанное</option>
+                      </select>
+                  </div>
+          
+                  </div>
+          
+                  <div class="horizontal-line"></div>
+          
+                  <h2 style="margin-bottom: 5px;">Отметьте то, что должно отображаться на трансляции</h2>
+          
+                  <input type="checkbox" id="TE" class="checkbox-input" hidden><label for="TE" class="checkbox-label"><div class="checkmark"></div>Время</label>
+                  <input type="checkbox" id="SE" class="checkbox-input" hidden><label for="SE" class="checkbox-label"><div class="checkmark"></div>Скорость</label>
+                  <input type="checkbox" id="VE" class="checkbox-input" hidden><label for="VE" class="checkbox-label"><div class="checkmark"></div>Номер ТС</label>
+                  <input type="checkbox" id="GE" class="checkbox-input" hidden><label for="GE" class="checkbox-label"><div class="checkmark"></div>Координаты</label>
+                  <input type="checkbox" id="NE" class="checkbox-input" hidden><label for="NE" class="checkbox-label"><div class="checkmark"></div>Названия камер</label>
+                  <input type="checkbox" id="DE" class="checkbox-input" hidden><label for="DE" class="checkbox-label"><div class="checkmark"></div>ID регистратора</label>
+          
+                  <div class="horizontal-line"></div>
+          
+                  <button onclick="sendPutRequest('parameters');" type="button">Сохранить</button>
+          
+              </div>
+
+              <div id="ethernet" class="new-parameters">
+          
+                <h1>Параметры сети</h1>
+        
+                <div class="horizontal-line"></div>
+        
+                <div class="parameters-inputs">
+                    <label for="system-ipmode">Способ получения IP</label>
+                    <select style="width: 100%;" name="IPMODE" id="system-ipmode">
+                      <option value="1">Получить IP через DHCP</option>
+                      <option value="0">Статический IP</option>
+                  </select>
+                  <div id="ipaddr" class="parameters-input">
+                    <label for="system-ipaddr">IP-адрес</label>
+                    <input name="IPADDR" type="text" id="system-ipaddr" placeholder="IP-адрес" required>
+                  </div>
+                  <div id="submask" class="parameters-input">
+                    <label for="system-submask">Маска сети</label>
+                    <input name="SUBMASK" type="text" id="system-submask" placeholder="Маска сети" required>
+                  </div>
+                <div id="gateway" class="parameters-input">
+                    <label for="system-gateway">Шлюз сети</label>
+                    <input name="GATEWAY" type="text" id="system-gateway" placeholder="Шлюз сети" required>
+                </div>
+                    <label for="system-dnsmode">Способ получения DNS</label>
+                    <select style="width: 100%;" name="DNSMODE" id="system-dnsmode">
+                      <option value="1">Автоматическое получение DNS</option>
+                      <option value="0">Ручной выбор DNS</option>
+                    </select>
+                    <div id="pdns" class="parameters-input">
+                      <label for="system-pdns">Предпочтительный DNS</label>
+                      <input name="PDNS" type="text" id="system-pdns" placeholder="Предпочтительный DNS" required>
+                    </div>
+                    <div id="adns" class="parameters-input">
+                      <label for="system-adns">Альтернативный DNS</label>
+                      <input name="ADNS" type="text" id="system-adns" placeholder="Альтернативный DNS" required>
+                    </div>
+                      <label for="system-mac">MAC-адрес</label>
+                      <input name="MAC" type="text" id="system-mac" placeholder="MAC-адрес" required>
+
+        
+                </div>
+        
+                
+                <div class="horizontal-line"></div>
+        
+                <button onclick="sendPutRequest('ethernet');" type="button">Сохранить</button>
+        
+            </div>
+
+            <div id="wifi" class="new-parameters">
+          
+              <h1>Параметры Wi-Fi</h1>
+      
+              <div class="horizontal-line"></div>
+      
+              <div class="parameters-inputs">
+                  <select style="width: 100%;" name="WIFI" id="system-wifi">
+                    <option value="1">Включен</option>
+                    <option value="0">Выключен</option>
+                </select>
+                <div class="parameters-input">
+                  <label for="system-wifi-essid">Название точки доступа</label>
+                  <input name="WIFI-ESSID" type="text" id="system-wifi-essid" placeholder="Название точки доступа" required>
+                </div>
+                <div class="parameters-input">
+                  <label for="system-wifi-ecrypttype">Шифрование сети</label>
+                  <select style="width: 100%;" name="WIFI-ECRYPTTYPE" id="system-wifi-ecrypttype">
+                  <option value="0">Нет</option>
+                    <option value="1">WEP</option>
+                    <option value="2">WPA / WPA2-PSK</option>
+                    <option value="3">WPA2_Enterprise</option>
+                  </select>
+                </div>
+              <div class="parameters-input">
+                  <label for="system-wifi-pwd">Пароль сети</label>
+                  <input name="WIFI-PWD" type="text" id="system-wifi-pwd" placeholder="Пароль сети" required>
+              </div>
+                  <label for="system-wifi-ipmode">Тип IP адреса</label>
+                  <select style="width: 100%;" name="WIFI-IPMODE" id="system-wifi-ipmode">
+                    <option value="1">Получение IP через DHCP</option>
+                    <option value="0">Статический IP</option>
+                  </select>
+                  <div id="wifi-ipaddr" class="parameters-input">
+                    <label for="system-wifi-ipaddr">IP адрес</label>
+                    <input name="WIFI-IPADDR" type="text" id="system-wifi-ipaddr" placeholder="IP адрес" required>
+                  </div>
+                  <div id="wifi-submask" class="parameters-input">
+                    <label for="system-wifi-submask">Маска сети</label>
+                    <input name="WIFI-SUBMASK" type="text" id="system-wifi-submask" placeholder="Маска сети" required>
+                  </div>
+                  <div id="wifi-gateway" class="parameters-input">
+                    <label for="system-wifi-gateway">Шлюз сети</label>
+                    <input name="WIFI-GATEWAY" type="text" id="system-wifi-gateway" placeholder="Шлюз сети" required>
+                  </div>
+
+      
+              </div>
+      
+              
+              <div class="horizontal-line"></div>
+      
+              <button onclick="sendPutRequest('wifi');" type="button">Сохранить</button>
+      
+          </div>
+
+          <div id="communication" class="new-parameters">
+          
+            <h1>Коммуникационный модуль</h1>
+            <h2>Модуль 1</h2>
+    
+            <div class="horizontal-line"></div>
+    
+            <div class="parameters-inputs">
+              <div class="parameters-input">
+                <label for="system-nm1">Тип сети</label>
+                  <select style="width: 100%;" name="NM1" id="system-nm1">
+                    <option value="0">3G / 4G</option>
+                    <option value="1">2G</option>
+                    <option value="2">3G</option>
+                    <option value="3">4G</option>
+                  </select>
+              </div>
+              <div class="parameters-input">
+                <label for="system-apn1">APN</label>
+                <input name="APN1" type="text" id="system-apn1" placeholder="APN" required>
+              </div>
+            <div class="parameters-input">
+                <label for="system-un1">Логин</label>
+                <input name="UN1" type="text" id="system-un1" placeholder="Логин" required>
+            </div>
+            <div class="parameters-input">
+              <label for="system-pw1">Пароль</label>
+              <input name="PW1" type="text" id="system-pw1" placeholder="Пароль" required>
+          </div>
+        </div>
+
+          <h2>Модуль 2</h2>
+
+          <div class="parameters-inputs">
+    
+            <div class="horizontal-line"></div>
+    
+            <div class="parameters-inputs">
+              <div class="parameters-input">
+                <label for="system-nm2">Тип сети</label>
+                  <select style="width: 100%;" name="NM2" id="system-nm2">
+                    <option value="0">3G / 4G</option>
+                    <option value="1">2G</option>
+                    <option value="2">3G</option>
+                    <option value="3">4G</option>
+                  </select>
+              </div>
+              <div class="parameters-input">
+                <label for="system-apn2">APN</label>
+                <input name="APN2" type="text" id="system-apn2" placeholder="APN" required>
+              </div>
+            <div class="parameters-input">
+                <label for="system-un2">Логин</label>
+                <input name="UN2" type="text" id="system-un2" placeholder="Логин" required>
+            </div>
+            <div class="parameters-input">
+              <label for="system-pw2">Пароль</label>
+              <input name="PW2" type="text" id="system-pw2" placeholder="Пароль" required>
+          </div>
+
+        </div>
+
+        <div class="horizontal-line"></div>
+
+        <div class="parameters-inputs">
+
+          <div class="parameters-input">
+            <label for="system-at">Режим работы</label>
+            <select name="AT" id="system-at">
+                <option value="0">Без выключения</option>
+                <option value="1">Включать по звонку/СМС</option>
+                <option value="2">Включать по срабатыванию датчиков</option>
+            </select>
+        </div>
+        <div class="parameters-input">
+          <label for="system-tn1">Номер активации 1</label>
+          <input name="TN1" type="text" id="system-tn1" placeholder="Номер активации 1" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-tn2">Номер активации 2</label>
+        <input name="TN2" type="text" id="system-tn2" placeholder="Номер активации 2" required>
+    </div>
+    <div class="parameters-input">
+      <label for="system-tn3">Номер активации 3</label>
+      <input name="TN3" type="text" id="system-tn3" placeholder="Номер активации 3" required>
+  </div>
+
+        </div>
+          </div>
+
+            
+            <div class="horizontal-line"></div>
+    
+            <button onclick="sendPutRequest('communication');" type="button">Сохранить</button>
+    
+        </div>
+
+        <div style="padding-bottom: 50%;" id="install" class="new-parameters">
+          
+          <h1>Подключенные серверы</h1>
+  
+          <div class="horizontal-line"></div>
+
+          <div class="parameters-inputs" id="server-container">
+  
+          </div>
+
+          <button onclick="sendPutRequest('install');" type="button">Сохранить</button>
+
+          <button style="margin-right: 25px;" onclick="addServer()" type="button">Добавить сервер</button>
+  
+      </div>
+          
+          
+                
+          
+              
+          
+              </section>
+
+            </section>
+        </section>
+    </section>
+
+    <section style="display: none;" class="dberror" id="deleteConfirmation">
+      <div class="erorr-container">
+        <img src="../img/warning.svg"> <br>
+        <h1>Удаление группы </h1> <br>
+        <span>Вы уверены что хотите удалить <span id="driverDeleteInfo"></span>?</span>
+        <div class="buttons">
+        <button id="deleteCancel" onclick="closeDeletion();" style="display: inline-block; background-color: white; color: rgba(0, 0, 0, 0.7); margin-right: 5px;" type="button" onclick="deleteDriver()">Отменить</button>
+        <button id="deleteDriver" style="display: inline-block;" type="button">Подтвердить</button>
+      </div>
+      </div>
+    </section>
+
+    <script src="../../../scripts/jquery.min.js"></script>
+    <script src="https://rawgit.com/RobinHerbots/Inputmask/5.x/dist/jquery.inputmask.js"></script>
+
+    <script>
+      function addServer(data) {
+    const serverCount = document.querySelectorAll('.server').length + 1;
+
+    // Создаем блок полей ввода для нового сервера
+    const serverContainer = document.getElementById('server-container');
+    const serverDiv = document.createElement('div');
+    serverDiv.classList.add('server');
+
+    serverDiv.innerHTML = `
+    <label for="system-EN${serverCount}">Статус</label>
+      <select style="width: 100%;" name="EN${serverCount}" id="system-EN${serverCount}">
+        <option value="0">Выключен</option>
+        <option value="1">Включен</option>
+      </select>
+      <div class="parameters-input">
+        <label for="system-CP${serverCount}">Протокол подключения</label>
+        <select name="CP${serverCount}" id="system-CP${serverCount}">
+          <option value="0">N9M</option>
+        </select>
+      </div>
+      <div class="parameters-input">
+        <label for="system-NWT${serverCount}">Используемая сеть</label>
+        <select name="NWT${serverCount}" id="system-NWT${serverCount}">
+          <option value="0">Локальная</option>
+          <option value="1">Wi-Fi</option>
+          <option value="2">Модуль 1</option>
+          <option value="3">Модуль 2</option>
+          <option value="4">Адаптивно</option>
+        </select>
+      </div>
+      <div class="parameters-input">
+        <label for="system-CS${serverCount}">Адрес сервера</label>
+        <input name="CS${serverCount}" type="text" id="system-CS${serverCount}" placeholder="Адрес сервера" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-CPORT${serverCount}">TCP порт сервера</label>
+        <input name="CPORT${serverCount}" type="text" id="system-CPORT${serverCount}" placeholder="TCP порт сервера" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-CUPORT${serverCount}">UDP порт сервера</label>
+        <input name="CUPORT${serverCount}" type="text" id="system-CUPORT${serverCount}" placeholder="UDP порт сервера" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-MS${serverCount}">Адрес для медиасервиса</label>
+        <input name="MS${serverCount}" type="text" id="system-MS${serverCount}" placeholder="Адрес для медиасервиса" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-MPORT${serverCount}">TCP порт медиасервиса</label>
+        <input name="MPORT${serverCount}" type="text" id="system-MPORT${serverCount}" placeholder="TCP порт медиасервиса" required>
+      </div>
+      <div class="parameters-input">
+        <label for="system-MUPORT${serverCount}">UDP порт медиасервиса</label>
+        <input name="MUPORT${serverCount}" type="text" id="system-MUPORT${serverCount}" placeholder="UDP порт медиасервиса" required>
+      </div>
+      <div class="horizontal-line"></div>
+      <button style="background: rgb(255, 69, 58); float: left;" onclick="removeServer(${serverCount})" type="button">Удалить</button>
+
+    `;
+
+    serverContainer.appendChild(serverDiv);
+
+    if (data) {
+      document.getElementById(`system-CP${serverCount}`).value = data.CP;
+      document.getElementById(`system-CPORT${serverCount}`).value = data.CPORT;
+      document.getElementById(`system-CS${serverCount}`).value = data.CS;
+      document.getElementById(`system-CUPORT${serverCount}`).value = data.CUPORT;
+      document.getElementById(`system-EN${serverCount}`).value = data.EN;
+      document.getElementById(`system-MPORT${serverCount}`).value = data.MPORT;
+      document.getElementById(`system-MS${serverCount}`).value = data.MS;
+      document.getElementById(`system-MUPORT${serverCount}`).value = data.MUPORT;
+      document.getElementById(`system-NWT${serverCount}`).value = data.NWT;
+    }
+
+    const csInput = document.getElementById(`system-CS${serverCount}`);
+    const msInput = document.getElementById(`system-MS${serverCount}`);
+    csInput.addEventListener('blur', () => {
+      if (csInput.value && !msInput.value) {
+        msInput.value = csInput.value;
+      }
+    });
+  }
+
+  function removeServer(serverCount) {
+    const serverToRemove = document.getElementById(`system-EN${serverCount}`).closest('.server');
+    serverToRemove.remove();
+  }
+
+  function clearServerContainer() {
+    const serverContainer = document.getElementById('server-container');
+    while (serverContainer.firstChild) {
+      serverContainer.firstChild.remove();
+    }
+  }
+
+  let serverData;
+
+  function saveData() {
+    const servers = document.querySelectorAll('.server');
+    serverData = [];
+
+    servers.forEach((server, index) => {
+  const serverObj = {
+    "CP": parseInt(document.getElementById(`system-CP${index + 1}`).value, 10),
+    "CPORT": parseInt(document.getElementById(`system-CPORT${index + 1}`).value, 10),
+    "CS": document.getElementById(`system-CS${index + 1}`).value,
+    "CUPORT": parseInt(document.getElementById(`system-CUPORT${index + 1}`).value, 10),
+    "EN": parseInt(document.getElementById(`system-EN${index + 1}`).value, 10),
+    "LGK": 0,
+    "MPORT": parseInt(document.getElementById(`system-MPORT${index + 1}`).value, 10),
+    "MS": document.getElementById(`system-MS${index + 1}`).value,
+    "MUPORT": parseInt(document.getElementById(`system-MUPORT${index + 1}`).value, 10),
+    "NWT": parseInt(document.getElementById(`system-NWT${index + 1}`).value, 10),
+  };
+
+  serverData.push(serverObj);
+});
+
+
+  }
+    </script>
+    <script src="../../../scripts/parameters-form.js"></script> 
+    <script>
+      $(document).ready(function(){
+
+          $('#user-phone').inputmask({"mask": "+7 (999) 999-9999"});
+
+      });
+  </script>
+
+  <script>
+    function formatDate(date) {
+  if (date === "") {
+    date = new Date(); 
+  } else {
+    date = new Date(date)
+  }
+
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+
+  return `${year}-${month}-${day}`;
+}
+const serial = "{{Serial}}";
+const requestBody = {
+            "serial": serial
+          };
+
+
+
+          document.getElementById('parameters-bg').style.display = 'flex';
+
+          fetch('/device-parameters', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+          })
+          .then(response => response.json())
+          .then(data => {
+
+            document.getElementById('parameters-bg').style.display = 'none';
+
+            camerasData = data;
+
+            console.log(data.DATA);
+
+            document.getElementById('system-date').value = data.DATA.TIMEP.DATEM;
+            document.getElementById('system-time').value = data.DATA.TIMEP.TIMEM;
+            document.getElementById('system-language').value = data.DATA.GSP.LANT;
+            document.getElementById('system-timezone').value = data.DATA.TIMEP.TIMEZ;
+            document.getElementById('system-geo').value = data.DATA.GSP.GM;
+            document.getElementById('system-stream').value = data.DATA.SUBSTRNET.SM;
+            document.getElementById('NE').checked = data.DATA.EOSD[0].NE === 1;
+            document.getElementById('TE').checked = data.DATA.EOSD[0].TE === 1;
+            document.getElementById('VE').checked = data.DATA.EOSD[0].VE === 1;
+            document.getElementById('SE').checked = data.DATA.EOSD[0].SE === 1;
+            document.getElementById('GE').checked = data.DATA.EOSD[0].GE === 1;
+            document.getElementById('DE').checked = data.DATA.EOSD[0].DE === 1;
+          })
+          .catch(error => console.error('Ошибка:', error));
+
+  </script>
+
+  <script>
+    async function sendPutRequest(type) {
+      console.log(type);
+      if (type === 'parameters') {
+
+        const deleteConfirmation = document.getElementById("addInformation");
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "block";
+        closeButton.style.display = "none";
+        deleteConfirmation.style.display = "flex";
+        mark.style.display = "none";
+      
+      const DATEMOD = document.getElementById('system-date').value;
+      const TIMEFORMAT = document.getElementById('system-time').value;
+      const SUBSTREAMMODE = document.getElementById('system-stream').value;
+      const LANGUAGE = document.getElementById('system-language').value;
+      const GEOMOD = document.getElementById('system-geo').value;
+      const TIMEZ = document.getElementById('system-timezone').value;
+
+
+      const NE = document.getElementById('NE').checked ? 1 : 0;
+      const TE = document.getElementById('TE').checked ? 1 : 0;
+      const VE = document.getElementById('VE').checked ? 1 : 0;
+      const SE = document.getElementById('SE').checked ? 1 : 0;
+      const GE = document.getElementById('GE').checked ? 1 : 0;
+      const DE = document.getElementById('DE').checked ? 1 : 0;
+
+
+      const requestData = {
+        DATEMOD,
+        TIMEFORMAT,
+        SUBSTREAMMODE,
+        LANGUAGE,
+        GEOMOD,
+        TIMEZ,
+        NE,
+        TE,
+        VE,
+        SE,
+        GE,
+        DE,
+      };
+
+      try {
+        const response = await fetch(`/device-parameters?serial=${serial}`, {
+          method: 'PUT',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify(requestData),
+        });
+
+        if (response.ok) {
+          var formContainer = $("#form-bg");
+          var form = $("#form");
+          formContainer.removeClass("active");
+          form.removeClass("form-animation");
+          $("body").css("overflow", "auto");
+          showMessage("Данные успешно обновлены", true);
+          console.log('PUT запрос выполнен успешно');
+        } else {
+          showMessage("Не удалось обновить данные", false);
+          console.error('Ошибка при выполнении PUT запроса');
+        }
+      } catch (error) {
+        showMessage("Не удалось обновить данные", false);
+        console.error('Произошла ошибка при отправке PUT запроса:', error);
+      }
+    }
+
+    if (type === 'ethernet') {
+
+      const deleteConfirmation = document.getElementById("addInformation");
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "block";
+        closeButton.style.display = "none";
+        deleteConfirmation.style.display = "flex";
+        mark.style.display = "none";
+      
+      const IPMODE = document.getElementById('system-ipmode').value;
+      const IPADDR = document.getElementById('system-ipaddr').value;
+      const SUBMASK = document.getElementById('system-submask').value;
+      const GATEWAY = document.getElementById('system-gateway').value;
+      const DNSMODE = document.getElementById('system-dnsmode').value;
+      const PDNS = document.getElementById('system-pdns').value;
+      const ADNS = document.getElementById('system-adns').value;
+      const MAC = document.getElementById('system-mac').value;
+
+
+      const requestData = {
+        IPMODE,
+        IPADDR,
+        SUBMASK,
+        GATEWAY,
+        DNSMODE,
+        PDNS,
+        ADNS,
+        MAC,
+      };
+
+      try {
+        const response = await fetch(`/ethernet-parameters?serial=${serial}`, {
+          method: 'PUT',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify(requestData),
+        });
+
+        if (response.ok) {
+          var formContainer = $("#form-bg");
+          var form = $("#form");
+          formContainer.removeClass("active");
+          form.removeClass("form-animation");
+          $("body").css("overflow", "auto");
+          showMessage("Данные успешно обновлены", true);
+          console.log('PUT запрос выполнен успешно');
+        } else {
+          showMessage("Не удалось обновить данные", false);
+          console.error('Ошибка при выполнении PUT запроса');
+        }
+      } catch (error) {
+        showMessage("Не удалось обновить данные", false);
+        console.error('Произошла ошибка при отправке PUT запроса:', error);
+      }
+    }
+
+    if (type === 'wifi') {
+
+    const deleteConfirmation = document.getElementById("addInformation");
+    const loader = document.getElementById("loader");
+    const status = document.getElementById("status");
+    const closeButton = document.getElementById("closeButton");
+    const mark = document.getElementById("success-mark");
+
+    loader.style.display = "block";
+    closeButton.style.display = "none";
+    deleteConfirmation.style.display = "flex";
+    mark.style.display = "none";
+
+  const WIFI = document.getElementById('system-wifi').value;
+  const ESSID = document.getElementById('system-wifi-essid').value;
+  const ECRYPTTYPE = document.getElementById('system-wifi-ecrypttype').value;
+  const PWD = document.getElementById('system-wifi-pwd').value;
+  const IPMODE = document.getElementById('system-wifi-ipmode').value;
+  const IPADDR = document.getElementById('system-wifi-ipaddr').value;
+  const SUBMASK = document.getElementById('system-wifi-submask').value;
+  const GATEWAY = document.getElementById('system-wifi-gateway').value;
+
+
+  const requestData = {
+    WIFI,
+    ESSID,
+    ECRYPTTYPE,
+    PWD,
+    IPMODE,
+    IPADDR,
+    SUBMASK,
+    GATEWAY,
+  };
+
+  try {
+    const response = await fetch(`/wifi-parameters?serial=${serial}`, {
+      method: 'PUT',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(requestData),
+    });
+
+    if (response.ok) {
+      var formContainer = $("#form-bg");
+      var form = $("#form");
+      formContainer.removeClass("active");
+      form.removeClass("form-animation");
+      $("body").css("overflow", "auto");
+      showMessage("Данные успешно обновлены", true);
+      console.log('PUT запрос выполнен успешно');
+    } else {
+      showMessage("Не удалось обновить данные", false);
+      console.error('Ошибка при выполнении PUT запроса');
+    }
+  } catch (error) {
+    showMessage("Не удалось обновить данные", false);
+    console.error('Произошла ошибка при отправке PUT запроса:', error);
+  }
+  }
+
+  if (type === 'communication') {
+
+  const deleteConfirmation = document.getElementById("addInformation");
+  const loader = document.getElementById("loader");
+  const status = document.getElementById("status");
+  const closeButton = document.getElementById("closeButton");
+  const mark = document.getElementById("success-mark");
+
+  loader.style.display = "block";
+  closeButton.style.display = "none";
+  deleteConfirmation.style.display = "flex";
+  mark.style.display = "none";
+
+  const NM1 = document.getElementById('system-nm1').value;
+  const APN1 = document.getElementById('system-apn1').value;
+  const UN1 = document.getElementById('system-un1').value;
+  const PW1 = document.getElementById('system-pw1').value;
+  const NM2 = document.getElementById('system-nm2').value;
+  const APN2 = document.getElementById('system-apn2').value;
+  const UN2 = document.getElementById('system-un2').value;
+  const PW2 = document.getElementById('system-pw2').value;
+
+  const AT = document.getElementById('system-at').value;
+  const TN1 = document.getElementById('system-tn1').value;
+  const TN2 = document.getElementById('system-tn2').value;
+  const TN3 = document.getElementById('system-tn3').value;
+
+
+  const requestData = {
+  NM1,
+  APN1,
+  UN1,
+  PW1,
+  NM2,
+  APN2,
+  UN2,
+  PW2,
+  AT,
+  TN1,
+  TN2,
+  TN3,
+  };
+
+  try {
+  const response = await fetch(`/communication-parameters?serial=${serial}`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(requestData),
+  });
+
+  if (response.ok) {
+    var formContainer = $("#form-bg");
+    var form = $("#form");
+    formContainer.removeClass("active");
+    form.removeClass("form-animation");
+    $("body").css("overflow", "auto");
+    showMessage("Данные успешно обновлены", true);
+    console.log('PUT запрос выполнен успешно');
+  } else {
+    showMessage("Не удалось обновить данные", false);
+    console.error('Ошибка при выполнении PUT запроса');
+  }
+  } catch (error) {
+  showMessage("Не удалось обновить данные", false);
+  console.error('Произошла ошибка при отправке PUT запроса:', error);
+  }
+  }
+
+  if (type === 'install') {
+
+  const deleteConfirmation = document.getElementById("addInformation");
+  const loader = document.getElementById("loader");
+  const status = document.getElementById("status");
+  const closeButton = document.getElementById("closeButton");
+  const mark = document.getElementById("success-mark");
+
+  loader.style.display = "block";
+  closeButton.style.display = "none";
+  deleteConfirmation.style.display = "flex";
+  mark.style.display = "none";
+
+  saveData();
+
+  const SP = serverData;
+  console.log(SP);
+
+  const requestData = {
+    SP
+  };
+
+  try {
+  const response = await fetch(`/install-parameters?serial=${serial}`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(requestData),
+  });
+
+  if (response.ok) {
+    var formContainer = $("#form-bg");
+    var form = $("#form");
+    formContainer.removeClass("active");
+    form.removeClass("form-animation");
+    $("body").css("overflow", "auto");
+    showMessage("Данные успешно обновлены", true);
+    console.log('PUT запрос выполнен успешно');
+  } else {
+    showMessage("Не удалось обновить данные", false);
+    console.error('Ошибка при выполнении PUT запроса');
+  }
+  } catch (error) {
+  showMessage("Не удалось обновить данные", false);
+  console.error('Произошла ошибка при отправке PUT запроса:', error);
+  }
+}
+    }
+  </script>
+
+
+<script>
+
+$(document).ready(function() {
+      if ($('#system-ipmode').val() === "1") {
+        $('#ipaddr').hide();
+        $('#submask').hide();
+        $('#gateway').hide();
+      } else {
+        $('#ipaddr').show();
+        $('#submask').show();
+        $('#gateway').show();
+      }
+
+      if ($('#system-dnsmode').val() === "1") {
+        $('#pdns').hide();
+        $('#adns').hide();
+      } else {
+        $('#pdns').show();
+        $('#adns').show();
+      }
+
+      if ($('#system-wifi-ipmode').val() === "1") {
+        $('#wifi-ipaddr').hide();
+        $('#wifi-submask').hide();
+        $('#wifi-gateway').hide();
+      } else {
+        $('#wifi-ipaddr').show();
+        $('#wifi-submask').show();
+        $('#wifi-gateway').show();
+      }
+    });
+
+    $(document).on("input", "select", async function () {
+    if ($('#system-ipmode').val() === "1") {
+        $('#ipaddr').hide();
+        $('#submask').hide();
+        $('#gateway').hide();
+      } else {
+        $('#ipaddr').show();
+        $('#submask').show();
+        $('#gateway').show();
+      }
+
+      if ($('#system-dnsmode').val() === "1") {
+        $('#pdns').hide();
+        $('#adns').hide();
+      } else {
+        $('#pdns').show();
+        $('#adns').show();
+      }
+
+      if ($('#system-wifi-ipmode').val() === "1") {
+        $('#wifi-ipaddr').hide();
+        $('#wifi-submask').hide();
+        $('#wifi-gateway').hide();
+      } else {
+        $('#wifi-ipaddr').show();
+        $('#wifi-submask').show();
+        $('#wifi-gateway').show();
+      }
+  });
+  
+</script>
+
+  
+
+    <script>
+        function hideMessage() {
+          setTimeout(function() {
+              location.reload();
+              const deleteConfirmation = document.getElementById("addInformation");
+              deleteConfirmation.style.display = "none";
+          }, 2000);
+        
+    }
+
+    function showMessage(messageText, isSuccess) {
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "none";
+        status.textContent = messageText;
+        if (isSuccess) {
+            mark.style.display = "block";
+            status.style.color = "green"; 
+        } else {
+            status.style.color = "red"; 
+        }
+        closeButton.style.display = "block";
+    }
+    </script>
+
+    <script>
+        // Скрытие/Показ дополнительных меню аккаунта
+        const accountMain = document.getElementById('account-main');
+        const accountAdditional = document.getElementById('account-additional');
+        const accountUp = document.getElementById('up');
+        const accountDown = document.getElementById('down');
+        accountAdditional.style.display = 'none';
+        accountUp.style.display = 'none';
+        
+        accountMain.addEventListener('click', () => {
+          if (accountAdditional.style.display === 'none') {
+            accountAdditional.style.display = 'flex';
+            accountUp.style.display = 'unset';
+            accountDown.style.display = 'none';
+          } else {
+            accountAdditional.style.display = 'none';
+            accountUp.style.display = 'none';
+            accountDown.style.display = 'unset';
+          }
+        });
+      </script>
+
+      
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/static/templates/live.html b/static/templates/live.html
index f2b388a..f4ae097 100644
--- a/static/templates/live.html
+++ b/static/templates/live.html
@@ -322,7 +322,7 @@
       }
     
       async function playNextCamerasInGroup() {
-  const startCamera = currentCameraGroup === 1 ? 2 : (currentCameraGroup - 1) * camerasPerGroup + 1;
+  const startCamera = currentCameraGroup === 1 ? 2 : (currentCameraGroup - 1) * camerasPerGroup;
   const endCamera = startCamera + camerasPerGroup - 1;
 
   if (startCamera > totalCameras) {
diff --git a/static/templates/reports/index.html b/static/templates/reports/index.html
index a150d2c..a5b2c69 100644
--- a/static/templates/reports/index.html
+++ b/static/templates/reports/index.html
@@ -156,6 +156,7 @@
   {
     id: "{{this.id}}",
     cmdno: "{{this.cmdno}}",
+    number: "{{this.number}}",
     time: "{{this.time}}",
     serial: "{{this.serial}}",
     type: "{{this.type}}",
@@ -233,46 +234,6 @@ checkboxes.forEach((checkbox) => {
 });
 
       </script>
-
-      <script>
-
-var table = document.querySelector('#deviceTable');
-var tableCheckboxAll = table.querySelector('#device-all');
-var tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-
-tableCheckboxAll.addEventListener('click', function(event) {
-    table = document.querySelector('#deviceTable');
-    tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-    if (tableCheckboxAll.checked) {
-    tableCheckboxes.forEach((tableCheckbox) => {
-        tableCheckbox.checked = true;
-      });
-    } else {
-        tableCheckboxes.forEach((tableCheckbox) => {
-        tableCheckbox.checked = false;
-      });
-    }
-});
-
-$('#deviceTable').click( function(event) {
-    table = document.querySelector('#deviceTable');
-    tableCheckboxes = table.querySelectorAll('tbody input[type="checkbox"]');
-
-
-for (var i = 0; i < tableCheckboxes.length; i++) {
-    tableCheckboxes[i].addEventListener('click', function(event) {
-    for (var j = 0; j < tableCheckboxes.length; j++) {
-      if (!tableCheckboxes[j].checked || tableCheckboxes[j].disabled) {
-        tableCheckboxAll.checked = false;
-        return;
-      }
-    }
-    tableCheckboxAll.checked = true;
-  });
-}
-});
-
-      </script>
       
     
 </body>
diff --git a/static/templates/signin.html b/static/templates/signin.html
index 3528952..49d0975 100644
--- a/static/templates/signin.html
+++ b/static/templates/signin.html
@@ -13,8 +13,8 @@
         <form enctype="multipart/form-data" method="post" action="/login" id="loginForm">
             <h1 style="margin-bottom: 40px;">Добро пожаловать в Аргус</h1>
 
-            <label for="login">Логин или Email<span>*</span></label>
-            <input placeholder="Введите логин или Email" name="email" type="text" required>
+            <label for="login">Email<span>*</span></label>
+            <input placeholder="Введите Email" name="email" type="text" required>
 
             <label for="password">Пароль<span>*</span></label>
             <input placeholder="Введите пароль" name="password" type="password" required>