diff --git a/gui/src/index.html b/gui/src/index.html
index 0ae53bea..38be56ef 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1,897 +1,848 @@
+
+
 <!doctype html>
 <html lang="en">
-
-<head>
-	<!-- Required meta tags -->
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
-	<!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
-	<!-- Bootstrap CSS -->
-	<link rel="stylesheet" id="bootstrap_theme" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
-	<link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">	
-    
-	
-	<!-- Waterfall CSS -->
-	<link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
-	<link rel="stylesheet" type="text/css" href="styles.css" />
-	<title>FreeDATA by DJ2LS</title>
-</head>
-
-<body>
-	<!-- SECONDARY NAVBAR -->
-	<nav class="navbar bg-light fixed-top mt-0 mb-1 pb-1 pt-1 shadow-sm">
-		<div class="container-fluid mt-0">
-			<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
-				<div class="btn-group btn-group-sm me-2" role="group" aria-label="local-remote-switch toggle button group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1" autocomplete="off" checked>
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1">
-					<i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i>
-						
-					</label>
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2" autocomplete="off">
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2">
-						<i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i>
-						
-					</label>
-				</div>
-				<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text" id="basic-addon1">TNC IP</span>
-					<input type="text" class="form-control" placeholder="ip adress" id="tnc_adress" value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
-					<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5" max="65534" min="1025" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1">
-					<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled>
-						<i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i>
-						
-					</button>
-				</div>
-				<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Start or stop the TNC process. Please set your audio and radio settings first!">
-					<button type="button" id="startTNC" class="btn btn-sm btn-success">
-						<i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i>
-						
-					</button>
-					<!-- TNC LOG BUTTON -->
-					<button class="btn btn-sm btn-secondary" id="tncLog" type="button">
-						<i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>
-					</button>
-					<!--     <span class="input-group-text" id="tnc_running_state" style="width: 5rem">---</span>-->
-					<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger">
-						<i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
-						
-					</button>
-				</div>
-			</div>
-			<div class="btn-toolbar" role="toolbar">
-			  <button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button">
-			    <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
-			     STOP
-			   </button>
-			</div>
-			
-			
-			<div class="btn-toolbar" role="toolbar">
-				<button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!" > <strong>RF Chat</strong>
-				<i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i>
-			    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span>
-				</button>	
-				
-				<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
-				<button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>RX Files </strong>
-					<i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
-					
-				</button>
-				</span>
-				<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send files through HF. This is currently under development!">
-				<button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button"> <strong>TX File </strong>
-					<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
-					
-				</button>			
-				</span>
-				<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
-				    <button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="btn btn-sm btn-secondary"><strong>Settings </strong>
-				     <i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
-					    
-				    </button>
-			    </span>
-			</div>
-		</div>
-	</nav>
-	<div id="blurdiv" style="-webkit-Filter: blur(0px)">
-		<!--beginn of blur div -->
-		<!-------------------------------- MAIN AREA ---------------->
-		
-		<!-------------------------------- INFO TOASTS ---------------->
-		<div aria-live="polite" aria-atomic="true" class="position-relative" style="z-index: 500">
-			<div class="toast-container position-absolute top-0 end-0 p-3">
-				<!-- SENDING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body"><i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-						
-					</div>
-				</div>
-				<!-- RECEIVING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">Receiving CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- RECEIVING BEACON -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">Receiving a beacon signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- SENDING PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">Sending Ping</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- RECEIVED PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">RECEIVED PING REQUEST</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- RECEIVED PING ACK -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">RECEIVED PING ACKNOWLEDGE</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- DATACHANNEL OPENING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">OPENING DATACHANNEL</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- DATACHANNEL OPEN -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">DATACHANNEL OPENED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- STOPPING TRANSMISSION -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">Transmission stopped!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- DATACHANNEL RECEIVED OPENER -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">INCOMING FILE TRANSMISSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- DATACHANNEL FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">OPENING DATACHANNEL FAILED</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ RECEIVING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">Receiving file...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ RECEIVING SUCCESS -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">FILE SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ RECEIVING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">FILE NOT SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ TRANSMITTING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">TRANSMITTING FILE...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ TRANSMITTING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">TRANSMITTING FILE FAILED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-				<!-- ARQ TRANSMITTING SUCCESS-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
-					<div class="d-flex">
-						<div class="toast-body">FILE SUCCESSFULLY TRANSMITTED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-					</div>
-				</div>
-			</div>
-		</div>
-		<!------------------------------------------------------------------------------------------>
-		<div class="container mt-5 p-0">
-			<div class="row collapse multi-collapse show" id="collapseFirstRow">
-				<div class="col">
-					<div class="card text-dark mb-0">
-						<div class="card-header p-1">
-							<i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong>
-						</div>
-						<div class="card-body p-2 mb-1">
-							<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
+   <head>
+      <!-- Required meta tags -->
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <meta http-equiv="Content-Security-Policy" content="script-src 'self';">
+      <!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
+      <!-- Bootstrap CSS -->
+      <link rel="stylesheet" id="bootstrap_theme" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+      <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
+      <!-- Waterfall CSS -->
+      <link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
+      <link rel="stylesheet" type="text/css" href="styles.css" />
+      <title>FreeDATA by DJ2LS</title>
+   </head>
+   <body>
+      <!-- SECONDARY NAVBAR -->
+      <nav class="navbar bg-light fixed-top mt-0 mb-1 pb-1 pt-1 shadow-sm">
+         <div class="container-fluid mt-0">
+            <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
+               <div class="btn-group btn-group-sm me-2" role="group" aria-label="local-remote-switch toggle button group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
+                  <input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1" autocomplete="off" checked>
+                  <label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1">
+                  <i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i>
+                  </label>
+                  <input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2" autocomplete="off">
+                  <label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2">
+                  <i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i>
+                  </label>
+               </div>
+               <div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text" id="basic-addon1">TNC IP</span>
+                  <input type="text" class="form-control" placeholder="ip adress" id="tnc_adress" value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
+                  <input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5" max="65534" min="1025" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1">
+                  <button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled>
+                  <i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i>
+                  </button>
+               </div>
+               <div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Start or stop the TNC process. Please set your audio and radio settings first!">
+                  <button type="button" id="startTNC" class="btn btn-sm btn-success">
+                  <i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i>
+                  </button>
+                  <!-- TNC LOG BUTTON -->
+                  <button class="btn btn-sm btn-secondary" id="tncLog" type="button">
+                  <i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>
+                  </button>
+                  <!--     <span class="input-group-text" id="tnc_running_state" style="width: 5rem">---</span>-->
+                  <button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger">
+                  <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
+                  </button>
+               </div>
+            </div>
+            <div class="btn-toolbar" role="toolbar">
+               <button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button">
+               <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
+               STOP
+               </button>
+            </div>
+            <div class="btn-toolbar" role="toolbar">
+               <button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!" > <strong>RF Chat</strong>
+               <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i>
+               <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span>
+               </button>	
+               <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
+               <button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
+               <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
+               <i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
+               </button>
+               </span>
+               <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send files through HF. This is currently under development!">
+               <button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button" style="display: None;" disabeld> <strong>TX File </strong>
+               <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
+               </button>			
+               </span>
+               <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
+               <button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="btn btn-sm btn-secondary"><strong>Settings </strong>
+               <i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
+               </button>
+               </span>
+            </div>
+         </div>
+      </nav>
+      <div id="blurdiv" style="-webkit-Filter: blur(0px)">
+         <!--beginn of blur div -->
+         <!-------------------------------- MAIN AREA ---------------->
+         <!-------------------------------- INFO TOASTS ---------------->
+         <div aria-live="polite" aria-atomic="true" class="position-relative" style="z-index: 500">
+            <div class="toast-container position-absolute top-0 end-0 p-3">
+               <!-- SENDING CQ -->
+               <div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body"><i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- RECEIVING CQ -->
+               <div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">Receiving CQ CQ CQ</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- RECEIVING BEACON -->
+               <div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">Receiving a beacon signal!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- SENDING PING -->
+               <div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">Sending Ping</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- RECEIVED PING -->
+               <div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">RECEIVED PING REQUEST</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- RECEIVED PING ACK -->
+               <div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">RECEIVED PING ACKNOWLEDGE</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- DATACHANNEL OPENING -->
+               <div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">OPENING DATACHANNEL</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- DATACHANNEL OPEN -->
+               <div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">DATACHANNEL OPENED!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- STOPPING TRANSMISSION -->
+               <div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">Transmission stopped!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- DATACHANNEL RECEIVED OPENER -->
+               <div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">INCOMING FILE TRANSMISSION</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- DATACHANNEL FAILED -->
+               <div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">OPENING DATACHANNEL FAILED</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ RECEIVING -->
+               <div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">Receiving file...</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ RECEIVING SUCCESS -->
+               <div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">FILE SUCCESSFULLY RECEIVED!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ RECEIVING FAILED -->
+               <div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">FILE NOT SUCCESSFULLY RECEIVED!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ TRANSMITTING -->
+               <div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">TRANSMITTING FILE...</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ TRANSMITTING FAILED -->
+               <div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">TRANSMITTING FILE FAILED!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+               <!-- ARQ TRANSMITTING SUCCESS-->
+               <div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+                  <div class="d-flex">
+                     <div class="toast-body">FILE SUCCESSFULLY TRANSMITTED!</div>
+                     <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                  </div>
+               </div>
+            </div>
+         </div>
+         <!------------------------------------------------------------------------------------------>
+         <div class="container mt-5 p-0">
+            <div class="row collapse multi-collapse show" id="collapseFirstRow">
+               <div class="col">
+                  <div class="card text-dark mb-0">
+                     <div class="card-header p-1">
+                        <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong>
+                     </div>
+                     <div class="card-body p-2 mb-1">
+                        <div class="input-group input-group-sm mb-1">
+                           <span class="input-group-text" id="basic-addon1">
+                           <i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
                            </span>
-								<select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm">
-									<!-- 					 					<option selected value="3011">USB Interface</option>-->
-								</select>
-							</div>
-							<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
+                           <select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm">
+                              <!-- 					 					<option selected value="3011">USB Interface</option>-->
+                           </select>
+                        </div>
+                        <div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
+                           <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
                            </span>
-								<select class="form-select form-select-sm" id="audio_output_selectbox" aria-label=".form-select-sm"></select>
-							</div>
-						</div>
-						<div class="card-footer text-muted small">Please select audio device for RX and TX</div>
-					</div>
-				</div>
-				<div class="col">
-					<div class="card text-dark mb-0">
-						<div class="card-header p-1">
-							<i class="bi bi-projector" style="font-size: 1rem; color: black;"></i><strong>RADIO</strong>
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch0" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch0">
-									<i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i>
-								</label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch1" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch1"><strong>direct</strong>
-								</label>
-								<!--
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch2" autocomplete="off">
-								
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch2"><strong>rigctl</strong>
-								</label>
-								-->
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch3" autocomplete="off">
-								
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch3"><strong><i class="bi bi-ethernet"></i></strong>
-								</label>
-							</div>
-							<div class="btn-group" role="group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Set advanced hamlib settings like stop_bits and data_bits or a different port for a PTT device">
-								<button type="button" id="advancedHamlibSettingsButton" data-bs-toggle="modal" data-bs-target="#advancedHamlibSettingsModal" class="btn btn-sm btn-secondary">
-									<i class="bi bi-sliders" style="font-size: 0.8rem; color: black;"></i>
-								</button>
-							</div>
-							<div class="btn-group" role="group">
-								<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT Test</button>
-							</div>
-						</div>
-						<div class="card-body p-2">
-							<div id="radio-control-direct">
-								<div class="input-group  input-group-sm mb-1">	<span class="input-group-text" id="basic-addon1">
-							<i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
-							</span>
-									
-									<input class="form-control" list="datalistOptions" id="hamlib_deviceid" placeholder="Search radio..." style="width:7rem">
-									<datalist id="datalistOptions">
-										<option value="RIG_MODEL_ADT_200A">ADAT www.adat.ch ADT-200A</option>
-										<option value="RIG_MODEL_DX77">Alinco DX-77</option>
-										<option value="RIG_MODEL_DXSR8">Alinco DX-SR8</option>
-										<option value="RIG_MODEL_DDS60">AmQRPDDS-60</option>
-										<option value="RIG_MODEL_FUNCUBEDONGLE">AMSAT-UK FUNcube Dongle</option>
-										<option value="RIG_MODEL_SI570PEABERRY1">AE9RBSi570 Peaberry V1</option>
-										<option value="RIG_MODEL_SI570PEABERRY2">AE9RBSi570 Peaberry V2</option>
-										<option value="RIG_MODEL_FUNCUBEDONGLEPLUS">AMSAT-UK FUNcube Dongle Pro+</option>
-										<option value="RIG_MODEL_AR8200">AOR AR8200</option>
-										<option value="RIG_MODEL_AR8000">AOR AR8000</option>
-										<option value="RIG_MODEL_AR7030">AOR AR7030</option>
-										<option value="RIG_MODEL_AR5000">AOR AR5000</option>
-										<option value="RIG_MODEL_AR3030">AOR AR3030</option>
-										<option value="RIG_MODEL_AR3000A">AOR AR3000A</option>
-										<option value="RIG_MODEL_AR2700">AOR AR2700</option>
-										<option value="RIG_MODEL_AR8600">AOR AR8600</option>
-										<option value="RIG_MODEL_AR5000A">AOR AR5000A</option>
-										<option value="RIG_MODEL_AR7030P">AOR AR7030 Plus</option>
-										<option value="RIG_MODEL_SR2200">AOR SR2200</option>
-										<option value="RIG_MODEL_BARRETT_2050">Barrett2050</option>
-										<option value="RIG_MODEL_BARRETT_950">Barrett950</option>
-										<option value="RIG_MODEL_DWT">Coding TechnologiesDigital World Travelle</option>
-										<option value="RIG_MODEL_DORJI_DRA818V">DorjiDRA818V</option>
-										<option value="RIG_MODEL_DORJI_DRA818U">DorjiDRA818U</option>
-										<option value="RIG_MODEL_DKR8A">DrakeR-8A</option>
-										<option value="RIG_MODEL_DKR8B">DrakeR-8B</option>
-										<option value="RIG_MODEL_DTTSP">DTTS Microwave Society DttSP IPC</option>
-										<option value="RIG_MODEL_DTTSP_UDP">DTTS Microwave Society DttSP UDP</option>
-										<option value="RIG_MODEL_ELAD_FDM_DUO">ELAD FDM-DUO</option>
-										<option value="RIG_MODEL_K2">Elecraft K2</option>
-										<option value="RIG_MODEL_K3">Elecraft K3</option>
-										<option value="RIG_MODEL_K4">Elecraft K4</option>
-										<option value="RIG_MODEL_XG3">Elecraft XG3</option>
-										<option value="RIG_MODEL_K3S">Elecraft K3S</option>
-										<option value="RIG_MODEL_KX2">Elecraft KX2</option>
-										<option value="RIG_MODEL_KX3">Elecraft KX3</option>
-										<option value="RIG_MODEL_ELEKTOR304">ElektorElektor 3/04</option>
-										<option value="RIG_MODEL_ELEKTOR507">ElektorElektor SDR-USB</option>
-										<option value="RIG_MODEL_FIFISDR">FiFi FiFi-SDR</option>
-										<option value="RIG_MODEL_POWERSDR">FlexRadio/ANAN PowerSDR/Thetis</option>
-										<option value="RIG_MODEL_F6K">FlexRadio6xxx</option>
-										<option value="RIG_MODEL_SDR1000">Flex-radio SDR-1000</option>
-										<option value="RIG_MODEL_FLRIG">FLRigFLRig</option>
-										<option value="RIG_MODEL_FASDR">FunkamateurFA-SDR</option>
-										<option value="RIG_MODEL_DUMMY">Hamlib Dummy</option>
-										<option value="RIG_MODEL_DUMMY_NOVFO">Hamlib Dummy No VFO</option>
-										<option value="RIG_MODEL_NETRIGCTL">Hamlib NET rigctl</option>
-										<option value="RIG_MODEL_RSHFIQ">HobbyPCB RS-HFIQ</option>
-										<option value="RIG_MODEL_PT8000A">Hilberling PT-8000A</option>
-										<option value="RIG_MODEL_IC1275">Icom IC-1275</option>
-										<option value="RIG_MODEL_IC271">Icom IC-271</option>
-										<option value="RIG_MODEL_IC275">Icom IC-275</option>
-										<option value="RIG_MODEL_IC471">Icom IC-471</option>
-										<option value="RIG_MODEL_IC475">Icom IC-475</option>
-										<option value="RIG_MODEL_IC575">Icom IC-575</option>
-										<option value="RIG_MODEL_IC706">Icom IC-706</option>
-										<option value="RIG_MODEL_IC706MKII">Icom IC-706MkII</option>
-										<option value="RIG_MODEL_IC706MKIIG">Icom IC-706MkIIG</option>
-										<option value="RIG_MODEL_IC707">Icom IC-707</option>
-										<option value="RIG_MODEL_IC718">Icom IC-718</option>
-										<option value="RIG_MODEL_IC725">Icom IC-725</option>
-										<option value="RIG_MODEL_IC726">Icom IC-726</option>
-										<option value="RIG_MODEL_IC728">Icom IC-728</option>
-										<option value="RIG_MODEL_IC729">Icom IC-729</option>
-										<option value="RIG_MODEL_IC735">Icom IC-735</option>
-										<option value="RIG_MODEL_IC736">Icom IC-736</option>
-										<option value="RIG_MODEL_IC737">Icom IC-737</option>
-										<option value="RIG_MODEL_IC738">Icom IC-738</option>
-										<option value="RIG_MODEL_IC746">Icom IC-746</option>
-										<option value="RIG_MODEL_IC751">Icom IC-751</option>
-										<option value="RIG_MODEL_IC756">Icom IC-756</option>
-										<option value="RIG_MODEL_IC756PRO">Icom IC-756PRO</option>
-										<option value="RIG_MODEL_IC761">Icom IC-761</option>
-										<option value="RIG_MODEL_IC765">Icom IC-765</option>
-										<option value="RIG_MODEL_IC775">Icom IC-775</option>
-										<option value="RIG_MODEL_IC781">Icom IC-781</option>
-										<option value="RIG_MODEL_IC820">Icom IC-820H</option>
-										<option value="RIG_MODEL_IC821H">Icom IC-821H</option>
-										<option value="RIG_MODEL_IC970">Icom IC-970</option>
-										<option value="RIG_MODEL_ICR10">Icom IC-R10</option>
-										<option value="RIG_MODEL_ICR71">Icom IC-R71</option>
-										<option value="RIG_MODEL_ICR72">Icom IC-R72</option>
-										<option value="RIG_MODEL_ICR75">Icom IC-R75</option>
-										<option value="RIG_MODEL_ICR7000">Icom IC-R7000</option>
-										<option value="RIG_MODEL_ICR7100">Icom IC-R7100</option>
-										<option value="RIG_MODEL_ICR8500">Icom ICR-8500</option>
-										<option value="RIG_MODEL_ICR9000">Icom IC-R9000</option>
-										<option value="RIG_MODEL_IC910">Icom IC-910</option>
-										<option value="RIG_MODEL_IC78">Icom IC-78</option>
-										<option value="RIG_MODEL_IC746PRO">Icom IC-746PRO</option>
-										<option value="RIG_MODEL_IC756PROII">Icom IC-756PROII</option>
-										<option value="RIG_MODEL_ICID1">Icom IC ID-1</option>
-										<option value="RIG_MODEL_IC703">Icom IC-703</option>
-										<option value="RIG_MODEL_IC7800">Icom IC-7800</option>
-										<option value="RIG_MODEL_IC756PROIII">Icom IC-756PROIII</option>
-										<option value="RIG_MODEL_ICR20">Icom IC-R20</option>
-										<option value="RIG_MODEL_IC7000">Icom IC-7000</option>
-										<option value="RIG_MODEL_IC7200">Icom IC-7200</option>
-										<option value="RIG_MODEL_IC7700">Icom IC-7700</option>
-										<option value="RIG_MODEL_IC7600">Icom IC-7600</option>
-										<option value="RIG_MODEL_DELTAII">Ten-TecDelta II</option>
-										<option value="RIG_MODEL_IC92D">Icom IC-92D</option>
-										<option value="RIG_MODEL_ICR9500">Icom IC-R9500</option>
-										<option value="RIG_MODEL_IC7410">Icom IC-7410</option>
-										<option value="RIG_MODEL_IC9100">Icom IC-9100</option>
-										<option value="RIG_MODEL_ICRX7">Icom IC-RX7</option>
-										<option value="RIG_MODEL_IC7100">Icom IC-7100</option>
-										<option value="RIG_MODEL_ID5100">Icom ID-5100</option>
-										<option value="RIG_MODEL_IC2730">Icom IC-2730</option>
-										<option value="RIG_MODEL_IC7300">Icom IC-7300</option>
-										<option value="RIG_MODEL_IC_M700PRO">Icom IC-M700PRO</option>
-										<option value="RIG_MODEL_IC_M802">Icom IC-M802</option>
-										<option value="RIG_MODEL_IC_M710">Icom IC-M710</option>
-										<option value="RIG_MODEL_IC_M803">Icom IC-M803</option>
-										<option value="RIG_MODEL_PERSEUS">Microtelecom Perseus</option>
-										<option value="RIG_MODEL_IC785x">Icom IC-785x</option>
-										<option value="RIG_MODEL_X108G">XeiguX108G</option>
-										<option value="RIG_MODEL_ICR6">Icom IC-R6</option>
-										<option value="RIG_MODEL_IC7610">Icom IC-7610</option>
-										<option value="RIG_MODEL_ICR8600">Icom IC-R8600</option>
-										<option value="RIG_MODEL_ICR30">Icom IC-R30</option>
-										<option value="RIG_MODEL_IC9700">Icom IC-9700</option>
-										<option value="RIG_MODEL_ID4100">Icom ID-4100</option>
-										<option value="RIG_MODEL_ID31">Icom ID-31</option>
-										<option value="RIG_MODEL_ID51">Icom ID-51</option>
-										<option value="RIG_MODEL_IC705">Icom IC-705</option>
-										<option value="RIG_MODEL_PCR1000">Icom IC-PCR1000</option>
-										<option value="RIG_MODEL_PCR100">Icom IC-PCR100</option>
-										<option value="RIG_MODEL_PCR1500">Icom IC-PCR1500</option>
-										<option value="RIG_MODEL_PCR2500">Icom IC-PCR2500</option>
-										<option value="RIG_MODEL_NRD525">JRCNRD-525</option>
-										<option value="RIG_MODEL_NRD535">JRCNRD-535D</option>
-										<option value="RIG_MODEL_NRD545">JRCNRD-545 DSP</option>
-										<option value="RIG_MODEL_505DSP">Kachina505DSP</option>
-										<option value="RIG_MODEL_SI570PICUSB">KTH-SDR kitSi570 PIC-USB</option>
-										<option value="RIG_MODEL_TS50">KenwoodTS-50S</option>
-										<option value="RIG_MODEL_TS440">KenwoodTS-440S</option>
-										<option value="RIG_MODEL_TS450S">KenwoodTS-450S</option>
-										<option value="RIG_MODEL_TS570D">KenwoodTS-570D</option>
-										<option value="RIG_MODEL_TS690S">KenwoodTS-690S</option>
-										<option value="RIG_MODEL_TS711">KenwoodTS-711</option>
-										<option value="RIG_MODEL_TS790">KenwoodTS-790</option>
-										<option value="RIG_MODEL_TS811">KenwoodTS-811</option>
-										<option value="RIG_MODEL_TS850">KenwoodTS-850</option>
-										<option value="RIG_MODEL_TS870S">KenwoodTS-870S</option>
-										<option value="RIG_MODEL_TS940">KenwoodTS-940S</option>
-										<option value="RIG_MODEL_TS950S">KenwoodTS-950S</option>
-										<option value="RIG_MODEL_TS950SDX">KenwoodTS-950SDX</option>
-										<option value="RIG_MODEL_TS2000">KenwoodTS-2000</option>
-										<option value="RIG_MODEL_R5000">KenwoodR-5000</option>
-										<option value="RIG_MODEL_TS570S">KenwoodTS-570S</option>
-										<option value="RIG_MODEL_THD7A">KenwoodTH-D7A</option>
-										<option value="RIG_MODEL_THF6A">KenwoodTH-F6A</option>
-										<option value="RIG_MODEL_THF7E">KenwoodTH-F7E</option>
-										<option value="RIG_MODEL_TS930">KenwoodTS-930</option>
-										<option value="RIG_MODEL_THG71">KenwoodTH-G71</option>
-										<option value="RIG_MODEL_TS680S">KenwoodTS-680S</option>
-										<option value="RIG_MODEL_TS140S">KenwoodTS-140S</option>
-										<option value="RIG_MODEL_TMD700">KenwoodTM-D700</option>
-										<option value="RIG_MODEL_TMV7">KenwoodTM-V7</option>
-										<option value="RIG_MODEL_TS480">KenwoodTS-480</option>
-										<option value="RIG_MODEL_TRC80">KenwoodTRC-80</option>
-										<option value="RIG_MODEL_TS590S">KenwoodTS-590S</option>
-										<option value="RIG_MODEL_TRANSFOX">SigFox Transfox</option>
-										<option value="RIG_MODEL_THD72A">KenwoodTH-D72A</option>
-										<option value="RIG_MODEL_TMD710">KenwoodTM-D710(G)</option>
-										<option value="RIG_MODEL_TS590SG">KenwoodTS-590SG</option>
-										<option value="RIG_MODEL_TS990S">KenwoodTS-990s</option>
-										<option value="RIG_MODEL_TS890S">KenwoodTS-890S</option>
-										<option value="RIG_MODEL_THD74">KenwoodTH-D74</option>
-										<option value="RIG_MODEL_HF235">Lowe HF-235</option>
-										<option value="RIG_MODEL_MALACHITE">MalachiteDSP</option>
-										<option value="RIG_MODEL_MINIVNA">mRSminiVNA</option>
-										<option value="RIG_MODEL_HIQSDR">N2ADRHiQSDR</option>
-										<option value="RIG_MODEL_OS535">OptoelectronicsOptoScan535</option>
-										<option value="RIG_MODEL_OS456">OptoelectronicsOptoScan456</option>
-										<option value="RIG_MODEL_HPSDR">OpenHPSDRPiHPSDR</option>
-										<option value="RIG_MODEL_PRM8060">Philips/Simoco PRM8060</option>
-										<option value="RIG_MODEL_RA6790">RacalRA6790/GM</option>
-										<option value="RIG_MODEL_RA3702">RacalRA3702</option>
-										<option value="RIG_MODEL_EKD500">RFTEKD-500</option>
-										<option value="RIG_MODEL_ESMC">Rohde&SchwarzESMC</option>
-										<option value="RIG_MODEL_EB200">Rohde&SchwarzEB200</option>
-										<option value="RIG_MODEL_XK2100">Rohde&SchwarzXK2100</option>
-										<option value="RIG_MODEL_TRP8000">Skanti TRP8000</option>
-										<option value="RIG_MODEL_TRP8255">Skanti TRP 8255 S R</option>
-										<option value="RIG_MODEL_DRT1">SAT-SchneiderDRT1</option>
-										<option value="RIG_MODEL_SI570AVRUSB">SoftRock Si570 AVR-USB</option>
-										<option value="RIG_MODEL_OMNIVIP">Ten-TecOmni VI Plus</option>
-										<option value="RIG_MODEL_TT550">Ten-TecTT-550</option>
-										<option value="RIG_MODEL_TT538">Ten-TecTT-538 Jupiter</option>
-										<option value="RIG_MODEL_RX320">Ten-TecRX-320</option>
-										<option value="RIG_MODEL_RX340">Ten-TecRX-340</option>
-										<option value="RIG_MODEL_RX350">Ten-TecRX-350</option>
-										<option value="RIG_MODEL_TT516">Ten-TecTT-516 Argonaut V</option>
-										<option value="RIG_MODEL_TT565">Ten-TecTT-565 Orion</option>
-										<option value="RIG_MODEL_TT585">Ten-TecTT-585 Paragon</option>
-										<option value="RIG_MODEL_TT588">Ten-TecTT-588 Omni VII</option>
-										<option value="RIG_MODEL_RX331">Ten-TecRX-331</option>
-										<option value="RIG_MODEL_TT599">Ten-TecTT-599 Eagle</option>
-										<option value="RIG_MODEL_DSP10">TAPR DSP-10</option>
-										<option value="RIG_MODEL_TRXMANAGER_RIG">TRXManager 5.7.630+</option>
-										<option value="RIG_MODEL_BC780">Uniden BC780xlt</option>
-										<option value="RIG_MODEL_BC245">Uniden BC245xlt</option>
-										<option value="RIG_MODEL_BC895">Uniden BC895xlt</option>
-										<option value="RIG_MODEL_PRO2052">Radio ShackPRO-2052</option>
-										<option value="RIG_MODEL_BC250">Uniden BC250D</option>
-										<option value="RIG_MODEL_BCD396T">Uniden BCD-396T</option>
-										<option value="RIG_MODEL_BCD996T">Uniden BCD-996T</option>
-										<option value="RIG_MODEL_BC898">Uniden BC898T</option>
-										<option value="RIG_MODEL_VX1700">Vertex StandardVX-1700</option>
-										<option value="RIG_MODEL_V4L">Video4LinuxSW/FM radio</option>
-										<option value="RIG_MODEL_V4L2">Video4Linux2 SW/FM radio</option>
-										<option value="RIG_MODEL_WJ8888">Watkins-JohnsonWJ-8888</option>
-										<option value="RIG_MODEL_WR1000">Winradio WR-1000</option>
-										<option value="RIG_MODEL_WR1500">Winradio WR-1500</option>
-										<option value="RIG_MODEL_WR1550">Winradio WR-1550</option>
-										<option value="RIG_MODEL_WR3100">Winradio WR-3100</option>
-										<option value="RIG_MODEL_WR3150">Winradio WR-3150</option>
-										<option value="RIG_MODEL_WR3500">Winradio WR-3500</option>
-										<option value="RIG_MODEL_WR3700">Winradio WR-3700</option>
-										<option value="RIG_MODEL_G313">Winradio WR-G313</option>
-										<option value="RIG_MODEL_FT847">Yaesu FT-847</option>
-										<option value="RIG_MODEL_FT1000D">Yaesu FT-1000D</option>
-										<option value="RIG_MODEL_FT1000MPMKV">YaesuMARK-V FT-1000MP</option>
-										<option value="RIG_MODEL_FT747">Yaesu FT-747GX</option>
-										<option value="RIG_MODEL_FT757">Yaesu FT-757GX</option>
-										<option value="RIG_MODEL_FT757GXII">Yaesu FT-757GXII</option>
-										<option value="RIG_MODEL_FT767">Yaesu FT-767GX</option>
-										<option value="RIG_MODEL_FT736R">Yaesu FT-736R</option>
-										<option value="RIG_MODEL_FT840">Yaesu FT-840</option>
-										<option value="RIG_MODEL_FT900">Yaesu FT-900</option>
-										<option value="RIG_MODEL_FT920">Yaesu FT-920</option>
-										<option value="RIG_MODEL_FT890">Yaesu FT-890</option>
-										<option value="RIG_MODEL_FT990">Yaesu FT-990</option>
-										<option value="RIG_MODEL_FRG100">Yaesu FRG-100</option>
-										<option value="RIG_MODEL_FRG9600">Yaesu FRG-9600</option>
-										<option value="RIG_MODEL_FRG8800">Yaesu FRG-8800</option>
-										<option value="RIG_MODEL_FT817">Yaesu FT-817</option>
-										<option value="RIG_MODEL_FT100">Yaesu FT-100</option>
-										<option value="RIG_MODEL_FT857">Yaesu FT-857</option>
-										<option value="RIG_MODEL_FT897">Yaesu FT-897</option>
-										<option value="RIG_MODEL_FT1000MP">Yaesu FT-1000MP</option>
-										<option value="RIG_MODEL_FT1000MPMKVFLD">Yaesu MARK-V Field FT-1000MP</option>
-										<option value="RIG_MODEL_VR5000">Yaesu VR-5000</option>
-										<option value="RIG_MODEL_FT450">Yaesu FT-450</option>
-										<option value="RIG_MODEL_FT950">Yaesu FT-950</option>
-										<option value="RIG_MODEL_FT2000">Yaesu FT-2000</option>
-										<option value="RIG_MODEL_FT9000">Yaesu FTDX-9000</option>
-										<option value="RIG_MODEL_FT980">Yaesu FT-980</option>
-										<option value="RIG_MODEL_FTDX5000">Yaesu FTDX-5000</option>
-										<option value="RIG_MODEL_FTDX1200">Yaesu FTDX-1200</option>
-										<option value="RIG_MODEL_FT991">Yaesu FT-991</option>
-										<option value="RIG_MODEL_FT891">Yaesu FT-891</option>
-										<option value="RIG_MODEL_FTDX3000">Yaesu FTDX-3000</option>
-										<option value="RIG_MODEL_FT847UNI">Yaesu FT-847UNI</option>
-										<option value="RIG_MODEL_FT600">Yaesu FT-600</option>
-										<option value="RIG_MODEL_FTDX101D">Yaesu FTDX-101D</option>
-										<option value="RIG_MODEL_FT818">Yaesu FT-818</option>
-										<option value="RIG_MODEL_FTDX10">Yaesu FTDX-10</option>
-										<option value="RIG_MODEL_FT897D">Yaesu FT-897D</option>
-										<option value="RIG_MODEL_FTDX101MP">Yaesu FTDX-101MP</option>
-									</datalist>	<span class="input-group-text" id="basic-addon1">
-								
-								<i class="bi bi-alt" style="font-size: 1rem; color: black;"></i>
-								
-								</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol" style="width: 0.5rem">
-										<option value="NONE">NONE</option>
-										<option value="RIG">RIG</option>
-										<option value="USB">USB</option>
-										<option value="RTS">Serial RTS</option>
-										<option value="DTR-H">Serial DTR-High</option>
-										<option value="DTR-H">Serial DTR-Low</option>
-										<option value="PARALLEL">Rig PARALLEL</option>
-										<option value="MICDATA">Rig MICDATA</option>
-										<option value="CM108">Rig CM108</option>
-									</select>
-								</div>
-								<!--<hr class="m-1">-->
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-							
-							<i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
-							
-							</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport" style="width:7rem">
-										<!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
-                                 <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
-									</select> <span class="input-group-text" id="basic-addon1">Speed</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed">
-										<option value="1200">1200</option>
-										<option value="2400">2400</option>
-										<option value="4800">4800</option>
-										<option selected value="9600">9600</option>
-										<option value="14400">14400</option>
-										<option value="19200">19200</option>
-										<option value="28800">28800</option>
-										<option value="38400">38400</option>
-										<option value="57600">57600</option>
-										<option value="115200">115200</option>
-									</select>
-								</div>
-							</div>
-							
-							<!--
-							<div id="radio-control-rigctl">
-								<div class="input-group  input-group-sm mb-1">	<span class="input-group-text" id="basic-addon1">
-							<i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
-								</span>
-									<input type="text" class="form-control" placeholder="Device id" id="hamlib_deviceid_rigctl" aria-label="Device ID" aria-describedby="basic-addon1">	<span class="input-group-text" id="basic-addon1">
-							
-								<i class="bi bi-alt" style="font-size: 1rem; color: black;"></i>
-								</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol_rigctl" style="width: 0.5rem">
-										<option value="RIG">RIG</option>
-										<option value="USB">USB</option>
-										<option value="RTS">Serial RTS</option>
-										<option value="DTR-H">Serial DTR-High</option>
-										<option value="DTR-L">Serial DTR-Low</option>
-										<option value="PARALLEL">Rig PARALLEL</option>
-										<option value="MICDATA">Rig MICDATA</option>
-										<option value="CM108">Rig CM108</option>
-									</select>
-								</div>
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-							
-							<i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
-							
-							</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport_rigctl" style="width:7rem">
-										
-									</select> <span class="input-group-text" id="basic-addon1">Speed</span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed_rigctl">
-										<option value="1200">1200</option>
-										<option value="2400">2400</option>
-										<option value="4800">4800</option>
-										<option selected value="9600">9600</option>
-										<option value="14400">14400</option>
-										<option value="19200">19200</option>
-										<option value="28800">28800</option>
-										<option value="38400">38400</option>
-										<option value="57600">57600</option>
-										<option value="115200">115200</option>
-									</select>
-								</div>
-							</div>
-							-->
-							<div id="radio-control-rigctld">
-								<div class="input-group  input-group-sm mb-1">	<span class="input-group-text" id="basic-addon1">Rigctld IP</span>
-									<input type="text" class="form-control" placeholder="rigctld IP" id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1">	<span class="input-group-text" id="basic-addon1">:</span>
-									<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1">
-								</div>
-							</div>
-						</div>
-						<div class="card-footer text-muted small">Please select your radio settings. Starting the TNC saves them.</div>
-					</div>
-				</div>
-			</div>
-			<div class="row collapse multi-collapse show mt-2" id="collapseSecondRow">
-				<div class="col">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><strong>MY STATION</strong>
-						</div>
-						<div class="card-body p-2">
-							<div class="row">
-								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it">	<span class="input-group-text" id="basic-addon1">
-									
-<i class="bi bi-person-bounding-box" style="font-size: 1rem; color: black;"></i>
-									</span>
-										<input type="text" class="form-control" style="width: 5rem; text-transform:uppercase" placeholder="callsign" pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="myCallSSID">
-											<option selected value="0">0</option>
-											<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>
-										</select>
-										<button class="btn btn-sm btn-success" id="saveMyCall" type="button">
-										<i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
-											
-										</button>
-									</div>
-								</div>
-								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your gridsquare and save it">	<span class="input-group-text" id="basic-addon1">
-										<i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
-										
-										</span>
-										<input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<button class="btn btn-sm btn-success" id="saveMyGrid" type="button">
-											<i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
-											
-										</button>
-									</div>
-								</div>
-							</div>
-							<!-- end of row-->
-						</div>
-					</div>
-				</div>
-				<div class="col">
-					<div class="card text-dark mb-0">
-						<div class="card-header p-1 d-flex">
-
-							<i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
-							
-							<div class="progress w-75 ms-1 m-1">
-							<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span>
-							</div>
-						</div>
-							
-							
-							
-						</div>
-						<div class="card-body p-2 mb-1">
-							<button class="btn btn-secondary btn-sm" id="updater_channel" type="button" disabled>...</button>							
-							<button class="btn btn-secondary btn-sm" id="updater_status" type="button" disabled>...</button>
-							<button class="btn btn-secondary btn-sm" id="updater_changelog" type="button" style="display:none;">Changelog</button>
-							<button class="btn btn-primary btn-sm" id="update_and_install" type="button" style="display:none;">Install & Restart</button>
-							
-							
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="container mt-2 p-0">
-			<div class="row collapse multi-collapse" id="collapseThirdRow">
-				<div class="col-5">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
-						<button type="button" id="audioModalButton" data-bs-toggle="modal" data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
-						
-						
-						</div>
-						<div class="card-body p-2">
-							<div class="progress mb-0" style="height: 15px;">
-								<div class="progress-bar progress-bar-striped bg-primary" id="rms_level" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-								<p class="justify-content-center d-flex position-absolute w-100">RX AUDIO LEVEL - not implemented yet</p>
-								
-							</div>
-							<div class="progress mb-0" style="height: 5px;">
-								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar bg-success" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-								
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="col">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><strong>PING, CQ & BEACON</strong>
-						</div>
-						<div class="card-body p-2">
-							<div class="row">
-								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0">
-										<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall" pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station">
-											Ping
-										</button>
-										
-										<button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station">
-											<i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i>
-										</button>
-
-										<button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station">
-											<i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i>
-										</button>
-
-
-											
-									</div>
-								</div>
-								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
-										<button class="btn btn-sm btn-success" id="sendCQ" type="button">CQ CQ</button>
-									</div>
-								</div>
-								<div class="col-md-auto">
-									<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
-										<button type="button" id="startBeacon" class="btn btn-sm btn-success">
-											<i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i>
-										</button>
-										<div class="input-group-text p-1">Beacon</div>
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
-											<option value="5">5s</option>
-											<option selected value="10">10s</option>
-											<option value="15">15s</option>
-											<option value="30">30s</option>
-											<option value="45">45s</option>
-											<option value="60">60s</option>
-											<option value="90">90s</option>
-											<option value="120">2min</option>
-											<option value="300">5min</option>
-											<option value="600">10min</option>
-											<option value="900">15min</option>
-											<option value="1800">30min</option>
-											<option value="3600">60min</option>
-										</select>
-										<button type="button" id="stopBeacon" class="btn btn-sm btn-danger">
-											<i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i>
-											
-										</button>
-									</div>
-								</div>
-							</div>
-							<!-- end of row-->
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="row collapse multi-collapse" id="collapseFourthRow">
-				<div class="col-5">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1">
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch1" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong>WATERFALL</strong>
-								</label>
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong>SCATTER</strong>
-								</label>
-							</div>
-							<button class="btn btn-sm btn-secondary" id="channel_busy" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
-						</div>
-						<div class="card-body p-1" style="height: 200px">
-						
-						    <!-- TEST FOR WATERFALL OVERLAY
-						    <div class="opacity-100 w-100 h-100 p-0 m-0 position-absolute" style="height: 190px;z-index: 10">
-                                  <div class="row m-0 p-0 w-100 h-100">
-                                    <div class="col m-0 p-0 col-3 ">
-                                      -
-                                    </div>
-                                    <div class="col border border-danger m-0 p-0 col-2">
-                                      1800Hz
-                                    </div>
-                                    <div class="col border border-danger m-0 p-0" style="width: 190px;">
-                                      500Hz
-                                    </div>
-                                    <div class="col border border-danger m-0 p-0 col-2">
-                                      -
-                                    </div>
-                                    <div class="col m-0 p-0 col-3">
-                                      -
-                                    </div>
-                                  </div>
-						    </div>
-						    -->
-						
-							<!--278px-->
-							<canvas id="waterfall" style="position: relative; z-index: 2;"></canvas>
-							<canvas id="scatter" style="position: relative; z-index: 1;"></canvas>
-						
-						
-						    
-						
-						
-						
-						
-						</div>
-						
-						
-						
-						
-					</div>
-				</div>
-				<div class="col">
-					<div class="card text-dark mb-1" style="height: 240px">
-						<!--325px-->
-						<div class="card-header p-1">
-						<i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i>
-							<strong> HEARD STATIONS</strong>
-						</div>
-						<div class="card-body p-0">
-							<!-- START OF TABLE FOR HEARD STATIONS -->
-							<table class="table table-sm">
-								<thead>
-									<tr>
-										<th scope="col">Time</th>
-										<th scope="col">Frequency</th>
-										<th scope="col">DXCall</th>
-										<th scope="col">DXGrid</th>
-										<th scope="col">Distance</th>
-										<th scope="col">Type</th>
-										<th scope="col">SNR</th>
-										<th scope="col">Off</th>
-									</tr>
-								</thead>
-								<tbody id="heardstations">
-									<!--
+                           <select class="form-select form-select-sm" id="audio_output_selectbox" aria-label=".form-select-sm"></select>
+                        </div>
+                     </div>
+                     <div class="card-footer text-muted small">Please select audio device for RX and TX</div>
+                  </div>
+               </div>
+               <div class="col">
+                  <div class="card text-dark mb-0">
+                     <div class="card-header p-1">
+                        <i class="bi bi-projector" style="font-size: 1rem; color: black;"></i><strong>RADIO</strong>
+                        <div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
+                           <input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch0" autocomplete="off" checked>
+                           <label class="btn btn-sm btn-outline-secondary" for="radio-control-switch0">
+                           <i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i>
+                           </label>
+                           <input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch1" autocomplete="off" checked>
+                           <label class="btn btn-sm btn-outline-secondary" for="radio-control-switch1"><strong>direct</strong>
+                           </label>
+                           <!--
+                              <input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch2" autocomplete="off">
+                              
+                              <label class="btn btn-sm btn-outline-secondary" for="radio-control-switch2"><strong>rigctl</strong>
+                              </label>
+                              -->
+                           <input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch3" autocomplete="off">
+                           <label class="btn btn-sm btn-outline-secondary" for="radio-control-switch3"><strong><i class="bi bi-ethernet"></i></strong>
+                           </label>
+                        </div>
+                        <div class="btn-group" role="group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Set advanced hamlib settings like stop_bits and data_bits or a different port for a PTT device">
+                           <button type="button" id="advancedHamlibSettingsButton" data-bs-toggle="modal" data-bs-target="#advancedHamlibSettingsModal" class="btn btn-sm btn-secondary">
+                           <i class="bi bi-sliders" style="font-size: 0.8rem; color: black;"></i>
+                           </button>
+                        </div>
+                        <div class="btn-group" role="group">
+                           <button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT Test</button>
+                        </div>
+                     </div>
+                     <div class="card-body p-2">
+                        <div id="radio-control-direct">
+                           <div class="input-group  input-group-sm mb-1">
+                              <span class="input-group-text" id="basic-addon1">
+                              <i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
+                              </span>
+                              <input class="form-control" list="datalistOptions" id="hamlib_deviceid" placeholder="Search radio..." style="width:7rem">
+                              <datalist id="datalistOptions">
+                                 <option value="RIG_MODEL_ADT_200A">ADAT www.adat.ch ADT-200A</option>
+                                 <option value="RIG_MODEL_DX77">Alinco DX-77</option>
+                                 <option value="RIG_MODEL_DXSR8">Alinco DX-SR8</option>
+                                 <option value="RIG_MODEL_DDS60">AmQRPDDS-60</option>
+                                 <option value="RIG_MODEL_FUNCUBEDONGLE">AMSAT-UK FUNcube Dongle</option>
+                                 <option value="RIG_MODEL_SI570PEABERRY1">AE9RBSi570 Peaberry V1</option>
+                                 <option value="RIG_MODEL_SI570PEABERRY2">AE9RBSi570 Peaberry V2</option>
+                                 <option value="RIG_MODEL_FUNCUBEDONGLEPLUS">AMSAT-UK FUNcube Dongle Pro+</option>
+                                 <option value="RIG_MODEL_AR8200">AOR AR8200</option>
+                                 <option value="RIG_MODEL_AR8000">AOR AR8000</option>
+                                 <option value="RIG_MODEL_AR7030">AOR AR7030</option>
+                                 <option value="RIG_MODEL_AR5000">AOR AR5000</option>
+                                 <option value="RIG_MODEL_AR3030">AOR AR3030</option>
+                                 <option value="RIG_MODEL_AR3000A">AOR AR3000A</option>
+                                 <option value="RIG_MODEL_AR2700">AOR AR2700</option>
+                                 <option value="RIG_MODEL_AR8600">AOR AR8600</option>
+                                 <option value="RIG_MODEL_AR5000A">AOR AR5000A</option>
+                                 <option value="RIG_MODEL_AR7030P">AOR AR7030 Plus</option>
+                                 <option value="RIG_MODEL_SR2200">AOR SR2200</option>
+                                 <option value="RIG_MODEL_BARRETT_2050">Barrett2050</option>
+                                 <option value="RIG_MODEL_BARRETT_950">Barrett950</option>
+                                 <option value="RIG_MODEL_DWT">Coding TechnologiesDigital World Travelle</option>
+                                 <option value="RIG_MODEL_DORJI_DRA818V">DorjiDRA818V</option>
+                                 <option value="RIG_MODEL_DORJI_DRA818U">DorjiDRA818U</option>
+                                 <option value="RIG_MODEL_DKR8A">DrakeR-8A</option>
+                                 <option value="RIG_MODEL_DKR8B">DrakeR-8B</option>
+                                 <option value="RIG_MODEL_DTTSP">DTTS Microwave Society DttSP IPC</option>
+                                 <option value="RIG_MODEL_DTTSP_UDP">DTTS Microwave Society DttSP UDP</option>
+                                 <option value="RIG_MODEL_ELAD_FDM_DUO">ELAD FDM-DUO</option>
+                                 <option value="RIG_MODEL_K2">Elecraft K2</option>
+                                 <option value="RIG_MODEL_K3">Elecraft K3</option>
+                                 <option value="RIG_MODEL_K4">Elecraft K4</option>
+                                 <option value="RIG_MODEL_XG3">Elecraft XG3</option>
+                                 <option value="RIG_MODEL_K3S">Elecraft K3S</option>
+                                 <option value="RIG_MODEL_KX2">Elecraft KX2</option>
+                                 <option value="RIG_MODEL_KX3">Elecraft KX3</option>
+                                 <option value="RIG_MODEL_ELEKTOR304">ElektorElektor 3/04</option>
+                                 <option value="RIG_MODEL_ELEKTOR507">ElektorElektor SDR-USB</option>
+                                 <option value="RIG_MODEL_FIFISDR">FiFi FiFi-SDR</option>
+                                 <option value="RIG_MODEL_POWERSDR">FlexRadio/ANAN PowerSDR/Thetis</option>
+                                 <option value="RIG_MODEL_F6K">FlexRadio6xxx</option>
+                                 <option value="RIG_MODEL_SDR1000">Flex-radio SDR-1000</option>
+                                 <option value="RIG_MODEL_FLRIG">FLRigFLRig</option>
+                                 <option value="RIG_MODEL_FASDR">FunkamateurFA-SDR</option>
+                                 <option value="RIG_MODEL_DUMMY">Hamlib Dummy</option>
+                                 <option value="RIG_MODEL_DUMMY_NOVFO">Hamlib Dummy No VFO</option>
+                                 <option value="RIG_MODEL_NETRIGCTL">Hamlib NET rigctl</option>
+                                 <option value="RIG_MODEL_RSHFIQ">HobbyPCB RS-HFIQ</option>
+                                 <option value="RIG_MODEL_PT8000A">Hilberling PT-8000A</option>
+                                 <option value="RIG_MODEL_IC1275">Icom IC-1275</option>
+                                 <option value="RIG_MODEL_IC271">Icom IC-271</option>
+                                 <option value="RIG_MODEL_IC275">Icom IC-275</option>
+                                 <option value="RIG_MODEL_IC471">Icom IC-471</option>
+                                 <option value="RIG_MODEL_IC475">Icom IC-475</option>
+                                 <option value="RIG_MODEL_IC575">Icom IC-575</option>
+                                 <option value="RIG_MODEL_IC706">Icom IC-706</option>
+                                 <option value="RIG_MODEL_IC706MKII">Icom IC-706MkII</option>
+                                 <option value="RIG_MODEL_IC706MKIIG">Icom IC-706MkIIG</option>
+                                 <option value="RIG_MODEL_IC707">Icom IC-707</option>
+                                 <option value="RIG_MODEL_IC718">Icom IC-718</option>
+                                 <option value="RIG_MODEL_IC725">Icom IC-725</option>
+                                 <option value="RIG_MODEL_IC726">Icom IC-726</option>
+                                 <option value="RIG_MODEL_IC728">Icom IC-728</option>
+                                 <option value="RIG_MODEL_IC729">Icom IC-729</option>
+                                 <option value="RIG_MODEL_IC735">Icom IC-735</option>
+                                 <option value="RIG_MODEL_IC736">Icom IC-736</option>
+                                 <option value="RIG_MODEL_IC737">Icom IC-737</option>
+                                 <option value="RIG_MODEL_IC738">Icom IC-738</option>
+                                 <option value="RIG_MODEL_IC746">Icom IC-746</option>
+                                 <option value="RIG_MODEL_IC751">Icom IC-751</option>
+                                 <option value="RIG_MODEL_IC756">Icom IC-756</option>
+                                 <option value="RIG_MODEL_IC756PRO">Icom IC-756PRO</option>
+                                 <option value="RIG_MODEL_IC761">Icom IC-761</option>
+                                 <option value="RIG_MODEL_IC765">Icom IC-765</option>
+                                 <option value="RIG_MODEL_IC775">Icom IC-775</option>
+                                 <option value="RIG_MODEL_IC781">Icom IC-781</option>
+                                 <option value="RIG_MODEL_IC820">Icom IC-820H</option>
+                                 <option value="RIG_MODEL_IC821H">Icom IC-821H</option>
+                                 <option value="RIG_MODEL_IC970">Icom IC-970</option>
+                                 <option value="RIG_MODEL_ICR10">Icom IC-R10</option>
+                                 <option value="RIG_MODEL_ICR71">Icom IC-R71</option>
+                                 <option value="RIG_MODEL_ICR72">Icom IC-R72</option>
+                                 <option value="RIG_MODEL_ICR75">Icom IC-R75</option>
+                                 <option value="RIG_MODEL_ICR7000">Icom IC-R7000</option>
+                                 <option value="RIG_MODEL_ICR7100">Icom IC-R7100</option>
+                                 <option value="RIG_MODEL_ICR8500">Icom ICR-8500</option>
+                                 <option value="RIG_MODEL_ICR9000">Icom IC-R9000</option>
+                                 <option value="RIG_MODEL_IC910">Icom IC-910</option>
+                                 <option value="RIG_MODEL_IC78">Icom IC-78</option>
+                                 <option value="RIG_MODEL_IC746PRO">Icom IC-746PRO</option>
+                                 <option value="RIG_MODEL_IC756PROII">Icom IC-756PROII</option>
+                                 <option value="RIG_MODEL_ICID1">Icom IC ID-1</option>
+                                 <option value="RIG_MODEL_IC703">Icom IC-703</option>
+                                 <option value="RIG_MODEL_IC7800">Icom IC-7800</option>
+                                 <option value="RIG_MODEL_IC756PROIII">Icom IC-756PROIII</option>
+                                 <option value="RIG_MODEL_ICR20">Icom IC-R20</option>
+                                 <option value="RIG_MODEL_IC7000">Icom IC-7000</option>
+                                 <option value="RIG_MODEL_IC7200">Icom IC-7200</option>
+                                 <option value="RIG_MODEL_IC7700">Icom IC-7700</option>
+                                 <option value="RIG_MODEL_IC7600">Icom IC-7600</option>
+                                 <option value="RIG_MODEL_DELTAII">Ten-TecDelta II</option>
+                                 <option value="RIG_MODEL_IC92D">Icom IC-92D</option>
+                                 <option value="RIG_MODEL_ICR9500">Icom IC-R9500</option>
+                                 <option value="RIG_MODEL_IC7410">Icom IC-7410</option>
+                                 <option value="RIG_MODEL_IC9100">Icom IC-9100</option>
+                                 <option value="RIG_MODEL_ICRX7">Icom IC-RX7</option>
+                                 <option value="RIG_MODEL_IC7100">Icom IC-7100</option>
+                                 <option value="RIG_MODEL_ID5100">Icom ID-5100</option>
+                                 <option value="RIG_MODEL_IC2730">Icom IC-2730</option>
+                                 <option value="RIG_MODEL_IC7300">Icom IC-7300</option>
+                                 <option value="RIG_MODEL_IC_M700PRO">Icom IC-M700PRO</option>
+                                 <option value="RIG_MODEL_IC_M802">Icom IC-M802</option>
+                                 <option value="RIG_MODEL_IC_M710">Icom IC-M710</option>
+                                 <option value="RIG_MODEL_IC_M803">Icom IC-M803</option>
+                                 <option value="RIG_MODEL_PERSEUS">Microtelecom Perseus</option>
+                                 <option value="RIG_MODEL_IC785x">Icom IC-785x</option>
+                                 <option value="RIG_MODEL_X108G">XeiguX108G</option>
+                                 <option value="RIG_MODEL_ICR6">Icom IC-R6</option>
+                                 <option value="RIG_MODEL_IC7610">Icom IC-7610</option>
+                                 <option value="RIG_MODEL_ICR8600">Icom IC-R8600</option>
+                                 <option value="RIG_MODEL_ICR30">Icom IC-R30</option>
+                                 <option value="RIG_MODEL_IC9700">Icom IC-9700</option>
+                                 <option value="RIG_MODEL_ID4100">Icom ID-4100</option>
+                                 <option value="RIG_MODEL_ID31">Icom ID-31</option>
+                                 <option value="RIG_MODEL_ID51">Icom ID-51</option>
+                                 <option value="RIG_MODEL_IC705">Icom IC-705</option>
+                                 <option value="RIG_MODEL_PCR1000">Icom IC-PCR1000</option>
+                                 <option value="RIG_MODEL_PCR100">Icom IC-PCR100</option>
+                                 <option value="RIG_MODEL_PCR1500">Icom IC-PCR1500</option>
+                                 <option value="RIG_MODEL_PCR2500">Icom IC-PCR2500</option>
+                                 <option value="RIG_MODEL_NRD525">JRCNRD-525</option>
+                                 <option value="RIG_MODEL_NRD535">JRCNRD-535D</option>
+                                 <option value="RIG_MODEL_NRD545">JRCNRD-545 DSP</option>
+                                 <option value="RIG_MODEL_505DSP">Kachina505DSP</option>
+                                 <option value="RIG_MODEL_SI570PICUSB">KTH-SDR kitSi570 PIC-USB</option>
+                                 <option value="RIG_MODEL_TS50">KenwoodTS-50S</option>
+                                 <option value="RIG_MODEL_TS440">KenwoodTS-440S</option>
+                                 <option value="RIG_MODEL_TS450S">KenwoodTS-450S</option>
+                                 <option value="RIG_MODEL_TS570D">KenwoodTS-570D</option>
+                                 <option value="RIG_MODEL_TS690S">KenwoodTS-690S</option>
+                                 <option value="RIG_MODEL_TS711">KenwoodTS-711</option>
+                                 <option value="RIG_MODEL_TS790">KenwoodTS-790</option>
+                                 <option value="RIG_MODEL_TS811">KenwoodTS-811</option>
+                                 <option value="RIG_MODEL_TS850">KenwoodTS-850</option>
+                                 <option value="RIG_MODEL_TS870S">KenwoodTS-870S</option>
+                                 <option value="RIG_MODEL_TS940">KenwoodTS-940S</option>
+                                 <option value="RIG_MODEL_TS950S">KenwoodTS-950S</option>
+                                 <option value="RIG_MODEL_TS950SDX">KenwoodTS-950SDX</option>
+                                 <option value="RIG_MODEL_TS2000">KenwoodTS-2000</option>
+                                 <option value="RIG_MODEL_R5000">KenwoodR-5000</option>
+                                 <option value="RIG_MODEL_TS570S">KenwoodTS-570S</option>
+                                 <option value="RIG_MODEL_THD7A">KenwoodTH-D7A</option>
+                                 <option value="RIG_MODEL_THF6A">KenwoodTH-F6A</option>
+                                 <option value="RIG_MODEL_THF7E">KenwoodTH-F7E</option>
+                                 <option value="RIG_MODEL_TS930">KenwoodTS-930</option>
+                                 <option value="RIG_MODEL_THG71">KenwoodTH-G71</option>
+                                 <option value="RIG_MODEL_TS680S">KenwoodTS-680S</option>
+                                 <option value="RIG_MODEL_TS140S">KenwoodTS-140S</option>
+                                 <option value="RIG_MODEL_TMD700">KenwoodTM-D700</option>
+                                 <option value="RIG_MODEL_TMV7">KenwoodTM-V7</option>
+                                 <option value="RIG_MODEL_TS480">KenwoodTS-480</option>
+                                 <option value="RIG_MODEL_TRC80">KenwoodTRC-80</option>
+                                 <option value="RIG_MODEL_TS590S">KenwoodTS-590S</option>
+                                 <option value="RIG_MODEL_TRANSFOX">SigFox Transfox</option>
+                                 <option value="RIG_MODEL_THD72A">KenwoodTH-D72A</option>
+                                 <option value="RIG_MODEL_TMD710">KenwoodTM-D710(G)</option>
+                                 <option value="RIG_MODEL_TS590SG">KenwoodTS-590SG</option>
+                                 <option value="RIG_MODEL_TS990S">KenwoodTS-990s</option>
+                                 <option value="RIG_MODEL_TS890S">KenwoodTS-890S</option>
+                                 <option value="RIG_MODEL_THD74">KenwoodTH-D74</option>
+                                 <option value="RIG_MODEL_HF235">Lowe HF-235</option>
+                                 <option value="RIG_MODEL_MALACHITE">MalachiteDSP</option>
+                                 <option value="RIG_MODEL_MINIVNA">mRSminiVNA</option>
+                                 <option value="RIG_MODEL_HIQSDR">N2ADRHiQSDR</option>
+                                 <option value="RIG_MODEL_OS535">OptoelectronicsOptoScan535</option>
+                                 <option value="RIG_MODEL_OS456">OptoelectronicsOptoScan456</option>
+                                 <option value="RIG_MODEL_HPSDR">OpenHPSDRPiHPSDR</option>
+                                 <option value="RIG_MODEL_PRM8060">Philips/Simoco PRM8060</option>
+                                 <option value="RIG_MODEL_RA6790">RacalRA6790/GM</option>
+                                 <option value="RIG_MODEL_RA3702">RacalRA3702</option>
+                                 <option value="RIG_MODEL_EKD500">RFTEKD-500</option>
+                                 <option value="RIG_MODEL_ESMC">Rohde&SchwarzESMC</option>
+                                 <option value="RIG_MODEL_EB200">Rohde&SchwarzEB200</option>
+                                 <option value="RIG_MODEL_XK2100">Rohde&SchwarzXK2100</option>
+                                 <option value="RIG_MODEL_TRP8000">Skanti TRP8000</option>
+                                 <option value="RIG_MODEL_TRP8255">Skanti TRP 8255 S R</option>
+                                 <option value="RIG_MODEL_DRT1">SAT-SchneiderDRT1</option>
+                                 <option value="RIG_MODEL_SI570AVRUSB">SoftRock Si570 AVR-USB</option>
+                                 <option value="RIG_MODEL_OMNIVIP">Ten-TecOmni VI Plus</option>
+                                 <option value="RIG_MODEL_TT550">Ten-TecTT-550</option>
+                                 <option value="RIG_MODEL_TT538">Ten-TecTT-538 Jupiter</option>
+                                 <option value="RIG_MODEL_RX320">Ten-TecRX-320</option>
+                                 <option value="RIG_MODEL_RX340">Ten-TecRX-340</option>
+                                 <option value="RIG_MODEL_RX350">Ten-TecRX-350</option>
+                                 <option value="RIG_MODEL_TT516">Ten-TecTT-516 Argonaut V</option>
+                                 <option value="RIG_MODEL_TT565">Ten-TecTT-565 Orion</option>
+                                 <option value="RIG_MODEL_TT585">Ten-TecTT-585 Paragon</option>
+                                 <option value="RIG_MODEL_TT588">Ten-TecTT-588 Omni VII</option>
+                                 <option value="RIG_MODEL_RX331">Ten-TecRX-331</option>
+                                 <option value="RIG_MODEL_TT599">Ten-TecTT-599 Eagle</option>
+                                 <option value="RIG_MODEL_DSP10">TAPR DSP-10</option>
+                                 <option value="RIG_MODEL_TRXMANAGER_RIG">TRXManager 5.7.630+</option>
+                                 <option value="RIG_MODEL_BC780">Uniden BC780xlt</option>
+                                 <option value="RIG_MODEL_BC245">Uniden BC245xlt</option>
+                                 <option value="RIG_MODEL_BC895">Uniden BC895xlt</option>
+                                 <option value="RIG_MODEL_PRO2052">Radio ShackPRO-2052</option>
+                                 <option value="RIG_MODEL_BC250">Uniden BC250D</option>
+                                 <option value="RIG_MODEL_BCD396T">Uniden BCD-396T</option>
+                                 <option value="RIG_MODEL_BCD996T">Uniden BCD-996T</option>
+                                 <option value="RIG_MODEL_BC898">Uniden BC898T</option>
+                                 <option value="RIG_MODEL_VX1700">Vertex StandardVX-1700</option>
+                                 <option value="RIG_MODEL_V4L">Video4LinuxSW/FM radio</option>
+                                 <option value="RIG_MODEL_V4L2">Video4Linux2 SW/FM radio</option>
+                                 <option value="RIG_MODEL_WJ8888">Watkins-JohnsonWJ-8888</option>
+                                 <option value="RIG_MODEL_WR1000">Winradio WR-1000</option>
+                                 <option value="RIG_MODEL_WR1500">Winradio WR-1500</option>
+                                 <option value="RIG_MODEL_WR1550">Winradio WR-1550</option>
+                                 <option value="RIG_MODEL_WR3100">Winradio WR-3100</option>
+                                 <option value="RIG_MODEL_WR3150">Winradio WR-3150</option>
+                                 <option value="RIG_MODEL_WR3500">Winradio WR-3500</option>
+                                 <option value="RIG_MODEL_WR3700">Winradio WR-3700</option>
+                                 <option value="RIG_MODEL_G313">Winradio WR-G313</option>
+                                 <option value="RIG_MODEL_FT847">Yaesu FT-847</option>
+                                 <option value="RIG_MODEL_FT1000D">Yaesu FT-1000D</option>
+                                 <option value="RIG_MODEL_FT1000MPMKV">YaesuMARK-V FT-1000MP</option>
+                                 <option value="RIG_MODEL_FT747">Yaesu FT-747GX</option>
+                                 <option value="RIG_MODEL_FT757">Yaesu FT-757GX</option>
+                                 <option value="RIG_MODEL_FT757GXII">Yaesu FT-757GXII</option>
+                                 <option value="RIG_MODEL_FT767">Yaesu FT-767GX</option>
+                                 <option value="RIG_MODEL_FT736R">Yaesu FT-736R</option>
+                                 <option value="RIG_MODEL_FT840">Yaesu FT-840</option>
+                                 <option value="RIG_MODEL_FT900">Yaesu FT-900</option>
+                                 <option value="RIG_MODEL_FT920">Yaesu FT-920</option>
+                                 <option value="RIG_MODEL_FT890">Yaesu FT-890</option>
+                                 <option value="RIG_MODEL_FT990">Yaesu FT-990</option>
+                                 <option value="RIG_MODEL_FRG100">Yaesu FRG-100</option>
+                                 <option value="RIG_MODEL_FRG9600">Yaesu FRG-9600</option>
+                                 <option value="RIG_MODEL_FRG8800">Yaesu FRG-8800</option>
+                                 <option value="RIG_MODEL_FT817">Yaesu FT-817</option>
+                                 <option value="RIG_MODEL_FT100">Yaesu FT-100</option>
+                                 <option value="RIG_MODEL_FT857">Yaesu FT-857</option>
+                                 <option value="RIG_MODEL_FT897">Yaesu FT-897</option>
+                                 <option value="RIG_MODEL_FT1000MP">Yaesu FT-1000MP</option>
+                                 <option value="RIG_MODEL_FT1000MPMKVFLD">Yaesu MARK-V Field FT-1000MP</option>
+                                 <option value="RIG_MODEL_VR5000">Yaesu VR-5000</option>
+                                 <option value="RIG_MODEL_FT450">Yaesu FT-450</option>
+                                 <option value="RIG_MODEL_FT950">Yaesu FT-950</option>
+                                 <option value="RIG_MODEL_FT2000">Yaesu FT-2000</option>
+                                 <option value="RIG_MODEL_FT9000">Yaesu FTDX-9000</option>
+                                 <option value="RIG_MODEL_FT980">Yaesu FT-980</option>
+                                 <option value="RIG_MODEL_FTDX5000">Yaesu FTDX-5000</option>
+                                 <option value="RIG_MODEL_FTDX1200">Yaesu FTDX-1200</option>
+                                 <option value="RIG_MODEL_FT991">Yaesu FT-991</option>
+                                 <option value="RIG_MODEL_FT891">Yaesu FT-891</option>
+                                 <option value="RIG_MODEL_FTDX3000">Yaesu FTDX-3000</option>
+                                 <option value="RIG_MODEL_FT847UNI">Yaesu FT-847UNI</option>
+                                 <option value="RIG_MODEL_FT600">Yaesu FT-600</option>
+                                 <option value="RIG_MODEL_FTDX101D">Yaesu FTDX-101D</option>
+                                 <option value="RIG_MODEL_FT818">Yaesu FT-818</option>
+                                 <option value="RIG_MODEL_FTDX10">Yaesu FTDX-10</option>
+                                 <option value="RIG_MODEL_FT897D">Yaesu FT-897D</option>
+                                 <option value="RIG_MODEL_FTDX101MP">Yaesu FTDX-101MP</option>
+                              </datalist>
+                              <span class="input-group-text" id="basic-addon1">
+                              <i class="bi bi-alt" style="font-size: 1rem; color: black;"></i>
+                              </span>
+                              <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol" style="width: 0.5rem">
+                                 <option value="NONE">NONE</option>
+                                 <option value="RIG">RIG</option>
+                                 <option value="USB">USB</option>
+                                 <option value="RTS">Serial RTS</option>
+                                 <option value="DTR-H">Serial DTR-High</option>
+                                 <option value="DTR-H">Serial DTR-Low</option>
+                                 <option value="PARALLEL">Rig PARALLEL</option>
+                                 <option value="MICDATA">Rig MICDATA</option>
+                                 <option value="CM108">Rig CM108</option>
+                              </select>
+                           </div>
+                           <!--<hr class="m-1">-->
+                           <div class="input-group  input-group-sm mb-1">
+                              <span class="input-group-text" id="basic-addon1">
+                              <i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
+                              </span>
+                              <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport" style="width:7rem">
+                                 <!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
+                                    <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
+                              </select>
+                              <span class="input-group-text" id="basic-addon1">Speed</span>
+                              <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed">
+                                 <option value="1200">1200</option>
+                                 <option value="2400">2400</option>
+                                 <option value="4800">4800</option>
+                                 <option selected value="9600">9600</option>
+                                 <option value="14400">14400</option>
+                                 <option value="19200">19200</option>
+                                 <option value="28800">28800</option>
+                                 <option value="38400">38400</option>
+                                 <option value="57600">57600</option>
+                                 <option value="115200">115200</option>
+                              </select>
+                           </div>
+                        </div>
+                        <!--
+                           <div id="radio-control-rigctl">
+                           	<div class="input-group  input-group-sm mb-1">	<span class="input-group-text" id="basic-addon1">
+                           <i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
+                           	</span>
+                           		<input type="text" class="form-control" placeholder="Device id" id="hamlib_deviceid_rigctl" aria-label="Device ID" aria-describedby="basic-addon1">	<span class="input-group-text" id="basic-addon1">
+                           
+                           	<i class="bi bi-alt" style="font-size: 1rem; color: black;"></i>
+                           	</span>
+                           		<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol_rigctl" style="width: 0.5rem">
+                           			<option value="RIG">RIG</option>
+                           			<option value="USB">USB</option>
+                           			<option value="RTS">Serial RTS</option>
+                           			<option value="DTR-H">Serial DTR-High</option>
+                           			<option value="DTR-L">Serial DTR-Low</option>
+                           			<option value="PARALLEL">Rig PARALLEL</option>
+                           			<option value="MICDATA">Rig MICDATA</option>
+                           			<option value="CM108">Rig CM108</option>
+                           		</select>
+                           	</div>
+                           	<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
+                           
+                           <i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
+                           
+                           </span>
+                           		<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport_rigctl" style="width:7rem">
+                           			
+                           		</select> <span class="input-group-text" id="basic-addon1">Speed</span>
+                           		<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed_rigctl">
+                           			<option value="1200">1200</option>
+                           			<option value="2400">2400</option>
+                           			<option value="4800">4800</option>
+                           			<option selected value="9600">9600</option>
+                           			<option value="14400">14400</option>
+                           			<option value="19200">19200</option>
+                           			<option value="28800">28800</option>
+                           			<option value="38400">38400</option>
+                           			<option value="57600">57600</option>
+                           			<option value="115200">115200</option>
+                           		</select>
+                           	</div>
+                           </div>
+                           -->
+                        <div id="radio-control-rigctld">
+                           <div class="input-group  input-group-sm mb-1">	<span class="input-group-text" id="basic-addon1">Rigctld IP</span>
+                              <input type="text" class="form-control" placeholder="rigctld IP" id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1">	<span class="input-group-text" id="basic-addon1">:</span>
+                              <input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1">
+                           </div>
+                        </div>
+                     </div>
+                     <div class="card-footer text-muted small">Please select your radio settings. Starting the TNC saves them.</div>
+                  </div>
+               </div>
+            </div>
+            <div class="row collapse multi-collapse show mt-2" id="collapseSecondRow">
+               <div class="col">
+                  <div class="card text-dark mb-1">
+                     <div class="card-header p-1"><strong>MY STATION</strong>
+                     </div>
+                     <div class="card-body p-2">
+                        <div class="row">
+                           <div class="col-md-auto">
+                              <div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it">
+                                 <span class="input-group-text" id="basic-addon1">
+                                 <i class="bi bi-person-bounding-box" style="font-size: 1rem; color: black;"></i>
+                                 </span>
+                                 <input type="text" class="form-control" style="width: 5rem; text-transform:uppercase" placeholder="callsign" pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group" aria-describedby="btnGroupAddon">
+                                 <select class="form-select form-select-sm" aria-label=".form-select-sm" id="myCallSSID">
+                                    <option selected value="0">0</option>
+                                    <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>
+                                 </select>
+                                 <button class="btn btn-sm btn-success" id="saveMyCall" type="button">
+                                 <i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
+                                 </button>
+                              </div>
+                           </div>
+                           <div class="col-md-auto">
+                              <div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your gridsquare and save it">	<span class="input-group-text" id="basic-addon1">
+                                 <i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
+                                 </span>
+                                 <input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group" aria-describedby="btnGroupAddon">
+                                 <button class="btn btn-sm btn-success" id="saveMyGrid" type="button">
+                                 <i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
+                                 </button>
+                              </div>
+                           </div>
+                        </div>
+                        <!-- end of row-->
+                     </div>
+                  </div>
+               </div>
+               <div class="col">
+                  <div class="card text-dark mb-0">
+                     <div class="card-header p-1 d-flex">
+                        <i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
+                        <div class="progress w-75 ms-1 m-1">
+                           <div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span>
+                           </div>
+                        </div>
+                     </div>
+                     <div class="card-body p-2 mb-1">
+                        <button class="btn btn-secondary btn-sm" id="updater_channel" type="button" disabled>...</button>							
+                        <button class="btn btn-secondary btn-sm" id="updater_status" type="button" disabled>...</button>
+                        <button class="btn btn-secondary btn-sm" id="updater_changelog" type="button" style="display:none;">Changelog</button>
+                        <button class="btn btn-primary btn-sm" id="update_and_install" type="button" style="display:none;">Install & Restart</button>
+                     </div>
+                  </div>
+               </div>
+            </div>
+         </div>
+         <div class="container mt-2 p-0">
+            <div class="row collapse multi-collapse" id="collapseThirdRow">
+               <div class="col-5">
+                  <div class="card text-dark mb-1">
+                     <div class="card-header p-1"><i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
+                        <button type="button" id="audioModalButton" data-bs-toggle="modal" data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
+                     </div>
+                     <div class="card-body p-2">
+                        <div class="progress mb-0" style="height: 15px;">
+                           <div class="progress-bar progress-bar-striped bg-primary" id="rms_level" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+                           <p class="justify-content-center d-flex position-absolute w-100">RX AUDIO LEVEL - not implemented yet</p>
+                        </div>
+                        <div class="progress mb-0" style="height: 5px;">
+                           <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
+                           <div class="progress-bar bg-success" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
+                           <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
+                        </div>
+                     </div>
+                  </div>
+               </div>
+               <div class="col">
+                  <div class="card text-dark mb-1">
+                     <div class="card-header p-1"><strong>PING, CQ & BEACON</strong>
+                     </div>
+                     <div class="card-body p-2">
+                        <div class="row">
+                           <div class="col-md-auto">
+                              <div class="input-group input-group-sm mb-0">
+                                 <input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall" pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
+                                 <button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station">
+                                 Ping
+                                 </button>
+                                 <button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station">
+                                 <i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i>
+                                 </button>
+                                 <button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station">
+                                 <i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i>
+                                 </button>
+                              </div>
+                           </div>
+                           <div class="col-md-auto">
+                              <div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
+                                 <button class="btn btn-sm btn-success" id="sendCQ" type="button">CQ CQ</button>
+                              </div>
+                           </div>
+                           <div class="col-md-auto">
+                              <div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
+                                 <button type="button" id="startBeacon" class="btn btn-sm btn-success">
+                                 <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i>
+                                 </button>
+                                 <div class="input-group-text p-1">Beacon</div>
+                                 <select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
+                                    <option value="5">5s</option>
+                                    <option selected value="10">10s</option>
+                                    <option value="15">15s</option>
+                                    <option value="30">30s</option>
+                                    <option value="45">45s</option>
+                                    <option value="60">60s</option>
+                                    <option value="90">90s</option>
+                                    <option value="120">2min</option>
+                                    <option value="300">5min</option>
+                                    <option value="600">10min</option>
+                                    <option value="900">15min</option>
+                                    <option value="1800">30min</option>
+                                    <option value="3600">60min</option>
+                                 </select>
+                                 <button type="button" id="stopBeacon" class="btn btn-sm btn-danger">
+                                 <i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i>
+                                 </button>
+                              </div>
+                           </div>
+                        </div>
+                        <!-- end of row-->
+                     </div>
+                  </div>
+               </div>
+            </div>
+            <div class="row collapse multi-collapse" id="collapseFourthRow">
+               <div class="col-5">
+                  <div class="card text-dark mb-1">
+                     <div class="card-header p-1">
+                        <div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
+                           <input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch1" autocomplete="off" checked>
+                           <label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong>WATERFALL</strong>
+                           </label>
+                           <input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
+                           <label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong>SCATTER</strong>
+                           </label>
+                        </div>
+                        <button class="btn btn-sm btn-secondary" id="channel_busy" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
+                     </div>
+                     <div class="card-body p-1" style="height: 200px">
+                        <!-- TEST FOR WATERFALL OVERLAY
+                           <div class="opacity-100 w-100 h-100 p-0 m-0 position-absolute" style="height: 190px;z-index: 10">
+                                                   <div class="row m-0 p-0 w-100 h-100">
+                                                     <div class="col m-0 p-0 col-3 ">
+                                                       -
+                                                     </div>
+                                                     <div class="col border border-danger m-0 p-0 col-2">
+                                                       1800Hz
+                                                     </div>
+                                                     <div class="col border border-danger m-0 p-0" style="width: 190px;">
+                                                       500Hz
+                                                     </div>
+                                                     <div class="col border border-danger m-0 p-0 col-2">
+                                                       -
+                                                     </div>
+                                                     <div class="col m-0 p-0 col-3">
+                                                       -
+                                                     </div>
+                                                   </div>
+                           </div>
+                           -->
+                        <!--278px-->
+                        <canvas id="waterfall" style="position: relative; z-index: 2;"></canvas>
+                        <canvas id="scatter" style="position: relative; z-index: 1;"></canvas>
+                     </div>
+                  </div>
+               </div>
+               <div class="col">
+                  <div class="card text-dark mb-1" style="height: 240px">
+                     <!--325px-->
+                     <div class="card-header p-1">
+                        <i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i>
+                        <strong> HEARD STATIONS</strong>
+                     </div>
+                     <div class="card-body p-0">
+                        <!-- START OF TABLE FOR HEARD STATIONS -->
+                        <table class="table table-sm">
+                           <thead>
+                              <tr>
+                                 <th scope="col">Time</th>
+                                 <th scope="col">Frequency</th>
+                                 <th scope="col">DXCall</th>
+                                 <th scope="col">DXGrid</th>
+                                 <th scope="col">Distance</th>
+                                 <th scope="col">Type</th>
+                                 <th scope="col">SNR</th>
+                                 <th scope="col">Off</th>
+                              </tr>
+                           </thead>
+                           <tbody id="heardstations">
+                              <!--
                                  <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
@@ -899,41 +850,46 @@
                                    <td>@mdo</td>
                                  </tr>
                                      -->
-								</tbody>
-							</table>
-							<!-- END OF HEARD STATIONS TABLE -->
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar" aria-labelledby="receivedFilesSidebarLabel">
-		<div class="offcanvas-header p-2">
-			               <button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button">
-					<i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i>	
-				</button>
-			<h5 id="receivedFilesSidebarLabel">
-                Received Files
+                           </tbody>
+                        </table>
+                        <!-- END OF HEARD STATIONS TABLE -->
+                     </div>
+                  </div>
+               </div>
+            </div>
+         </div>
+      </div>
+      <!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
+      <div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar" aria-labelledby="receivedFilesSidebarLabel">
+         <div class="offcanvas-header p-2">
+            <button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button">
+            <i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i>	
+            </button>
+            <h5 id="receivedFilesSidebarLabel">
+               Filetransfer
             </h5>
-			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-		</div>
-		<div class="offcanvas-body p-0">
-			<!-- START OF TABLE FOR RECEIVED FILES-->
-			<table class="table">
-				<thead>
-					<tr>
-						<th scope="col">Time</th>
-						<th scope="col">DXCall</th>
-						<!--<th scope="col">DXGrid</th>
+            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+         </div>
+         <div class="input-group input-group-sm p-1">
+            <input type="file" class="form-control" id="dataModalFile">
+            <input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
+            <button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success" >Send</button>
+         </div>
+         <div class="offcanvas-body p-0">
+            <!-- START OF TABLE FOR RECEIVED FILES-->
+            <table class="table">
+               <thead>
+                  <tr>
+                     <th scope="col">Time</th>
+                     <th scope="col">DXCall</th>
+                     <!--<th scope="col">DXGrid</th>
                         <th scope="col">Distance</th>-->
-						<th scope="col">Filename</th>
-						<!--<th scope="col">SNR</th>-->
-					</tr>
-				</thead>
-				<tbody id="rx-data">
-					<!--
+                     <th scope="col">Filename</th>
+                     <!--<th scope="col">SNR</th>-->
+                  </tr>
+               </thead>
+               <tbody id="rx-data">
+                  <!--
                      <tr>
                        <th scope="row">1</th>
                        <td>Mark</td>
@@ -941,103 +897,111 @@
                        <td>@mdo</td>
                      </tr>
                          -->
-				</tbody>
-			</table>
-			<!-- END OF  RECEIVED FILES-->
-		</div>
-	</div>
-	<!------------------------------- DATA SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar" aria-labelledby="transmitFileSidebarLabel">
-		<div class="offcanvas-header p-2">
-			<h5 id="transmitFileSidebarLabel">Transmit Files</h5>
-			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-		</div>
-		<div class="offcanvas-body p-0">
-			<!--<div id="transmitFileSidebar" class="sidebar shadow-lg rounded">-->
-			<div class="container-fluid">
-				<div class="container mt-1">
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0 ">
-								<div class="card-header p-1"> <strong>DX Station</strong>
-								</div>
-								<div class="card-body p-2">
-									<div class="row">
-										<div class="col-auto">
-											<div class="input-group input-group-sm mb-0">
-												<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-											</div>
-										</div>
-										<div class="col-auto">
-											<div class="input-group input-group-sm mb-0">
-												<button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span>
-												<span class="input-group-text" id="dataModalPingDistance">0000 km</span>
-												<span class="input-group-text" id="dataModalPingDB">0 dB</span>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!--col-->
-					</div>
-					<!--row-->
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0 ">
-								<div class="card-header p-1"> <strong>Data</strong>
-								</div>
-								<div class="card-body p-2">
-									<div class="input-group input-group-sm mb-0">
-										<input type="file" class="form-control" id="dataModalFile">
-										<label class="input-group-text" for="inputGroupFile02">kB</label>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!--col-->
-					</div>
-					<!--row-->
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0">
-								<div class="card-header p-1"> <strong>Mode</strong>
-								</div>
-								<div class="card-body p-2">
-									<div class="row">
-										<div class="col">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Mode</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="datamode" disabled>
-													<option selected value="255">AUTO</option>
-													<!--<option value="232">HIGH SNR (DC1)</option>-->
-													<!--<option value="231">MED SNR (DC3)</option>-->
-													<!--<option value="230">LOW SNR (DC0)</option>-->
-												</select>
-											</div>
-										</div>
-										<div class="col-auto">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Frames</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="framesperburst" disabled>
-													<option selected value="1">1</option>
-												</select>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-							<!--col-->
-						</div>
-						<!--row-->
-					</div>
-					<div class="row mb-1">
-						<div class="col">
-							<button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success" style="width:100%">START TRANSMISSION</button>
-						</div>
-						<div class="col-md-auto">
-							<button type="button" id="stopTransmission" class="btn btn-danger" style="width:100%">STOP</button>
-						</div>
-					</div>
-					<!--
+               </tbody>
+            </table>
+            <!-- END OF  RECEIVED FILES-->
+         </div>
+      </div>
+      <!------------------------------- DATA SIDEBAR ----------------------->
+      <div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar" aria-labelledby="transmitFileSidebarLabel">
+         <div class="offcanvas-header p-2">
+            <h5 id="transmitFileSidebarLabel">Transmit Files</h5>
+            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+         </div>
+         <div class="offcanvas-body p-0">
+            <!--<div id="transmitFileSidebar" class="sidebar shadow-lg rounded">-->
+            <div class="container-fluid">
+               <div class="container mt-1">
+                  <div class="row mb-1">
+                     <div class="col">
+                        <div class="card text-dark mb-0 ">
+                           <div class="card-header p-1"> <strong>DX Station</strong>
+                           </div>
+                           <div class="card-body p-2">
+                              <div class="row">
+                                 <div class="col-auto">
+                                    <!--
+                                       <div class="input-group input-group-sm mb-0">
+                                       
+                                       	<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
+                                       </div>
+                                       -->
+                                 </div>
+                                 <div class="col-auto">
+                                    <div class="input-group input-group-sm mb-0">
+                                       <button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span>
+                                       <span class="input-group-text" id="dataModalPingDistance">0000 km</span>
+                                       <span class="input-group-text" id="dataModalPingDB">0 dB</span>
+                                    </div>
+                                 </div>
+                              </div>
+                           </div>
+                        </div>
+                     </div>
+                     <!--col-->
+                  </div>
+                  <!--row-->
+                  <div class="row mb-1">
+                     <div class="col">
+                        <div class="card text-dark mb-0 ">
+                           <!--
+                              <div class="card-header p-1"> <strong>Data</strong>
+                              </div>
+                              <div class="card-body p-2">
+                              	<div class="input-group input-group-sm mb-0">
+                              		<input type="file" class="form-control" id="dataModalFile">
+                              		<label class="input-group-text" for="inputGroupFile02">kB</label>
+                              	</div>
+                              </div>
+                              -->
+                        </div>
+                     </div>
+                     <!--col-->
+                  </div>
+                  <!--row-->
+                  <div class="row mb-1">
+                     <div class="col">
+                        <div class="card text-dark mb-0">
+                           <div class="card-header p-1"> <strong>Mode</strong>
+                           </div>
+                           <div class="card-body p-2">
+                              <div class="row">
+                                 <div class="col">
+                                    <div class="input-group input-group-sm">
+                                       <span class="input-group-text" id="basic-addon1">Mode</span>
+                                       <select class="form-select form-select-sm" aria-label=".form-select-sm" id="datamode" disabled>
+                                          <option selected value="255">AUTO</option>
+                                          <!--<option value="232">HIGH SNR (DC1)</option>-->
+                                          <!--<option value="231">MED SNR (DC3)</option>-->
+                                          <!--<option value="230">LOW SNR (DC0)</option>-->
+                                       </select>
+                                    </div>
+                                 </div>
+                                 <div class="col-auto">
+                                    <div class="input-group input-group-sm">
+                                       <span class="input-group-text" id="basic-addon1">Frames</span>
+                                       <select class="form-select form-select-sm" aria-label=".form-select-sm" id="framesperburst" disabled>
+                                          <option selected value="1">1</option>
+                                       </select>
+                                    </div>
+                                 </div>
+                              </div>
+                           </div>
+                        </div>
+                        <!--col-->
+                     </div>
+                     <!--row-->
+                  </div>
+                  <div class="row mb-1">
+                     <div class="col">
+                        <!--
+                           <button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success" style="width:100%">START TRANSMISSION</button>-->
+                     </div>
+                     <div class="col-md-auto">
+                        <button type="button" id="stopTransmission" class="btn btn-danger" style="width:100%">STOP</button>
+                     </div>
+                  </div>
+                  <!--
                      <div class="row">
                          <div class="col">
                              <div class="card text-dark bg-light mb-0" >
@@ -1049,341 +1013,320 @@
                          </div>
                      </div>
                      -->
-					<div class="row">
-						<div class="col"></div>
-					</div>
-					<!--row-->
-				</div>
-				<!--container-->
-				<!--</div>-->
-			</div>
-		</div>
-	</div>
-	</div>
-	<!--end of blur div -->
-	<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
-	<nav class="navbar fixed-bottom navbar-light bg-light">
-		<div class="container-fluid">
-			<div class="btn-toolbar" role="toolbar">
-				<div class="btn-group btn-group-sm me-2" role="group">
-					<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>">
-						<i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i>
-						
-					</button>
-				</div>
-				<div class="btn-group btn-group-sm me-2" role="group">
-					<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>">
-						<i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i>
-						
-					</button>
-				</div>
-
-				<div class="btn-group btn-group-sm me-2" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>">
-						<i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i>
-						
-					</button>
-				</div>
-				
-				
-				<div class="btn-group btn-group-sm me-2" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>">
-						<i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i>
-						
-					</button>
-				</div>
-			</div>
-			<div class="container-fluid p-0" style="width:15rem">
-				<div class="input-group input-group-sm">
-					<!--<span class="input-group-text" id="basic-addon1"><strong>Freq</strong></span>--> <span class="input-group-text" id="frequency">---</span>
-					<!--<span class="input-group-text" id="basic-addon1"><strong>Mode</strong></span>--> <span class="input-group-text" id="mode">---</span>
-					<!--<span class="input-group-text" id="basic-addon1"><strong>BW</strong></span>--> <span class="input-group-text" id="bandwith">---</span>
-				</div>
-			</div>
-			<div class="container-fluid p-0" style="width:12rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span>
-					<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
-					<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span>
-					
-					
-					<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span>
-					
-					<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span>
-				</div>
-			</div>
-			<div class="container-fluid p-0" style="width:10rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span>
-					<span class="input-group-text" id="total_bytes">---</span>
-				</div>
-			</div>
-			<div class="container-fluid p-0" style="width:15rem">
-				<div class="progress" style="height: 30px;">
-					<div class="progress-bar progress-bar-striped bg-primary" id="transmission_progress" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-					<!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
-				</div>
-			</div>
-		</div>
-	</nav>
-	<!-- bootstrap -->
-	<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-	<!-- chart.js -->
-	<script src="../node_modules/chart.js/dist/chart.min.js"></script>
-	<script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>
-	<!--<script src="../ui.js"></script>-->
-	<!-- WATERFALL -->
-	<script src="waterfall/colormap.js"></script>
-	<script src="waterfall/spectrum.js"></script>
-	<script src="waterfall/spectrogram.js"></script>
-	<!--<script src="waterfall/script.js"></script>-->
-	
-	<!-- AUDIO MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="audioModal">
-		<div class="modal-dialog modal-dialog-scrollable">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Audio tuning</h5>
-					<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</div>
-				<div class="modal-body">
-
-					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Test-Frame</span>
-                        <button type="button" id="sendTestFrame" class="btn btn-danger">Transmit</button>
-					</div>
-				
-				
-					<div class="input-group  input-group-sm mb-1"> 
-					    <span class="input-group-text" id="basic-addon1">TX Level</span>
-					    <span class="input-group-text" id="audioLevelTXvalue">---</span>
-					    <span class="input-group-text w-75" id="basic-addon1">
-                        <input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span>
-					</div>				
-				
-				</div>	
-			</div>
-		</div>
-	</div>
-	
-	
-	
-		
-	<!-- INFO MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal">
-		<div class="modal-dialog modal-dialog-scrollable">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Settings</h5>
-					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</div>
-				<div class="modal-body">
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Theme</span>
-						<select class="form-select form-select-sm w-50" id="theme_selector">
-							<option value="default">Default</option>
-							<option value="cerulean">Cerulean</option>
-							<option value="cosmo">Cosmo</option>
-							<option value="cyborg">Cyborg</option>
-							<option value="darkly">Darkly</option>
-							<option value="flatly">Flatly</option>
-							<option value="journal">Journal</option>
-							<option value="litera">Litera</option>
-							<option value="lumen">Lumen</option>
-							<option value="lux">Lux</option>
-							<option value="materia">Materia</option>
-							<option value="minty">Minty</option>
-							<option value="morph">Morhp</option>
-							<option value="pulse">Pulse</option>
-							<option value="quartz">Quartz</option>
-							<option value="sandstone">Sandstone</option>
-							<option value="simplex">Simplex</option>
-							<option value="sketchy">Sketchy</option>
-							<option value="slate">Slate</option>
-							<option value="solar">Solar</option>
-							<option value="spacelab">Spacelab</option>
-							<option value="superhero">Superhero</option>
-							<option value="united">United</option>
-							<option value="vapor">Vapor</option>
-							<option value="yeti">Yeti</option>
-							<option value="zephyr">Zephyr</option>
-						</select>
-					</div>
-					
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
-						<select class="form-select form-select-sm w-50" id="update_channel_selector">
-							<option value="latest">stable</option>
-							<option value="beta">beta</option>
-							<option value="alpha">alpha</option>
-						</select>
-					</div>
-
-					<div class="input-group  input-group-sm mb-1">
-					  <label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
-                      <input type="text" class="form-control w-50" id="received_files_folder">
-					</div>
-
-
-					<div class="input-group  input-group-sm mb-1">
-					  <label class="input-group-text w-25">Tuning range</label>
-                      <label class="input-group-text">fmin</label>
-						<select class="form-select form-select-sm" id="tuning_range_fmin">
-							<option value="-50.0">-50.0</option>
-							<option value="-100.0">-100.0</option>
-							<option value="-150.0">-150.0</option>
-							<option value="-200.0">-200.0</option>
-							<option value="-250.0">-250.0</option>
-
-						</select>
-                      <label class="input-group-text">fmax</label>
-						<select class="form-select form-select-sm" id="tuning_range_fmax">
-							<option value="50.0">50.0</option>
-							<option value="100.0">100.0</option>
-							<option value="150.0">150.0</option>
-							<option value="200.0">200.0</option>
-							<option value="250.0">250.0</option>
-						</select>	
-						</div>
-                      					
-					
-									
-				    <div class="input-group  input-group-sm mb-1"> 
-				        <label class="input-group-text w-50">Enable FSK mode</label>
-			            <label class="input-group-text bg-white w-50">
-				            <div class="form-check form-switch form-check-inline ms-2">
-						        <input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
-						        <label class="form-check-label" for="fskModeSwitch">not available, yet</label>
-					        </div>
-					    </label>
-				    </div>
-				    
-<div class="input-group  input-group-sm mb-1"> 
-				        <label class="input-group-text w-50">Enable Waterfall data</label>
-			            <label class="input-group-text bg-white w-50">				    
-<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="fftSwitch">
-								<label class="form-check-label" for="fftSwitch">Waterfall</label>
-							</div>
-					    </label>
-				    </div>							
-							<div class="input-group input-group-sm mb-1"> 
-				        <label class="input-group-text w-50">Enable Scatter diagram data</label>
-			            <label class="input-group-text bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="scatterSwitch">
-								<label class="form-check-label" for="scatterSwitch">Scatter</label>
-							</div>
-					    </label>
-				    </div>							
-					<div class="input-group  input-group-sm mb-1"> 
-				        <label class="input-group-text w-50">Enable 500Hz mode</label>
-			            <label class="input-group-text bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="500HzModeSwitch">
-								<label class="form-check-label" for="500HzModeSwitch">500Hz</label>
-							</div>				    
-					    </label>
-				    </div>				    
-				    <div class="input-group  input-group-sm mb-1"> 
-				        <label class="input-group-text w-50">Respond to CQ</label>
-			            <label class="input-group-text bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="respondCQSwitch">
-								<label class="form-check-label" for="respondCQSwitch">QRV</label>
-							</div>				    
-					    </label>
-				    </div>
-				    
-					
-					
-					
-				</div>
-			</div>
-		</div>
-	</div>
-	<!-- HAMLIB ADVANCED SETTINGS MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="advancedHamlibSettingsModal">
-		<div class="modal-dialog">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Hamlib advanced settings</h5>
-					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</div>
-				<div class="modal-body">
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Port</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport_advanced">
-							<!--<option value="None">None</option>-->
-                           <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
-						</select> <span class="input-group-text" id="basic-addon1">Speed</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed_advanced">
-							<option value="1200">1200</option>
-							<option value="2400">2400</option>
-							<option value="4800">4800</option>
-							<option selected value="9600">9600</option>
-							<option value="14400">14400</option>
-							<option value="19200">19200</option>
-							<option value="28800">28800</option>
-							<option value="38400">38400</option>
-							<option value="57600">57600</option>
-							<option value="115200">115200</option>
-						</select>
-					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">PTT</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol_advanced" style="width: 0.5rem">
-							<option value="NONE">NONE</option>
-							<option value="RIG">RIG</option>
-							<option value="USB">USB</option>
-							<option value="RTS">Serial RTS</option>
-							<option value="DTR-H">Serial DTR-High</option>
-							<option value="DTR-L">Serial DTR-Low</option>
-							<option value="PARALLEL">Rig PARALLEL</option>
-							<option value="MICDATA">Rig MICDATA</option>
-							<option value="CM108">Rig CM108</option>
-						</select>
-					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Data bits</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_databits_advanced">
-							<option value="7">7</option>
-							<option value="8">8 (Default)</option>
-						</select>
-					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Stop bits</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_stopbits_advanced">
-							<option value="1">1 (Default)</option>
-							<option value="2">2</option>
-						</select>
-					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Handshake</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_handshake_advanced">
-							<option value="None">None (Default)</option>
-						</select>
-					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">PTT Port</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_port_advanced">
-							<!--<option value="None">None</option>-->
-						</select>	
-							<!--
-                           <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
-							<!--
-						</select> <span class="input-group-text" id="basic-addon1">PTT Speed</span>
-						<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_pttspeed_advanced">
-							<option value="1200">1200</option>
-							<option value="2400">2400</option>
-							<option value="4800">4800</option>
-							<option selected value="9600">9600</option>
-							<option value="14400">14400</option>
-							<option value="19200">19200</option>
-							<option value="28800">28800</option>
-							<option value="38400">38400</option>
-							<option value="57600">57600</option>
-							<option value="115200">115200</option>
-						</select>
-						-->
-					</div>
-				</div>
-				<div class="modal-footer">
-					<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test settings</button>
-					<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
-				</div>
-			</div>
-		</div>
-	</div>
-</body>
-
+                  <div class="row">
+                     <div class="col"></div>
+                  </div>
+                  <!--row-->
+               </div>
+               <!--container-->
+               <!--</div>-->
+            </div>
+         </div>
+      </div>
+      </div>
+      <!--end of blur div -->
+      <!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
+      <nav class="navbar fixed-bottom navbar-light bg-light">
+         <div class="container-fluid">
+            <div class="btn-toolbar" role="toolbar">
+               <div class="btn-group btn-group-sm me-2" role="group">
+                  <button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>">
+                  <i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i>
+                  </button>
+               </div>
+               <div class="btn-group btn-group-sm me-2" role="group">
+                  <button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>">
+                  <i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i>
+                  </button>
+               </div>
+               <div class="btn-group btn-group-sm me-2" role="group">
+                  <button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>">
+                  <i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i>
+                  </button>
+               </div>
+               <div class="btn-group btn-group-sm me-2" role="group">
+                  <button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>">
+                  <i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i>
+                  </button>
+               </div>
+            </div>
+            <div class="container-fluid p-0" style="width:15rem">
+               <div class="input-group input-group-sm">
+                  <!--<span class="input-group-text" id="basic-addon1"><strong>Freq</strong></span>--> <span class="input-group-text" id="frequency">---</span>
+                  <!--<span class="input-group-text" id="basic-addon1"><strong>Mode</strong></span>--> <span class="input-group-text" id="mode">---</span>
+                  <!--<span class="input-group-text" id="basic-addon1"><strong>BW</strong></span>--> <span class="input-group-text" id="bandwith">---</span>
+               </div>
+            </div>
+            <div class="container-fluid p-0" style="width:12rem">
+               <div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span>
+                  <span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
+                  <i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span>
+                  <span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span>
+                  <span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span>
+               </div>
+            </div>
+            <div class="container-fluid p-0" style="width:10rem">
+               <div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span>
+                  <span class="input-group-text" id="total_bytes">---</span>
+               </div>
+            </div>
+            <div class="container-fluid p-0" style="width:15rem">
+               <div class="progress" style="height: 30px;">
+                  <div class="progress-bar progress-bar-striped bg-primary" id="transmission_progress" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+                  <!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
+               </div>
+            </div>
+         </div>
+      </nav>
+      <!-- bootstrap -->
+      <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+      <!-- chart.js -->
+      <script src="../node_modules/chart.js/dist/chart.min.js"></script>
+      <script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>
+      <!--<script src="../ui.js"></script>-->
+      <!-- WATERFALL -->
+      <script src="waterfall/colormap.js"></script>
+      <script src="waterfall/spectrum.js"></script>
+      <script src="waterfall/spectrogram.js"></script>
+      <!--<script src="waterfall/script.js"></script>-->
+      <!-- AUDIO MODAL -->
+      <div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="audioModal">
+         <div class="modal-dialog modal-dialog-scrollable">
+            <div class="modal-content">
+               <div class="modal-header">
+                  <h5 class="modal-title">Audio tuning</h5>
+                  <button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+               </div>
+               <div class="modal-body">
+                  <div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Test-Frame</span>
+                     <button type="button" id="sendTestFrame" class="btn btn-danger">Transmit</button>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1"> 
+                     <span class="input-group-text" id="basic-addon1">TX Level</span>
+                     <span class="input-group-text" id="audioLevelTXvalue">---</span>
+                     <span class="input-group-text w-75" id="basic-addon1">
+                     <input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span>
+                  </div>
+               </div>
+            </div>
+         </div>
+      </div>
+      <!-- INFO MODAL -->
+      <div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal">
+         <div class="modal-dialog modal-dialog-scrollable">
+            <div class="modal-content">
+               <div class="modal-header">
+                  <h5 class="modal-title">Settings</h5>
+                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+               </div>
+               <div class="modal-body">
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text w-50" id="basic-addon1">Theme</span>
+                     <select class="form-select form-select-sm w-50" id="theme_selector">
+                        <option value="default">Default</option>
+                        <option value="cerulean">Cerulean</option>
+                        <option value="cosmo">Cosmo</option>
+                        <option value="cyborg">Cyborg</option>
+                        <option value="darkly">Darkly</option>
+                        <option value="flatly">Flatly</option>
+                        <option value="journal">Journal</option>
+                        <option value="litera">Litera</option>
+                        <option value="lumen">Lumen</option>
+                        <option value="lux">Lux</option>
+                        <option value="materia">Materia</option>
+                        <option value="minty">Minty</option>
+                        <option value="morph">Morhp</option>
+                        <option value="pulse">Pulse</option>
+                        <option value="quartz">Quartz</option>
+                        <option value="sandstone">Sandstone</option>
+                        <option value="simplex">Simplex</option>
+                        <option value="sketchy">Sketchy</option>
+                        <option value="slate">Slate</option>
+                        <option value="solar">Solar</option>
+                        <option value="spacelab">Spacelab</option>
+                        <option value="superhero">Superhero</option>
+                        <option value="united">United</option>
+                        <option value="vapor">Vapor</option>
+                        <option value="yeti">Yeti</option>
+                        <option value="zephyr">Zephyr</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
+                     <select class="form-select form-select-sm w-50" id="update_channel_selector">
+                        <option value="latest">stable</option>
+                        <option value="beta">beta</option>
+                        <option value="alpha">alpha</option>
+                     </select>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
+                     <input type="text" class="form-control w-50" id="received_files_folder">
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-25">Tuning range</label>
+                     <label class="input-group-text">fmin</label>
+                     <select class="form-select form-select-sm" id="tuning_range_fmin">
+                        <option value="-50.0">-50.0</option>
+                        <option value="-100.0">-100.0</option>
+                        <option value="-150.0">-150.0</option>
+                        <option value="-200.0">-200.0</option>
+                        <option value="-250.0">-250.0</option>
+                     </select>
+                     <label class="input-group-text">fmax</label>
+                     <select class="form-select form-select-sm" id="tuning_range_fmax">
+                        <option value="50.0">50.0</option>
+                        <option value="100.0">100.0</option>
+                        <option value="150.0">150.0</option>
+                        <option value="200.0">200.0</option>
+                        <option value="250.0">250.0</option>
+                     </select>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-50">Enable FSK mode</label>
+                     <label class="input-group-text bg-white w-50">
+                        <div class="form-check form-switch form-check-inline ms-2">
+                           <input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
+                     <label class="form-check-label" for="fskModeSwitch">not available, yet</label>
+                     </div>
+                     </label>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-50">Enable Waterfall data</label>
+                     <label class="input-group-text bg-white w-50">
+                        <div class="form-check form-switch form-check-inline">
+                           <input class="form-check-input" type="checkbox" id="fftSwitch">
+                     <label class="form-check-label" for="fftSwitch">Waterfall</label>
+                     </div>
+                     </label>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <label class="input-group-text w-50">Enable Scatter diagram data</label>
+                     <label class="input-group-text bg-white w-50">
+                        <div class="form-check form-switch form-check-inline">
+                           <input class="form-check-input" type="checkbox" id="scatterSwitch">
+                     <label class="form-check-label" for="scatterSwitch">Scatter</label>
+                     </div>
+                     </label>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-50">Enable 500Hz mode</label>
+                     <label class="input-group-text bg-white w-50">
+                        <div class="form-check form-switch form-check-inline">
+                           <input class="form-check-input" type="checkbox" id="500HzModeSwitch">
+                     <label class="form-check-label" for="500HzModeSwitch">500Hz</label>
+                     </div>				    
+                     </label>
+                  </div>
+                  <div class="input-group  input-group-sm mb-1">
+                     <label class="input-group-text w-50">Respond to CQ</label>
+                     <label class="input-group-text bg-white w-50">
+                        <div class="form-check form-switch form-check-inline">
+                           <input class="form-check-input" type="checkbox" id="respondCQSwitch">
+                     <label class="form-check-label" for="respondCQSwitch">QRV</label>
+                     </div>				    
+                     </label>
+                  </div>
+               </div>
+            </div>
+         </div>
+      </div>
+      <!-- HAMLIB ADVANCED SETTINGS MODAL -->
+      <div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="advancedHamlibSettingsModal">
+         <div class="modal-dialog">
+            <div class="modal-content">
+               <div class="modal-header">
+                  <h5 class="modal-title">Hamlib advanced settings</h5>
+                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+               </div>
+               <div class="modal-body">
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">Port</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport_advanced">
+                        <!--<option value="None">None</option>-->
+                        <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>
+                        -->
+                     </select>
+                     <span class="input-group-text" id="basic-addon1">Speed</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed_advanced">
+                        <option value="1200">1200</option>
+                        <option value="2400">2400</option>
+                        <option value="4800">4800</option>
+                        <option selected value="9600">9600</option>
+                        <option value="14400">14400</option>
+                        <option value="19200">19200</option>
+                        <option value="28800">28800</option>
+                        <option value="38400">38400</option>
+                        <option value="57600">57600</option>
+                        <option value="115200">115200</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">PTT</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_protocol_advanced" style="width: 0.5rem">
+                        <option value="NONE">NONE</option>
+                        <option value="RIG">RIG</option>
+                        <option value="USB">USB</option>
+                        <option value="RTS">Serial RTS</option>
+                        <option value="DTR-H">Serial DTR-High</option>
+                        <option value="DTR-L">Serial DTR-Low</option>
+                        <option value="PARALLEL">Rig PARALLEL</option>
+                        <option value="MICDATA">Rig MICDATA</option>
+                        <option value="CM108">Rig CM108</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">Data bits</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_databits_advanced">
+                        <option value="7">7</option>
+                        <option value="8">8 (Default)</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">Stop bits</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_stopbits_advanced">
+                        <option value="1">1 (Default)</option>
+                        <option value="2">2</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">Handshake</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_handshake_advanced">
+                        <option value="None">None (Default)</option>
+                     </select>
+                  </div>
+                  <div class="input-group input-group-sm mb-1">
+                     <span class="input-group-text" id="basic-addon1">PTT Port</span>
+                     <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_port_advanced">
+                        <!--<option value="None">None</option>-->
+                     </select>
+                     <!--
+                        <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
+                     <!--
+                        </select> <span class="input-group-text" id="basic-addon1">PTT Speed</span>
+                        <select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_pttspeed_advanced">
+                        	<option value="1200">1200</option>
+                        	<option value="2400">2400</option>
+                        	<option value="4800">4800</option>
+                        	<option selected value="9600">9600</option>
+                        	<option value="14400">14400</option>
+                        	<option value="19200">19200</option>
+                        	<option value="28800">28800</option>
+                        	<option value="38400">38400</option>
+                        	<option value="57600">57600</option>
+                        	<option value="115200">115200</option>
+                        </select>
+                        -->
+                  </div>
+               </div>
+               <div class="modal-footer">
+                  <button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test settings</button>
+                  <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
+               </div>
+            </div>
+         </div>
+      </div>
+   </body>
 </html>
+
+
