From 83dd417539bdabdf454e32724e053362b2406abd Mon Sep 17 00:00:00 2001
From: Peter Goodhall <peter@magicbug.co.uk>
Date: Fri, 6 Dec 2024 15:07:52 +0000
Subject: [PATCH] [QSO] Adds Select Radio under the map

---
 application/views/interface_assets/footer.php |  269 ++--
 application/views/qso/index.php               | 1178 +++++++++--------
 2 files changed, 786 insertions(+), 661 deletions(-)

diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index a66d3b7a..d7152fc2 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -807,8 +807,7 @@ if ($this->session->userdata('user_id') != null) {
                     document.getElementById('from').value = data;
                     document.getElementById('to').value = new Date().toISOString().split('T')[0];
                 },
-                error: function() {
-                },
+                error: function() {},
             });
         }
     </script>
@@ -916,8 +915,8 @@ if ($this->session->userdata('user_id') != null) {
                                     var icon = L.divIcon({
                                         className: 'custom-icon',
                                         html: `<i class="${iconsList.qso.icon}" style="color:${iconsList.qso.color}"></i>`
-                                    });								
-                                    
+                                    });
+
                                     L.marker([marker.lat, marker.lng], {
                                             icon: icon
                                         })
@@ -931,9 +930,9 @@ if ($this->session->userdata('user_id') != null) {
                                 }
                             });
                             markers = newMarkers;
-                            } else {
-                                console.log("No QSOs found to populate dashboard map.");
-                            }
+                        } else {
+                            console.log("No QSOs found to populate dashboard map.");
+                        }
                     });
             }
 
@@ -1502,129 +1501,159 @@ if ($this->session->userdata('user_id') != null) {
     </script>
 
     <script>
-        // Javascript for controlling rig frequency.
-        var updateFromCAT = function() {
-            var cat2UI = function(ui, cat, allow_empty, allow_zero, callback_on_update) {
-                // Check, if cat-data is available
-                if (cat == null) {
-                    return;
-                } else if (typeof allow_empty !== 'undefined' && !allow_empty && cat == '') {
-                    return;
-                } else if (typeof allow_zero !== 'undefined' && !allow_zero && cat == '0') {
-                    return;
-                }
-                // Only update the ui-element, if cat-data has changed
-                if (ui.data('catValue') != cat) {
-                    ui.val(cat);
-                    ui.data('catValue', cat);
-                    if (typeof callback_on_update === 'function') {
-                        callback_on_update(cat);
-                    }
-                }
-            }
+        // Helper function to update a UI element with CAT data
+        const cat2UI = (ui, cat, allowEmpty = true, allowZero = true, callbackOnUpdate) => {
+            if (
+                cat == null ||
+                (!allowEmpty && cat === '') ||
+                (!allowZero && cat === '0')
+            ) return;
 
-            if ($('select.radios option:selected').val() != '0') {
-                radioID = $('select.radios option:selected').val();
-                $.getJSON("radio/json/" + radioID, function(data) {
-                    /* {
-                    "frequency": "2400210000",
-                        "frequency_rx": "10489710000",
-                        "mode": "SSB",
-                        "satmode": "S/X",
-                        "satname": "QO-100"
-                        "power": "20"
-                        "prop_mode": "SAT",
-                        "error": "not_logged_id" // optional, reserved for errors
-                    }  */
-                    if (data.error) {
-                        if (data.error == 'not_logged_in') {
-                            $(".radio_cat_state").remove();
-                            if ($('.radio_login_error').length == 0) {
-                                $('.qso_panel').prepend('<div class="alert alert-danger radio_login_error" role="alert"><i class="fas fa-broadcast-tower"></i> You\'re not logged it. Please <a href="<?php echo base_url(); ?>">login</a></div>');
-                            }
-                        }
-                        // Put future Errorhandling here
-                    } else {
-                        if ($('.radio_login_error').length != 0) {
-                            $(".radio_login_error").remove();
-                        }
-                        cat2UI($('#frequency'), data.frequency, false, true, function(d) {
-                            $("#band").val(frequencyToBand(d))
-                        });
-                        cat2UI($('#frequency_rx'), data.frequency_rx, false, true, function(d) {
-                            $("#band_rx").val(frequencyToBand(d))
-                        });
-                        cat2UI($('.mode'), data.mode, false, false, function(d) {
-                            setRst($(".mode").val())
-                        });
-                        cat2UI($('#sat_name'), data.satname, false, false);
-                        cat2UI($('#sat_mode'), data.satmode, false, false);
-                        cat2UI($('#transmit_power'), data.power, false, false);
-                        cat2UI($('#selectPropagation'), data.prop_mode, false, false);
-
-                        // Display CAT Timeout warning based on the figure given in the config file
-                        var minutes = Math.floor(<?php echo $this->optionslib->get_option('cat_timeout_interval'); ?> / 60);
-
-                        if (data.updated_minutes_ago > minutes) {
-                            $(".radio_cat_state").remove();
-                            if ($('.radio_timeout_error').length == 0) {
-                                $('#radio_status').prepend('<div class="alert alert-danger radio_timeout_error" role="alert"><i class="fas fa-broadcast-tower"></i> Radio connection timed-out: ' + $('select.radios option:selected').text() + ' data is ' + data.updated_minutes_ago + ' minutes old.</div>');
-                            } else {
-                                $('.radio_timeout_error').html('Radio connection timed-out: ' + $('select.radios option:selected').text() + ' data is ' + data.updated_minutes_ago + ' minutes old.');
-                            }
-                        } else {
-                            $(".radio_timeout_error").remove();
-                            text = '<i class="fas fa-broadcast-tower"></i><span style="margin-left:10px;"></span><b>TX:</b> ' + (Math.round(parseInt(data.frequency) / 100) / 10000).toFixed(4) + ' MHz';
-                            if (data.mode != null) {
-                                text = text + '<span style="margin-left:10px"></span>' + data.mode;
-                            }
-                            if (data.power != null && data.power != 0) {
-                                text = text + '<span style="margin-left:10px"></span>' + data.power + ' W';
-                            }
-                            ptext = '';
-                            if (data.prop_mode != null && data.prop_mode != '') {
-                                ptext = ptext + data.prop_mode;
-                                if (data.prop_mode == 'SAT') {
-                                    ptext = ptext + ' ' + data.satname;
-                                }
-                            }
-                            if (data.frequency_rx != null && data.frequency_rx != 0) {
-                                ptext = ptext + '<span style="margin-left:10px"></span><b>RX:</b> ' + (Math.round(parseInt(data.frequency_rx) / 1000) / 1000).toFixed(3) + ' MHz';
-                            }
-                            if (ptext != '') {
-                                text = text + '<span style="margin-left:10px"></span>(' + ptext + ')';
-                            }
-                            if (!$('#radio_cat_state').length) {
-                                $('#radio_status').prepend('<div aria-hidden="true"><div id="radio_cat_state" class="alert alert-success radio_cat_state" role="alert">' + text + '</div></div>');
-                            } else {
-                                $('#radio_cat_state').html(text);
-                            }
-                        }
-                    }
-                });
+            if (ui.data('catValue') != cat) {
+                ui.val(cat).data('catValue', cat);
+                if (typeof callbackOnUpdate === 'function') callbackOnUpdate(cat);
             }
         };
 
-        // Update frequency every three second
-        setInterval(updateFromCAT, 3000);
+        // Update UI from CAT data
+        const updateFromCAT = (radioID) => {
+            if (radioID === '0') return;
 
-        // If a radios selected from drop down select radio update.
-        $('.radios').change(updateFromCAT);
+            $.getJSON(`radio/json/${radioID}`, (data) => {
+                if (data.error) {
+                    if (data.error === 'not_logged_in') {
+                        handleLoginError();
+                    }
+                    return;
+                }
 
-        // If no radio is selected clear data
-        $(".radios").change(function() {
-            if ($(".radios option:selected").val() == 0) {
-                $("#sat_name").val("");
-                $("#sat_mode").val("");
-                $("#frequency").val("");
-                $("#frequency_rx").val("");
-                $("#band_rx").val("");
-                $("#selectPropagation").val($("#selectPropagation option:first").val());
-                $(".radio_timeout_error").remove();
+                clearLoginError();
+                updateUIWithCATData(data);
+            });
+        };
+
+        // Handle login error display
+        const handleLoginError = () => {
+            $(".radio_cat_state").remove();
+            if ($('.radio_login_error').length === 0) {
+                $('.qso_panel').prepend(
+                    '<div class="alert alert-danger radio_login_error" role="alert">' +
+                    '<i class="fas fa-broadcast-tower"></i> You\'re not logged in. ' +
+                    'Please <a href="<?php echo base_url(); ?>">login</a></div>'
+                );
             }
+        };
+
+        // Clear login error
+        const clearLoginError = () => {
+            $(".radio_login_error").remove();
+        };
+
+        // Update UI elements with CAT data
+        const updateUIWithCATData = (data) => {
+            cat2UI($('#frequency'), data.frequency, false, true, (d) => {
+                $("#band").val(frequencyToBand(d));
+            });
+            cat2UI($('#frequency_rx'), data.frequency_rx, false, true, (d) => {
+                $("#band_rx").val(frequencyToBand(d));
+            });
+            cat2UI($('.mode'), data.mode, false, false, () => {
+                setRst($(".mode").val());
+            });
+            cat2UI($('#sat_name'), data.satname, false, false);
+            cat2UI($('#sat_mode'), data.satmode, false, false);
+            cat2UI($('#transmit_power'), data.power, false, false);
+            cat2UI($('#selectPropagation'), data.prop_mode, false, false);
+
+            handleCATTimeout(data);
+        };
+
+        // Handle CAT timeout
+        const handleCATTimeout = (data) => {
+            const minutes = Math.floor(<?php echo $this->optionslib->get_option('cat_timeout_interval'); ?> / 60);
+
+            if (data.updated_minutes_ago > minutes) {
+                $(".radio_cat_state").remove();
+                const errorText = `Radio connection timed-out: ${$('select.radios option:selected').text()} data is ${data.updated_minutes_ago} minutes old.`;
+                if ($('.radio_timeout_error').length === 0) {
+                    $('#radio_status').prepend(
+                        `<div class="alert alert-danger radio_timeout_error" role="alert"><i class="fas fa-broadcast-tower"></i> ${errorText}</div>`
+                    );
+                } else {
+                    $('.radio_timeout_error').html(errorText);
+                }
+            } else {
+                $(".radio_timeout_error").remove();
+                updateCATStatusDisplay(data);
+            }
+        };
+
+        // Update the status display
+        const updateCATStatusDisplay = (data) => {
+            let text = `<i class="fas fa-broadcast-tower"></i><span style="margin-left:10px;"></span><b>TX:</b> ${(Math.round(parseInt(data.frequency) / 100) / 10000).toFixed(4)} MHz`;
+            if (data.mode) text += `<span style="margin-left:10px"></span>${data.mode}`;
+            if (data.power && data.power !== 0) text += `<span style="margin-left:10px"></span>${data.power} W`;
+
+            let ptext = '';
+            if (data.prop_mode) {
+                ptext = data.prop_mode;
+                if (data.prop_mode === 'SAT') ptext += ` ${data.satname}`;
+            }
+            if (data.frequency_rx && data.frequency_rx !== 0) {
+                ptext += `<span style="margin-left:10px"></span><b>RX:</b> ${(Math.round(parseInt(data.frequency_rx) / 1000) / 1000).toFixed(3)} MHz`;
+            }
+            if (ptext) text += `<span style="margin-left:10px"></span>(${ptext})`;
+
+            if (!$('#radio_cat_state').length) {
+                $('#radio_status').prepend(
+                    `<div aria-hidden="true"><div id="radio_cat_state" class="alert alert-success radio_cat_state" role="alert">${text}</div></div>`
+                );
+            } else {
+                $('#radio_cat_state').html(text);
+            }
+        };
+
+        // Reset UI when no radio is selected
+        const resetUI = () => {
+            $("#sat_name, #sat_mode, #frequency, #frequency_rx, #band_rx").val("");
+            $("#selectPropagation").val($("#selectPropagation option:first").val());
+            $(".radio_timeout_error").remove();
+        };
+
+        // Event listeners
+        $(document).ready(() => {
+            // Update frequency every three seconds for the selected radio
+            setInterval(() => {
+                const selectedRadioID = $('select.radios option:selected').val();
+                if (selectedRadioID !== '0') {
+                    updateFromCAT(selectedRadioID);
+                }
+            }, 3000);
+
+            // Trigger updateFromCAT when any <select> with class 'radios' changes
+            $('.radios').on('change', function() {
+                const selectedRadioID = $(this).val();
+                if (selectedRadioID === '0') {
+                    resetUI();
+                } else {
+                    updateFromCAT(selectedRadioID);
+                }
+            });
         });
     </script>
 
+<script>
+    $(document).ready(function () {
+        // Synchronize the two selects
+        $('.radios').on('change', function () {
+            const selectedValue = $(this).val(); // Get the selected value
+            $('.radios').not(this).val(selectedValue); // Update other selects to match
+        });
+    });
+</script>
+
+
+
 <?php } ?>
 
 <?php if ($this->uri->segment(1) == "logbook" && $this->uri->segment(2) == "view") { ?>
diff --git a/application/views/qso/index.php b/application/views/qso/index.php
index 037aeac1..56b1700c 100755
--- a/application/views/qso/index.php
+++ b/application/views/qso/index.php
@@ -1,649 +1,745 @@
 <div class="container qso_panel">
-<script language="javascript">
-  var qso_manual  = "<?php echo $_GET['manual']; ?>";
-  var text_error_timeoff_less_timeon = "<?php echo lang('qso_error_timeoff_less_timeon'); ?>";
-  var lang_qso_title_previous_contacts = "<?php echo lang('qso_title_previous_contacts'); ?>";
-  var lang_qso_title_times_worked_before = "<?php echo lang('qso_title_times_worked_before'); ?>";
-</script>
+  <script language="javascript">
+    var qso_manual = "<?php echo $_GET['manual']; ?>";
+    var text_error_timeoff_less_timeon = "<?php echo lang('qso_error_timeoff_less_timeon'); ?>";
+    var lang_qso_title_previous_contacts = "<?php echo lang('qso_title_previous_contacts'); ?>";
+    var lang_qso_title_times_worked_before = "<?php echo lang('qso_title_times_worked_before'); ?>";
+  </script>
 
-<div class="row qsopane">
+  <div class="row qsopane">
 
-  <div class="col-sm-5">
-    <div class="card">
+    <div class="col-sm-5">
+      <div class="card">
 
-    <form id="qso_input" method="post" action="<?php echo site_url('qso') . "?manual=" . $_GET['manual']; ?>" name="qsos" autocomplete="off" onReset="resetTimers(<?php echo $_GET['manual']; ?>);">
+        <form id="qso_input" method="post" action="<?php echo site_url('qso') . "?manual=" . $_GET['manual']; ?>" name="qsos" autocomplete="off" onReset="resetTimers(<?php echo $_GET['manual']; ?>);">
 
-      <div class="card-header">
-        <ul style="font-size: 15px;" class="nav nav-tabs card-header-tabs pull-right"  id="myTab" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" id="qsp-tab" data-bs-toggle="tab" href="#qso" role="tab" aria-controls="qso" aria-selected="true"><?php echo lang('gen_hamradio_qso'); ?><?php if ($_GET['manual'] == 0) { echo " <span class=\"badge text-bg-success\">LIVE</span>"; }; if ($_GET['manual'] == 1) { echo " <span class=\"badge text-bg-danger\">POST</span>"; } ?></a>
-          </li>
+          <div class="card-header">
+            <ul style="font-size: 15px;" class="nav nav-tabs card-header-tabs pull-right" id="myTab" role="tablist">
+              <li class="nav-item">
+                <a class="nav-link active" id="qsp-tab" data-bs-toggle="tab" href="#qso" role="tab" aria-controls="qso" aria-selected="true"><?php echo lang('gen_hamradio_qso'); ?><?php if ($_GET['manual'] == 0) {
+                                                                                                                                                                                      echo " <span class=\"badge text-bg-success\">LIVE</span>";
+                                                                                                                                                                                    };
+                                                                                                                                                                                    if ($_GET['manual'] == 1) {
+                                                                                                                                                                                      echo " <span class=\"badge text-bg-danger\">POST</span>";
+                                                                                                                                                                                    } ?></a>
+              </li>
 
-          <li class="nav-item">
-            <a class="nav-link" id="station-tab" data-bs-toggle="tab" href="#station" role="tab" aria-controls="station" aria-selected="false"><?php echo lang('gen_hamradio_station'); ?></a>
-          </li>
+              <li class="nav-item">
+                <a class="nav-link" id="station-tab" data-bs-toggle="tab" href="#station" role="tab" aria-controls="station" aria-selected="false"><?php echo lang('gen_hamradio_station'); ?></a>
+              </li>
 
-          <li class="nav-item">
-            <a class="nav-link" id="general-tab" data-bs-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="false"><?php echo lang('general_word_general'); ?></a>
-          </li>
+              <li class="nav-item">
+                <a class="nav-link" id="general-tab" data-bs-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="false"><?php echo lang('general_word_general'); ?></a>
+              </li>
 
-<?php if ($sat_active) { ?>
-          <li class="nav-item">
-            <a class="nav-link" id="satellite-tab" data-bs-toggle="tab" href="#satellite" role="tab" aria-controls="satellite" aria-selected="false"><?php echo lang('general_word_satellite_short'); ?></a>
-          </li>
-<?php } ?>
-
-          <li class="nav-item">
-            <a class="nav-link" id="notes-tab" data-bs-toggle="tab" href="#nav-notes" role="tab" aria-controls="notes" aria-selected="false"><?php echo lang('general_word_notes'); ?></a>
-          </li>
-
-          <li class="nav-item">
-            <a class="nav-link" id="qsl-tab" data-bs-toggle="tab" href="#qsl" role="tab" aria-controls="qsl" aria-selected="false"><?php echo lang('gen_hamradio_qsl'); ?></a>
-          </li>
-	
-  <li class="nav-item dropdown">
-    <a class="nav-link dropdown-toggle" id="fav_item" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-star"></i></a>
-    <div class="dropdown-menu">
-      <a class="dropdown-item" href="#" id="fav_add"><?php echo lang('fav_add'); ?></a>
-      <div class="dropdown-divider"></div>
-      <div id="fav_menu"></div>
-    </div>
-  </li>
-
-	        </ul>
-      </div>
-
-      <div class="card-body">
-        <div class="tab-content" id="myTabContent">
-          <div class="tab-pane fade show active" id="qso" role="tabpanel" aria-labelledby="qso-tab">
-                      <!-- HTML for Date/Time -->
-              <?php if ($this->session->userdata('user_qso_end_times')  == 1) { ?>
-              <div class="row">
-                <div class="mb-3 col-md-3">
-                  <label for="start_date"><?php echo lang('general_word_date'); ?></label>
-                  <input type="text" class="form-control form-control-sm input_date" name="start_date" id="start_date" value="<?php if (($this->session->userdata('start_date') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) { echo $this->session->userdata('start_date'); } else { echo date('d-m-Y');}?>" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-3][0-9]-[0-1][0-9]-[0-9]{4}">
-                </div>
-
-                <div class="mb-3 col-md-3">
-                <label for="start_time"><?php echo lang('general_word_time_on'); ?></label>
-                <?php if ($_GET['manual'] != 1) { ?>
-                   <i id="reset_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
-                <?php } else { ?>
-                   <i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
-                <?php } ?>
-                  <input type="text" class="form-control form-control-sm input_start_time" name="start_time" id="start_time" value="<?php if (($this->session->userdata('start_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) { echo substr($this->session->userdata('start_time'),0,5); } else { echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i'); } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
-                </div>
-
-                <div class="mb-3 col-md-3">
-                  <label for="end_time"><?php echo lang('general_word_time_off'); ?></label>
-                <?php if ($_GET['manual'] == 1) { ?>
-                   <i id="reset_end_time" data-bs-toggle="tooltip" title="Reset end time" class="fas fa-stopwatch"></i>
-                <?php } ?>
-                  <input type="text" class="form-control form-control-sm input_end_time" name="end_time" id="end_time" value="<?php if (($this->session->userdata('end_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) { echo substr($this->session->userdata('end_time'),0,5); } else { echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i'); } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
-                </div>
-
-                <?php if ( $_GET['manual'] == 0 ) { ?>
-                  <input class="input_start_time" type="hidden" id="start_time"  name="start_time"value="<?php echo date('H:i:s'); ?>" />
-                  <input class="input_end_time" type="hidden" id="end_time"  name="end_time"value="<?php echo date('H:i:s'); ?>" />
-                  <input class="input_date" type="hidden" id="start_date" name="start_date" value="<?php echo date('d-m-Y'); ?>" />
-                <?php } ?>
-              </div>
-
-              <?php } else {?>
-              <div class="row">
-                <div class="mb-3 col-md-6">
-                  <label for="start_date"><?php echo lang('general_word_date'); ?></label>
-                  <input type="text" class="form-control form-control-sm input_date" name="start_date" id="start_date" value="<?php if (($this->session->userdata('start_date') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) { echo $this->session->userdata('start_date'); } else { echo date('d-m-Y');}?>" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-3][0-9]-[0-1][0-9]-[0-9]{4}">
-                </div>
-
-                <div class="mb-3 col-md-6">
-                  <label for="start_time"><?php echo lang('general_word_time'); ?></label>
-                <?php if ($_GET['manual'] == 1) { ?>
-                   <i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
-                <?php } ?>
-                  <input type="text" class="form-control form-control-sm input_start_time" name="start_time" id="start_time" value="<?php if (($this->session->userdata('start_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) { echo substr($this->session->userdata('start_time'),0,5); } else { echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i'); } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
-                </div>
-
-                <?php if ( $_GET['manual'] == 0 ) { ?>
-                  <input class="input_start_time" type="hidden" id="start_time"  name="start_time"value="<?php echo date('H:i:s'); ?>" />
-                  <input class="input_date" type="hidden" id="start_date" name="start_date" value="<?php echo date('d-m-Y'); ?>" />
-                <?php } ?>
-              </div>
+              <?php if ($sat_active) { ?>
+                <li class="nav-item">
+                  <a class="nav-link" id="satellite-tab" data-bs-toggle="tab" href="#satellite" role="tab" aria-controls="satellite" aria-selected="false"><?php echo lang('general_word_satellite_short'); ?></a>
+                </li>
               <?php } ?>
 
-              <!-- Callsign Input -->
-              <div class="row">
-                <div class="mb-3 col-md-9">
-                  <label for="callsign"><?php echo lang('gen_hamradio_callsign'); ?></label><?php if ($this->optionslib->get_option('dxcache_url') != '') { ?>&nbsp;<i id="check_cluster" data-bs-toggle="tooltip" title="Search DXCluster for latest Spot" class="fas fa-search"></i> <?php } ?>
+              <li class="nav-item">
+                <a class="nav-link" id="notes-tab" data-bs-toggle="tab" href="#nav-notes" role="tab" aria-controls="notes" aria-selected="false"><?php echo lang('general_word_notes'); ?></a>
+              </li>
+
+              <li class="nav-item">
+                <a class="nav-link" id="qsl-tab" data-bs-toggle="tab" href="#qsl" role="tab" aria-controls="qsl" aria-selected="false"><?php echo lang('gen_hamradio_qsl'); ?></a>
+              </li>
+
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" id="fav_item" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-star"></i></a>
+                <div class="dropdown-menu">
+                  <a class="dropdown-item" href="#" id="fav_add"><?php echo lang('fav_add'); ?></a>
+                  <div class="dropdown-divider"></div>
+                  <div id="fav_menu"></div>
+                </div>
+              </li>
+
+            </ul>
+          </div>
+
+          <div class="card-body">
+            <div class="tab-content" id="myTabContent">
+              <div class="tab-pane fade show active" id="qso" role="tabpanel" aria-labelledby="qso-tab">
+                <!-- HTML for Date/Time -->
+                <?php if ($this->session->userdata('user_qso_end_times')  == 1) { ?>
+                  <div class="row">
+                    <div class="mb-3 col-md-3">
+                      <label for="start_date"><?php echo lang('general_word_date'); ?></label>
+                      <input type="text" class="form-control form-control-sm input_date" name="start_date" id="start_date" value="<?php if (($this->session->userdata('start_date') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) {
+                                                                                                                                    echo $this->session->userdata('start_date');
+                                                                                                                                  } else {
+                                                                                                                                    echo date('d-m-Y');
+                                                                                                                                  } ?>" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-3][0-9]-[0-1][0-9]-[0-9]{4}">
+                    </div>
+
+                    <div class="mb-3 col-md-3">
+                      <label for="start_time"><?php echo lang('general_word_time_on'); ?></label>
+                      <?php if ($_GET['manual'] != 1) { ?>
+                        <i id="reset_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
+                      <?php } else { ?>
+                        <i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
+                      <?php } ?>
+                      <input type="text" class="form-control form-control-sm input_start_time" name="start_time" id="start_time" value="<?php if (($this->session->userdata('start_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) {
+                                                                                                                                          echo substr($this->session->userdata('start_time'), 0, 5);
+                                                                                                                                        } else {
+                                                                                                                                          echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i');
+                                                                                                                                        } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
+                    </div>
+
+                    <div class="mb-3 col-md-3">
+                      <label for="end_time"><?php echo lang('general_word_time_off'); ?></label>
+                      <?php if ($_GET['manual'] == 1) { ?>
+                        <i id="reset_end_time" data-bs-toggle="tooltip" title="Reset end time" class="fas fa-stopwatch"></i>
+                      <?php } ?>
+                      <input type="text" class="form-control form-control-sm input_end_time" name="end_time" id="end_time" value="<?php if (($this->session->userdata('end_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) {
+                                                                                                                                    echo substr($this->session->userdata('end_time'), 0, 5);
+                                                                                                                                  } else {
+                                                                                                                                    echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i');
+                                                                                                                                  } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
+                    </div>
+
+                    <?php if ($_GET['manual'] == 0) { ?>
+                      <input class="input_start_time" type="hidden" id="start_time" name="start_time" value="<?php echo date('H:i:s'); ?>" />
+                      <input class="input_end_time" type="hidden" id="end_time" name="end_time" value="<?php echo date('H:i:s'); ?>" />
+                      <input class="input_date" type="hidden" id="start_date" name="start_date" value="<?php echo date('d-m-Y'); ?>" />
+                    <?php } ?>
+                  </div>
+
+                <?php } else { ?>
+                  <div class="row">
+                    <div class="mb-3 col-md-6">
+                      <label for="start_date"><?php echo lang('general_word_date'); ?></label>
+                      <input type="text" class="form-control form-control-sm input_date" name="start_date" id="start_date" value="<?php if (($this->session->userdata('start_date') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) {
+                                                                                                                                    echo $this->session->userdata('start_date');
+                                                                                                                                  } else {
+                                                                                                                                    echo date('d-m-Y');
+                                                                                                                                  } ?>" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-3][0-9]-[0-1][0-9]-[0-9]{4}">
+                    </div>
+
+                    <div class="mb-3 col-md-6">
+                      <label for="start_time"><?php echo lang('general_word_time'); ?></label>
+                      <?php if ($_GET['manual'] == 1) { ?>
+                        <i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i>
+                      <?php } ?>
+                      <input type="text" class="form-control form-control-sm input_start_time" name="start_time" id="start_time" value="<?php if (($this->session->userdata('start_time') != NULL && ((time() - $this->session->userdata('time_stamp')) < 24 * 60 * 60))) {
+                                                                                                                                          echo substr($this->session->userdata('start_time'), 0, 5);
+                                                                                                                                        } else {
+                                                                                                                                          echo $_GET['manual'] == 0 ? date('H:i:s') : date('H:i');
+                                                                                                                                        } ?>" size="7" <?php echo ($_GET['manual'] == 0 ? "disabled" : "");  ?> required pattern="[0-2][0-9]:[0-5][0-9]">
+                    </div>
+
+                    <?php if ($_GET['manual'] == 0) { ?>
+                      <input class="input_start_time" type="hidden" id="start_time" name="start_time" value="<?php echo date('H:i:s'); ?>" />
+                      <input class="input_date" type="hidden" id="start_date" name="start_date" value="<?php echo date('d-m-Y'); ?>" />
+                    <?php } ?>
+                  </div>
+                <?php } ?>
+
+                <!-- Callsign Input -->
+                <div class="row">
+                  <div class="mb-3 col-md-9">
+                    <label for="callsign"><?php echo lang('gen_hamradio_callsign'); ?></label><?php if ($this->optionslib->get_option('dxcache_url') != '') { ?>&nbsp;<i id="check_cluster" data-bs-toggle="tooltip" title="Search DXCluster for latest Spot" class="fas fa-search"></i> <?php } ?>
                   <input type="text" class="form-control" id="callsign" name="callsign" required>
                   <small id="callsign_info" class="badge text-bg-secondary"></small> <a id="lotw_link"><small id="lotw_info" class="badge text-bg-success"></small></a>
+                  </div>
+                  <div class="mb-3 col-md-3 align-self-center">
+                    <small id="qrz_info" class="text-bg-secondary me-1"></small>
+                    <small id="hamqth_info" class="text-bg-secondary me-1"></small>
+                  </div>
                 </div>
-                <div class="mb-3 col-md-3 align-self-center">
-                  <small id="qrz_info" class="text-bg-secondary me-1"></small>
-                  <small id="hamqth_info" class="text-bg-secondary me-1"></small>
-                </div>
-              </div>
 
-              <div class="row">
-                <div class="mb-3 col-md-6">
-                  <label for="mode"><?php echo lang('gen_hamradio_mode'); ?></label>
-                  <select id="mode" class="form-select mode form-select-sm" name="mode">
-                  <?php
-                      foreach($modes->result() as $mode){
+                <div class="row">
+                  <div class="mb-3 col-md-6">
+                    <label for="mode"><?php echo lang('gen_hamradio_mode'); ?></label>
+                    <select id="mode" class="form-select mode form-select-sm" name="mode">
+                      <?php
+                      foreach ($modes->result() as $mode) {
                         if ($mode->submode == null) {
-                          printf("<option value=\"%s\" %s>%s</option>", $mode->mode, $this->session->userdata('mode')==$mode->mode?"selected=\"selected\"":"",$mode->mode);
+                          printf("<option value=\"%s\" %s>%s</option>", $mode->mode, $this->session->userdata('mode') == $mode->mode ? "selected=\"selected\"" : "", $mode->mode);
                         } else {
-                          printf("<option value=\"%s\" %s>&rArr; %s</option>", $mode->submode, $this->session->userdata('mode')==$mode->submode?"selected=\"selected\"":"",$mode->submode);
+                          printf("<option value=\"%s\" %s>&rArr; %s</option>", $mode->submode, $this->session->userdata('mode') == $mode->submode ? "selected=\"selected\"" : "", $mode->submode);
                         }
                       }
-                  ?>
-                  </select>
-                </div>
+                      ?>
+                    </select>
+                  </div>
 
-                <div class="mb-3 col-md-6">
-                  <label for="band"><?php echo lang('gen_hamradio_band'); ?></label>
+                  <div class="mb-3 col-md-6">
+                    <label for="band"><?php echo lang('gen_hamradio_band'); ?></label>
 
-                  <select id="band" class="form-select form-select-sm" name="band">
-                  <?php foreach($bands as $key=>$bandgroup) {
-                          echo '<optgroup label="' . strtoupper($key) . '">';
-                          foreach($bandgroup as $band) {
-                            echo '<option value="' . $band . '"';
-                            if ($this->session->userdata('band') == $band || $user_default_band == $band) {
-                              echo ' selected';
-                            }
-                            echo '>' . $band . '</option>'."\n";
+                    <select id="band" class="form-select form-select-sm" name="band">
+                      <?php foreach ($bands as $key => $bandgroup) {
+                        echo '<optgroup label="' . strtoupper($key) . '">';
+                        foreach ($bandgroup as $band) {
+                          echo '<option value="' . $band . '"';
+                          if ($this->session->userdata('band') == $band || $user_default_band == $band) {
+                            echo ' selected';
                           }
-                          echo '</optgroup>';
+                          echo '>' . $band . '</option>' . "\n";
                         }
-                  ?>
-                  </select>
-                </div>
-              </div>
-
-              <!-- Signal Report Information -->
-              <div class="row">
-                <div class="mb-3 col-md-6">
-                  <label for="rst_sent"><?php echo lang('gen_hamradio_rsts'); ?></label>
-                  <input type="text" class="form-control form-control-sm" name="rst_sent" id="rst_sent" value="59">
+                        echo '</optgroup>';
+                      }
+                      ?>
+                    </select>
+                  </div>
                 </div>
 
-                <div class="mb-3 col-md-6">
-                  <label for="rst_rcvd"><?php echo lang('gen_hamradio_rstr'); ?></label>
-                  <input type="text" class="form-control form-control-sm" name="rst_rcvd" id="rst_rcvd" value="59">
-                </div>
-              </div>
+                <!-- Signal Report Information -->
+                <div class="row">
+                  <div class="mb-3 col-md-6">
+                    <label for="rst_sent"><?php echo lang('gen_hamradio_rsts'); ?></label>
+                    <input type="text" class="form-control form-control-sm" name="rst_sent" id="rst_sent" value="59">
+                  </div>
 
-              <div class="mb-3 row">
+                  <div class="mb-3 col-md-6">
+                    <label for="rst_rcvd"><?php echo lang('gen_hamradio_rstr'); ?></label>
+                    <input type="text" class="form-control form-control-sm" name="rst_rcvd" id="rst_rcvd" value="59">
+                  </div>
+                </div>
+
+                <div class="mb-3 row">
                   <label for="name" class="col-sm-3 col-form-label"><?php echo lang('general_word_name'); ?></label>
                   <div class="col-sm-9">
                     <input type="text" class="form-control form-control-sm" name="name" id="name" value="">
+                  </div>
                 </div>
-              </div>
 
-              <div class="mb-3 row">
-                <label for="qth" class="col-sm-3 col-form-label"><?php echo lang('general_word_location'); ?></label>
-                <div class="col-sm-9">
+                <div class="mb-3 row">
+                  <label for="qth" class="col-sm-3 col-form-label"><?php echo lang('general_word_location'); ?></label>
+                  <div class="col-sm-9">
                     <input type="text" class="form-control form-control-sm" name="qth" id="qth" value="">
+                  </div>
                 </div>
-              </div>
 
-              <div class="mb-3 row">
+                <div class="mb-3 row">
                   <label for="locator" class="col-sm-3 col-form-label"><?php echo lang('gen_hamradio_gridsquare'); ?></label>
                   <div class="col-sm-9">
                     <input type="text" class="form-control form-control-sm" name="locator" id="locator" value="">
                     <small id="locator_info" class="form-text text-muted"></small>
+                  </div>
                 </div>
-              </div>
 
-              <input type="hidden" name="distance" id="distance" value="0">
+                <input type="hidden" name="distance" id="distance" value="0">
 
-              <div class="mb-3 row">
+                <div class="mb-3 row">
                   <label for="comment" class="col-sm-3 col-form-label"><?php echo lang('general_word_comment'); ?></label>
                   <div class="col-sm-9">
                     <input type="text" class="form-control form-control-sm" name="comment" id="comment" value="">
+                  </div>
                 </div>
+
               </div>
 
-          </div>
+              <!-- Station Panel Data -->
+              <div class="tab-pane fade" id="station" role="tabpanel" aria-labelledby="station-tab">
+                <div class="mb-3">
+                  <label for="stationProfile"><?php echo lang('cloudlog_station_profile'); ?></label>
+                  <select id="stationProfile" class="form-select" name="station_profile">
+                    <?php
+                    $power = '';
+                    foreach ($stations->result() as $stationrow) {
+                    ?>
+                      <option value="<?php echo $stationrow->station_id; ?>" <?php if ($active_station_profile == $stationrow->station_id) {
+                                                                                echo "selected=\"selected\"";
+                                                                                $power = $stationrow->station_power;
+                                                                              } ?>><?php echo $stationrow->station_profile_name; ?></option>
+                    <?php } ?>
+                  </select>
+                </div>
 
-          <!-- Station Panel Data -->
-          <div class="tab-pane fade" id="station" role="tabpanel" aria-labelledby="station-tab">
-            <div class="mb-3">
-              <label for="stationProfile"><?php echo lang('cloudlog_station_profile'); ?></label>
-              <select id="stationProfile" class="form-select" name="station_profile">
-                <?php
-                   $power = '';
-                      foreach ($stations->result() as $stationrow) {
-                ?>
-                <option value="<?php echo $stationrow->station_id; ?>" <?php if($active_station_profile == $stationrow->station_id) { echo "selected=\"selected\""; $power = $stationrow->station_power; } ?>><?php echo $stationrow->station_profile_name; ?></option>
-                <?php } ?>
-              </select>
-            </div>
+                <div class="mb-3">
+                  <label for="radio"><?php echo lang('gen_hamradio_radio'); ?></label>
+                  <select class="form-select radios" id="radio" name="radio">
+                    <option value="0" selected="selected"><?php echo lang('general_word_none'); ?></option>
+                    <?php foreach ($radios->result() as $row) { ?>
+                      <option value="<?php echo $row->id; ?>" <?php if ($this->session->userdata('radio') == $row->id) {
+                                                                echo "selected=\"selected\"";
+                                                              } ?>><?php echo $row->radio; ?></option>
+                    <?php } ?>
+                  </select>
+                </div>
 
-            <div class="mb-3">
-              <label for="radio"><?php echo lang('gen_hamradio_radio'); ?></label>
-              <select class="form-select radios" id="radio" name="radio">
-                <option value="0" selected="selected"><?php echo lang('general_word_none'); ?></option>
-                <?php foreach ($radios->result() as $row) { ?>
-                <option value="<?php echo $row->id; ?>" <?php if($this->session->userdata('radio') == $row->id) { echo "selected=\"selected\""; } ?>><?php echo $row->radio; ?></option>
-                <?php } ?>
-                </select>
-            </div>
+                <div class="mb-3">
+                  <label for="frequency"><?php echo lang('gen_hamradio_frequency'); ?></label>
+                  <input type="text" class="form-control" id="frequency" name="freq_display" value="<?php echo $this->session->userdata('freq'); ?>" />
+                </div>
 
-            <div class="mb-3">
-              <label for="frequency"><?php echo lang('gen_hamradio_frequency'); ?></label>
-              <input type="text" class="form-control" id="frequency" name="freq_display" value="<?php echo $this->session->userdata('freq'); ?>" />
-            </div>
+                <div class="mb-3">
+                  <label for="frequency_rx"><?php echo lang('gen_hamradio_frequency_rx'); ?></label>
+                  <input type="text" class="form-control" id="frequency_rx" name="freq_display_rx" value="<?php echo $this->session->userdata('freq_rx'); ?>" />
+                </div>
 
-            <div class="mb-3">
-              <label for="frequency_rx"><?php echo lang('gen_hamradio_frequency_rx'); ?></label>
-              <input type="text" class="form-control" id="frequency_rx" name="freq_display_rx" value="<?php echo $this->session->userdata('freq_rx'); ?>" />
-            </div>
-
-            <div class="mb-3">
+                <div class="mb-3">
                   <label for="band_rx"><?php echo lang('gen_hamradio_band_rx'); ?></label>
 
                   <select id="band_rx" class="form-select" name="band_rx">
-                    <option value="" <?php if($this->session->userdata('band_rx') == "") { echo "selected=\"selected\""; } ?>></option>
+                    <option value="" <?php if ($this->session->userdata('band_rx') == "") {
+                                        echo "selected=\"selected\"";
+                                      } ?>></option>
 
-                  <?php foreach($bands as $key=>$bandgroup) {
-                          echo '<optgroup label="' . strtoupper($key) . '">';
-                          foreach($bandgroup as $band) {
-                            echo '<option value="' . $band . '"';
-                              if ($this->session->userdata('band_rx') == $band) echo ' selected';
-                              echo '>' . $band . '</option>'."\n";
-                          }
-                          echo '</optgroup>';
-                        }
-                  ?>
+                    <?php foreach ($bands as $key => $bandgroup) {
+                      echo '<optgroup label="' . strtoupper($key) . '">';
+                      foreach ($bandgroup as $band) {
+                        echo '<option value="' . $band . '"';
+                        if ($this->session->userdata('band_rx') == $band) echo ' selected';
+                        echo '>' . $band . '</option>' . "\n";
+                      }
+                      echo '</optgroup>';
+                    }
+                    ?>
                   </select>
-            </div>
+                </div>
 
-            <div class="mb-3">
-              <label for="transmit_power"><?php echo lang('gen_hamradio_transmit_power'); ?></label>
-              <input type="number" step="0.001" class="form-control" id="transmit_power" name="transmit_power" value="<?php if ($this->session->userdata('transmit_power')) { echo $this->session->userdata('transmit_power'); } else { echo $power; } ?>" />
-              <small id="powerHelp" class="form-text text-muted"><?php echo lang('qso_transmit_power_helptext'); ?></small>
-            </div>
+                <div class="mb-3">
+                  <label for="transmit_power"><?php echo lang('gen_hamradio_transmit_power'); ?></label>
+                  <input type="number" step="0.001" class="form-control" id="transmit_power" name="transmit_power" value="<?php if ($this->session->userdata('transmit_power')) {
+                                                                                                                            echo $this->session->userdata('transmit_power');
+                                                                                                                          } else {
+                                                                                                                            echo $power;
+                                                                                                                          } ?>" />
+                  <small id="powerHelp" class="form-text text-muted"><?php echo lang('qso_transmit_power_helptext'); ?></small>
+                </div>
 
-            <div class="mb-3">
-              <label for="operator_callsign"><?php echo lang('qso_operator_callsign'); ?></label>
-              <input type="text" class="form-control" id="operator_callsign" name="operator_callsign" value="<?php if ($this->session->userdata('operator_callsign')) { echo $this->session->userdata('operator_callsign'); } ?>" />
-            </div>
+                <div class="mb-3">
+                  <label for="operator_callsign"><?php echo lang('qso_operator_callsign'); ?></label>
+                  <input type="text" class="form-control" id="operator_callsign" name="operator_callsign" value="<?php if ($this->session->userdata('operator_callsign')) {
+                                                                                                                    echo $this->session->userdata('operator_callsign');
+                                                                                                                  } ?>" />
+                </div>
 
-        </div>
+              </div>
 
-          <!-- General Items -->
-          <div class="tab-pane fade" id="general" role="tabpanel" aria-labelledby="general-tab">
-              <div class="mb-3">
+              <!-- General Items -->
+              <div class="tab-pane fade" id="general" role="tabpanel" aria-labelledby="general-tab">
+                <div class="mb-3">
                   <label for="dxcc_id"><?php echo lang('gen_hamradio_dxcc'); ?></label>
                   <select class="form-select" id="dxcc_id" name="dxcc_id" required>
-                      <option value="0">- NONE -</option>
-                      <?php
-                      foreach($dxcc as $d){
-                          echo '<option value=' . $d->adif . '>' . $d->prefix . ' - ' . ucwords(strtolower(($d->name)));
-                          if ($d->Enddate != null) {
-                              echo ' ('.lang('gen_hamradio_deleted_dxcc').')';
-                          }
-                          echo '</option>';
+                    <option value="0">- NONE -</option>
+                    <?php
+                    foreach ($dxcc as $d) {
+                      echo '<option value=' . $d->adif . '>' . $d->prefix . ' - ' . ucwords(strtolower(($d->name)));
+                      if ($d->Enddate != null) {
+                        echo ' (' . lang('gen_hamradio_deleted_dxcc') . ')';
                       }
-                      ?>
+                      echo '</option>';
+                    }
+                    ?>
 
                   </select>
-              </div>
-              <div class="mb-3">
+                </div>
+                <div class="mb-3">
                   <label for="continent"><?php echo lang('gen_hamradio_continent'); ?></label>
                   <select class="form-select" id="continent" name="continent">
-                      <option value=""></option>
-                      <option value="AF"><?php echo lang('africa'); ?></option>
-                      <option value="AN"><?php echo lang('antarctica'); ?></option>
-                      <option value="AS"><?php echo lang('asia'); ?></option>
-                      <option value="EU"><?php echo lang('europe'); ?></option>
-                      <option value="NA"><?php echo lang('northamerica'); ?></option>
-                      <option value="OC"><?php echo lang('oceania'); ?></option>
-                      <option value="SA"><?php echo lang('southamerica'); ?></option>
+                    <option value=""></option>
+                    <option value="AF"><?php echo lang('africa'); ?></option>
+                    <option value="AN"><?php echo lang('antarctica'); ?></option>
+                    <option value="AS"><?php echo lang('asia'); ?></option>
+                    <option value="EU"><?php echo lang('europe'); ?></option>
+                    <option value="NA"><?php echo lang('northamerica'); ?></option>
+                    <option value="OC"><?php echo lang('oceania'); ?></option>
+                    <option value="SA"><?php echo lang('southamerica'); ?></option>
                   </select>
-              </div>
-              <div class="mb-3">
+                </div>
+                <div class="mb-3">
                   <label for="cqz"><?php echo lang('gen_hamradio_cq_zone'); ?></label>
                   <select class="form-select" id="cqz" name="cqz" required>
-                      <?php
-                      for ($i = 0; $i<=40; $i++) {
-                          echo '<option value="'. $i . '">'. $i .'</option>';
-                      }
-                      ?>
+                    <?php
+                    for ($i = 0; $i <= 40; $i++) {
+                      echo '<option value="' . $i . '">' . $i . '</option>';
+                    }
+                    ?>
                   </select>
-              </div>
+                </div>
 
-            <div class="mb-3">
-              <label for="selectPropagation"><?php echo lang('gen_hamradio_propagation_mode'); ?></label>
-              <select class="form-select" id="selectPropagation" name="prop_mode">
-                <option value="" <?php if(!empty($this->session->userdata('prop_mode'))) { echo "selected=\"selected\""; } ?>></option>
-                <option value="AS" <?php if($this->session->userdata('prop_mode') == "AS") { echo "selected=\"selected\""; } ?>>Aircraft Scatter</option>
-                <option value="AUR" <?php if($this->session->userdata('prop_mode') == "AUR") { echo "selected=\"selected\""; } ?>>Aurora</option>
-                <option value="AUE" <?php if($this->session->userdata('prop_mode') == "AUE") { echo "selected=\"selected\""; } ?>>Aurora-E</option>
-                <option value="BS" <?php if($this->session->userdata('prop_mode') == "BS") { echo "selected=\"selected\""; } ?>>Back scatter</option>
-                <option value="ECH" <?php if($this->session->userdata('prop_mode') == "ECH") { echo "selected=\"selected\""; } ?>>EchoLink</option>
-                <option value="EME" <?php if($this->session->userdata('prop_mode') == "EME") { echo "selected=\"selected\""; } ?>>Earth-Moon-Earth</option>
-                <option value="ES" <?php if($this->session->userdata('prop_mode') == "ES") { echo "selected=\"selected\""; } ?>>Sporadic E</option>
-                <option value="FAI" <?php if($this->session->userdata('prop_mode') == "FAI") { echo "selected=\"selected\""; } ?>>Field Aligned Irregularities</option>
-                <option value="F2" <?php if($this->session->userdata('prop_mode') == "F2") { echo "selected=\"selected\""; } ?>>F2 Reflection</option>
-                <option value="INTERNET" <?php if($this->session->userdata('prop_mode') == "INTERNET") { echo "selected=\"selected\""; } ?>>Internet-assisted</option>
-                <option value="ION" <?php if($this->session->userdata('prop_mode') == "ION") { echo "selected=\"selected\""; } ?>>Ionoscatter</option>
-                <option value="IRL" <?php if($this->session->userdata('prop_mode') == "IRL") { echo "selected=\"selected\""; } ?>>IRLP</option>
-                <option value="MS" <?php if($this->session->userdata('prop_mode') == "MS") { echo "selected=\"selected\""; } ?>>Meteor scatter</option>
-                <option value="RPT" <?php if($this->session->userdata('prop_mode') == "RPT") { echo "selected=\"selected\""; } ?>>Terrestrial or atmospheric repeater or transponder</option>
-                <option value="RS" <?php if($this->session->userdata('prop_mode') == "RS") { echo "selected=\"selected\""; } ?>>Rain scatter</option>
-                <option value="SAT" <?php if($this->session->userdata('prop_mode') == "SAT") { echo "selected=\"selected\""; } ?>>Satellite</option>
-                <option value="TEP" <?php if($this->session->userdata('prop_mode') == "TEP") { echo "selected=\"selected\""; } ?>>Trans-equatorial</option>
-                <option value="TR" <?php if($this->session->userdata('prop_mode') == "TR") { echo "selected=\"selected\""; } ?>>Tropospheric ducting</option>
-              </select>
-            </div>
+                <div class="mb-3">
+                  <label for="selectPropagation"><?php echo lang('gen_hamradio_propagation_mode'); ?></label>
+                  <select class="form-select" id="selectPropagation" name="prop_mode">
+                    <option value="" <?php if (!empty($this->session->userdata('prop_mode'))) {
+                                        echo "selected=\"selected\"";
+                                      } ?>></option>
+                    <option value="AS" <?php if ($this->session->userdata('prop_mode') == "AS") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Aircraft Scatter</option>
+                    <option value="AUR" <?php if ($this->session->userdata('prop_mode') == "AUR") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Aurora</option>
+                    <option value="AUE" <?php if ($this->session->userdata('prop_mode') == "AUE") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Aurora-E</option>
+                    <option value="BS" <?php if ($this->session->userdata('prop_mode') == "BS") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Back scatter</option>
+                    <option value="ECH" <?php if ($this->session->userdata('prop_mode') == "ECH") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>EchoLink</option>
+                    <option value="EME" <?php if ($this->session->userdata('prop_mode') == "EME") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Earth-Moon-Earth</option>
+                    <option value="ES" <?php if ($this->session->userdata('prop_mode') == "ES") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Sporadic E</option>
+                    <option value="FAI" <?php if ($this->session->userdata('prop_mode') == "FAI") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Field Aligned Irregularities</option>
+                    <option value="F2" <?php if ($this->session->userdata('prop_mode') == "F2") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>F2 Reflection</option>
+                    <option value="INTERNET" <?php if ($this->session->userdata('prop_mode') == "INTERNET") {
+                                                echo "selected=\"selected\"";
+                                              } ?>>Internet-assisted</option>
+                    <option value="ION" <?php if ($this->session->userdata('prop_mode') == "ION") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Ionoscatter</option>
+                    <option value="IRL" <?php if ($this->session->userdata('prop_mode') == "IRL") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>IRLP</option>
+                    <option value="MS" <?php if ($this->session->userdata('prop_mode') == "MS") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Meteor scatter</option>
+                    <option value="RPT" <?php if ($this->session->userdata('prop_mode') == "RPT") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Terrestrial or atmospheric repeater or transponder</option>
+                    <option value="RS" <?php if ($this->session->userdata('prop_mode') == "RS") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Rain scatter</option>
+                    <option value="SAT" <?php if ($this->session->userdata('prop_mode') == "SAT") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Satellite</option>
+                    <option value="TEP" <?php if ($this->session->userdata('prop_mode') == "TEP") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Trans-equatorial</option>
+                    <option value="TR" <?php if ($this->session->userdata('prop_mode') == "TR") {
+                                          echo "selected=\"selected\"";
+                                        } ?>>Tropospheric ducting</option>
+                  </select>
+                </div>
 
-            <div class="mb-3">
-              <label for="input_usa_state"><?php echo lang('gen_hamradio_usa_state'); ?></label>
-              <select class="form-select" id="input_usa_state" name="usa_state">
-                <option value=""></option>
-                <option value="AL">Alabama (AL)</option>
-                <option value="AK">Alaska (AK)</option>
-                <option value="AZ">Arizona (AZ)</option>
-                <option value="AR">Arkansas (AR)</option>
-                <option value="CA">California (CA)</option>
-                <option value="CO">Colorado (CO)</option>
-                <option value="CT">Connecticut (CT)</option>
-                <option value="DE">Delaware (DE)</option>
-                <option value="DC">District Of Columbia (DC)</option>
-                <option value="FL">Florida (FL)</option>
-                <option value="GA">Georgia (GA)</option>
-                <option value="HI">Hawaii (HI)</option>
-                <option value="ID">Idaho (ID)</option>
-                <option value="IL">Illinois (IL)</option>
-                <option value="IN">Indiana (IN)</option>
-                <option value="IA">Iowa (IA)</option>
-                <option value="KS">Kansas (KS)</option>
-                <option value="KY">Kentucky (KY)</option>
-                <option value="LA">Louisiana (LA)</option>
-                <option value="ME">Maine (ME)</option>
-                <option value="MD">Maryland (MD)</option>
-                <option value="MA">Massachusetts (MA)</option>
-                <option value="MI">Michigan (MI)</option>
-                <option value="MN">Minnesota (MN)</option>
-                <option value="MS">Mississippi (MS)</option>
-                <option value="MO">Missouri (MO)</option>
-                <option value="MT">Montana (MT)</option>
-                <option value="NE">Nebraska (NE)</option>
-                <option value="NV">Nevada (NV)</option>
-                <option value="NH">New Hampshire (NH)</option>
-                <option value="NJ">New Jersey (NJ)</option>
-                <option value="NM">New Mexico (NM)</option>
-                <option value="NY">New York (NY)</option>
-                <option value="NC">North Carolina (NC)</option>
-                <option value="ND">North Dakota (ND)</option>
-                <option value="OH">Ohio (OH)</option>
-                <option value="OK">Oklahoma (OK)</option>
-                <option value="OR">Oregon (OR)</option>
-                <option value="PA">Pennsylvania (PA)</option>
-                <option value="RI">Rhode Island (RI)</option>
-                <option value="SC">South Carolina (SC)</option>
-                <option value="SD">South Dakota (SD)</option>
-                <option value="TN">Tennessee (TN)</option>
-                <option value="TX">Texas (TX)</option>
-                <option value="UT">Utah (UT)</option>
-                <option value="VT">Vermont (VT)</option>
-                <option value="VA">Virginia (VA)</option>
-                <option value="WA">Washington (WA)</option>
-                <option value="WV">West Virginia (WV)</option>
-                <option value="WI">Wisconsin (WI)</option>
-                <option value="WY">Wyoming (WY)</option>
-              </select>
-            </div>
+                <div class="mb-3">
+                  <label for="input_usa_state"><?php echo lang('gen_hamradio_usa_state'); ?></label>
+                  <select class="form-select" id="input_usa_state" name="usa_state">
+                    <option value=""></option>
+                    <option value="AL">Alabama (AL)</option>
+                    <option value="AK">Alaska (AK)</option>
+                    <option value="AZ">Arizona (AZ)</option>
+                    <option value="AR">Arkansas (AR)</option>
+                    <option value="CA">California (CA)</option>
+                    <option value="CO">Colorado (CO)</option>
+                    <option value="CT">Connecticut (CT)</option>
+                    <option value="DE">Delaware (DE)</option>
+                    <option value="DC">District Of Columbia (DC)</option>
+                    <option value="FL">Florida (FL)</option>
+                    <option value="GA">Georgia (GA)</option>
+                    <option value="HI">Hawaii (HI)</option>
+                    <option value="ID">Idaho (ID)</option>
+                    <option value="IL">Illinois (IL)</option>
+                    <option value="IN">Indiana (IN)</option>
+                    <option value="IA">Iowa (IA)</option>
+                    <option value="KS">Kansas (KS)</option>
+                    <option value="KY">Kentucky (KY)</option>
+                    <option value="LA">Louisiana (LA)</option>
+                    <option value="ME">Maine (ME)</option>
+                    <option value="MD">Maryland (MD)</option>
+                    <option value="MA">Massachusetts (MA)</option>
+                    <option value="MI">Michigan (MI)</option>
+                    <option value="MN">Minnesota (MN)</option>
+                    <option value="MS">Mississippi (MS)</option>
+                    <option value="MO">Missouri (MO)</option>
+                    <option value="MT">Montana (MT)</option>
+                    <option value="NE">Nebraska (NE)</option>
+                    <option value="NV">Nevada (NV)</option>
+                    <option value="NH">New Hampshire (NH)</option>
+                    <option value="NJ">New Jersey (NJ)</option>
+                    <option value="NM">New Mexico (NM)</option>
+                    <option value="NY">New York (NY)</option>
+                    <option value="NC">North Carolina (NC)</option>
+                    <option value="ND">North Dakota (ND)</option>
+                    <option value="OH">Ohio (OH)</option>
+                    <option value="OK">Oklahoma (OK)</option>
+                    <option value="OR">Oregon (OR)</option>
+                    <option value="PA">Pennsylvania (PA)</option>
+                    <option value="RI">Rhode Island (RI)</option>
+                    <option value="SC">South Carolina (SC)</option>
+                    <option value="SD">South Dakota (SD)</option>
+                    <option value="TN">Tennessee (TN)</option>
+                    <option value="TX">Texas (TX)</option>
+                    <option value="UT">Utah (UT)</option>
+                    <option value="VT">Vermont (VT)</option>
+                    <option value="VA">Virginia (VA)</option>
+                    <option value="WA">Washington (WA)</option>
+                    <option value="WV">West Virginia (WV)</option>
+                    <option value="WI">Wisconsin (WI)</option>
+                    <option value="WY">Wyoming (WY)</option>
+                  </select>
+                </div>
 
-              <div class="mb-3">
+                <div class="mb-3">
                   <label for="stationCntyInput"><?php echo lang('gen_hamradio_county_reference'); ?></label>
                   <input disabled="disabled" class="form-control" id="stationCntyInput" type="text" name="county" value="" />
+                </div>
+
+                <div class="mb-3">
+                  <label for="iota_ref"><?php echo lang('gen_hamradio_iota_reference'); ?></label>
+                  <select class="form-select" id="iota_ref" name="iota_ref">
+                    <option value=""></option>
+
+                    <?php
+                    foreach ($iota as $i) {
+                      echo '<option value=' . $i->tag . '>' . $i->tag . ' - ' . $i->name . '</option>';
+                    }
+                    ?>
+
+                  </select>
+                </div>
+
+                <div class="row">
+                  <div class="mb-3 col-md-9">
+                    <label for="sota_ref"><?php echo lang('gen_hamradio_sota_reference'); ?></label>
+                    <input class="form-control" id="sota_ref" type="text" name="sota_ref" value="" />
+                    <small id="sotaRefHelp" class="form-text text-muted"><?php echo lang('qso_sota_ref_helptext'); ?></small>
+                  </div>
+                  <div class="mb-3 col-md-3 align-self-center">
+                    <small id="sota_info" class="badge text-bg-secondary"></small>
+                  </div>
+                </div>
+
+                <div class="row">
+                  <div class="mb-3 col-md-9">
+                    <label for="wwff_ref"><?php echo lang('gen_hamradio_wwff_reference'); ?></label>
+                    <input class="form-control" id="wwff_ref" type="text" name="wwff_ref" value="" />
+                    <small id="wwffRefHelp" class="form-text text-muted"><?php echo lang('qso_wwff_ref_helptext'); ?></small>
+                  </div>
+                  <div class="mb-3 col-md-3 align-self-center">
+                    <small id="wwff_info" class="badge text-bg-secondary"></small>
+                  </div>
+                </div>
+
+                <div class="row">
+                  <div class="mb-3 col-md-9">
+                    <label for="pota_ref"><?php echo lang('gen_hamradio_pota_reference'); ?></label>
+                    <input class="form-control" id="pota_ref" type="text" name="pota_ref" value="" />
+                    <small id="potaRefHelp" class="form-text text-muted"><?php echo lang('qso_pota_ref_helptext'); ?></small>
+                  </div>
+                  <div class="mb-3 col-md-3 align-self-center">
+                    <small id="pota_info" class="badge text-bg-secondary"></small>
+                  </div>
+                </div>
+
+                <div class="mb-3">
+                  <label for="sig"><?php echo lang('gen_hamradio_sig'); ?></label>
+                  <input class="form-control" id="sig" type="text" name="sig" value="" />
+                  <small id="sigHelp" class="form-text text-muted"><?php echo lang('qso_sig_helptext'); ?></small>
+                </div>
+
+                <div class="mb-3">
+                  <label for="sig_info"><?php echo lang('gen_hamradio_sig_info'); ?></label>
+                  <input class="form-control" id="sig_info" type="text" name="sig_info" value="" />
+                  <small id="sigInfoHelp" class="form-text text-muted"><?php echo lang('qso_sig_info_helptext'); ?></small>
+                </div>
+
+                <div class="mb-3">
+                  <label for="darc_dok"><?php echo lang('gen_hamradio_dok'); ?></label>
+                  <input class="form-control" id="darc_dok" type="text" name="darc_dok" value="" />
+                  <small id="dokHelp" class="form-text text-muted"><?php echo lang('qso_dok_helptext'); ?></small>
+                </div>
               </div>
 
-            <div class="mb-3">
-              <label for="iota_ref"><?php echo lang('gen_hamradio_iota_reference'); ?></label>
-                    <select class="form-select" id="iota_ref" name="iota_ref">
-                        <option value =""></option>
+              <!-- Satellite Panel -->
+              <div class="tab-pane fade" id="satellite" role="tabpanel" aria-labelledby="satellite-tab">
+                <div class="mb-3">
+                  <label for="sat_name"><?php echo lang('gen_hamradio_satellite_name'); ?></label>
 
-                        <?php
-                        foreach($iota as $i){
-                            echo '<option value=' . $i->tag . '>' . $i->tag . ' - ' . $i->name . '</option>';
-                        }
-                        ?>
+                  <input list="satellite_names" id="sat_name" type="text" name="sat_name" class="form-control" value="<?php echo $this->session->userdata('sat_name'); ?>">
 
+                  <datalist id="satellite_names" class="satellite_names_list"></datalist>
+                </div>
+
+                <div class="mb-3">
+                  <label for="sat_mode"><?php echo lang('gen_hamradio_satellite_mode'); ?></label>
+
+                  <input list="satellite_modes" id="sat_mode" type="text" name="sat_mode" class="form-control" value="<?php echo $this->session->userdata('sat_mode'); ?>">
+
+                  <datalist id="satellite_modes" class="satellite_modes_list"></datalist>
+                </div>
+              </div>
+
+              <!-- Notes Panel Contents -->
+              <div class="tab-pane fade" id="nav-notes" role="tabpanel" aria-labelledby="notes-tab">
+                <div class="alert alert-info" role="alert">
+                  <span class="badge text-bg-info"><?php echo lang('general_word_info'); ?></span> <?php echo lang('qso_notes_helptext'); ?>
+                </div>
+                <div class="mb-3">
+                  <label for="notes"><?php echo lang('general_word_notes'); ?></label>
+                  <textarea type="text" class="form-control" id="notes" name="notes" rows="10"></textarea>
+                </div>
+              </div>
+
+              <!-- QSL Tab -->
+              <div class="tab-pane fade" id="qsl" role="tabpanel" aria-labelledby="qsl-tab">
+
+                <div class="mb-3 row">
+                  <label for="sent" class="col-sm-3 col-form-label"><?php echo lang('general_word_sent'); ?></label>
+                  <div class="col-sm-9">
+                    <select class="form-select" id="sent" name="qsl_sent">
+                      <option value="N" selected="selected"><?php echo lang('general_word_no'); ?></option>
+                      <option value="Y"><?php echo lang('general_word_yes'); ?></option>
+                      <option value="R"><?php echo lang('general_word_requested'); ?></option>
+                      <option value="Q"><?php echo lang('general_word_queued'); ?></option>
+                      <option value="I"><?php echo lang('general_word_invalid_ignore'); ?></option>
                     </select>
-            </div>
+                  </div>
+                </div>
 
-            <div class="row">
-              <div class="mb-3 col-md-9">
-                <label for="sota_ref"><?php echo lang('gen_hamradio_sota_reference'); ?></label>
-                <input class="form-control" id="sota_ref" type="text" name="sota_ref" value="" />
-                <small id="sotaRefHelp" class="form-text text-muted"><?php echo lang('qso_sota_ref_helptext'); ?></small>
-              </div>
-              <div class="mb-3 col-md-3 align-self-center">
-                <small id="sota_info" class="badge text-bg-secondary"></small>
+                <div class="mb-3 row">
+                  <label for="sent-method" class="col-sm-3 col-form-label"><?php echo lang('general_word_method'); ?></label>
+                  <div class="col-sm-9">
+                    <select class="form-select" id="sent-method" name="qsl_sent_method">
+                      <option value="" selected="selected"><?php echo lang('general_word_method'); ?></option>
+                      <option value="D"><?php echo lang('general_word_qslcard_direct'); ?></option>
+                      <option value="B"><?php echo lang('general_word_qslcard_bureau'); ?></option>
+                      <option value="E"><?php echo lang('general_word_qslcard_electronic'); ?></option>
+                      <option value="M"><?php echo lang('general_word_qslcard_manager'); ?></option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="mb-3 row">
+                  <label for="qsl_via" class="col-sm-2 col-form-label"><?php echo lang('general_word_qslcard_via'); ?></label>
+                  <div class="col-sm-10">
+                    <input type="text" id="qsl_via" class="form-control" name="qsl_via" value="" />
+                  </div>
+                </div>
+
+                <div class="alert alert-info" role="alert">
+                  <span class="badge text-bg-info"><?php echo lang('general_word_info'); ?></span> <?php echo lang('qsl_notes_helptext'); ?>
+                </div>
+                <div class="mb-3">
+                  <label for="qslmsg"><?php echo lang('general_word_notes'); ?><span class="qso_eqsl_qslmsg_update" title="<?php echo lang('qso_eqsl_qslmsg_helptext'); ?>"><i class="fas fa-redo-alt"></i></span></label>
+                  <label class="position-absolute end-0 mb-2 me-3" for="qslmsg" id="charsLeft"> </label>
+                  <textarea type="text" class="form-control" id="qslmsg" name="qslmsg" rows="5" maxlength="240"><?php echo $qslmsg; ?></textarea>
+                  <div id="qslmsg_hide" style="display:none;"><?php echo $qslmsg; ?></div>
+                </div>
               </div>
             </div>
 
-            <div class="row">
-              <div class="mb-3 col-md-9">
-                <label for="wwff_ref"><?php echo lang('gen_hamradio_wwff_reference'); ?></label>
-                <input class="form-control" id="wwff_ref" type="text" name="wwff_ref" value="" />
-                <small id="wwffRefHelp" class="form-text text-muted"><?php echo lang('qso_wwff_ref_helptext'); ?></small>
-              </div>
-              <div class="mb-3 col-md-3 align-self-center">
-                <small id="wwff_info" class="badge text-bg-secondary"></small>
-              </div>
+
+
+            <div class="info">
+              <input size="20" id="country" type="hidden" name="country" value="" />
             </div>
 
-            <div class="row">
-              <div class="mb-3 col-md-9">
-                <label for="pota_ref"><?php echo lang('gen_hamradio_pota_reference'); ?></label>
-                <input class="form-control" id="pota_ref" type="text" name="pota_ref" value="" />
-                <small id="potaRefHelp" class="form-text text-muted"><?php echo lang('qso_pota_ref_helptext'); ?></small>
-              </div>
-              <div class="mb-3 col-md-3 align-self-center">
-                <small id="pota_info" class="badge text-bg-secondary"></small>
-              </div>
-            </div>
-
-            <div class="mb-3">
-              <label for="sig"><?php echo lang('gen_hamradio_sig'); ?></label>
-              <input class="form-control" id="sig" type="text" name="sig" value="" />
-              <small id="sigHelp" class="form-text text-muted"><?php echo lang('qso_sig_helptext'); ?></small>
-            </div>
-
-            <div class="mb-3">
-              <label for="sig_info"><?php echo lang('gen_hamradio_sig_info'); ?></label>
-              <input class="form-control" id="sig_info" type="text" name="sig_info" value="" />
-              <small id="sigInfoHelp" class="form-text text-muted"><?php echo lang('qso_sig_info_helptext'); ?></small>
-            </div>
-
-            <div class="mb-3">
-              <label for="darc_dok"><?php echo lang('gen_hamradio_dok'); ?></label>
-              <input class="form-control" id="darc_dok" type="text" name="darc_dok" value="" />
-              <small id="dokHelp" class="form-text text-muted"><?php echo lang('qso_dok_helptext'); ?></small>
-            </div>
+            <button type="reset" class="btn btn-secondary" onclick="reset_fields()"><?php echo lang('qso_btn_reset_qso'); ?></button>
+            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> <?php echo lang('qso_btn_save_qso'); ?></button>
+            <div class="alert alert-danger warningOnSubmit mt-3" style="display:none;"><span><i class="fas fa-times-circle"></i></span> <span class="warningOnSubmit_txt ms-1">Error</span></div>
           </div>
-
-          <!-- Satellite Panel -->
-          <div class="tab-pane fade" id="satellite" role="tabpanel" aria-labelledby="satellite-tab">
-            <div class="mb-3">
-              <label for="sat_name"><?php echo lang('gen_hamradio_satellite_name'); ?></label>
-
-              <input list="satellite_names" id="sat_name" type="text" name="sat_name" class="form-control" value="<?php echo $this->session->userdata('sat_name'); ?>">
-
-              <datalist id="satellite_names" class="satellite_names_list"></datalist>
-            </div>
-
-            <div class="mb-3">
-              <label for="sat_mode"><?php echo lang('gen_hamradio_satellite_mode'); ?></label>
-
-              <input list="satellite_modes" id="sat_mode" type="text" name="sat_mode" class="form-control" value="<?php echo $this->session->userdata('sat_mode'); ?>">
-
-              <datalist id="satellite_modes" class="satellite_modes_list"></datalist>
-            </div>
-          </div>
-
-          <!-- Notes Panel Contents -->
-          <div class="tab-pane fade" id="nav-notes" role="tabpanel" aria-labelledby="notes-tab">
-            <div class="alert alert-info" role="alert">
-              <span class="badge text-bg-info"><?php echo lang('general_word_info'); ?></span> <?php echo lang('qso_notes_helptext'); ?>
-            </div>
-           <div class="mb-3">
-              <label for="notes"><?php echo lang('general_word_notes'); ?></label>
-              <textarea  type="text" class="form-control" id="notes" name="notes" rows="10"></textarea>
-            </div>
-          </div>
-
-          <!-- QSL Tab -->
-          <div class="tab-pane fade" id="qsl" role="tabpanel" aria-labelledby="qsl-tab">
-
-            <div class="mb-3 row">
-              <label for="sent" class="col-sm-3 col-form-label"><?php echo lang('general_word_sent'); ?></label>
-              <div class="col-sm-9">
-                <select class="form-select" id="sent" name="qsl_sent">
-                  <option value="N" selected="selected"><?php echo lang('general_word_no'); ?></option>
-                  <option value="Y"><?php echo lang('general_word_yes'); ?></option>
-                  <option value="R"><?php echo lang('general_word_requested'); ?></option>
-                  <option value="Q"><?php echo lang('general_word_queued'); ?></option>
-                  <option value="I"><?php echo lang('general_word_invalid_ignore'); ?></option>
-                </select>
-              </div>
-            </div>
-
-            <div class="mb-3 row">
-              <label for="sent-method" class="col-sm-3 col-form-label"><?php echo lang('general_word_method'); ?></label>
-              <div class="col-sm-9">
-                <select class="form-select" id="sent-method" name="qsl_sent_method">
-                 <option value="" selected="selected"><?php echo lang('general_word_method'); ?></option>
-                 <option value="D"><?php echo lang('general_word_qslcard_direct'); ?></option>
-                 <option value="B"><?php echo lang('general_word_qslcard_bureau'); ?></option>
-                 <option value="E"><?php echo lang('general_word_qslcard_electronic'); ?></option>
-                 <option value="M"><?php echo lang('general_word_qslcard_manager'); ?></option>
-                </select>
-              </div>
-            </div>
-
-            <div class="mb-3 row">
-              <label for="qsl_via" class="col-sm-2 col-form-label"><?php echo lang('general_word_qslcard_via'); ?></label>
-              <div class="col-sm-10">
-                <input type="text" id="qsl_via" class="form-control" name="qsl_via" value="" />
-              </div>
-            </div>
-
-            <div class="alert alert-info" role="alert">
-              <span class="badge text-bg-info"><?php echo lang('general_word_info'); ?></span> <?php echo lang('qsl_notes_helptext'); ?>
-            </div>
-           <div class="mb-3">
-            <label for="qslmsg"><?php echo lang('general_word_notes'); ?><span class="qso_eqsl_qslmsg_update" title="<?php echo lang('qso_eqsl_qslmsg_helptext'); ?>"><i class="fas fa-redo-alt"></i></span></label>
-						<label class="position-absolute end-0 mb-2 me-3" for="qslmsg" id="charsLeft"> </label>
-            <textarea  type="text" class="form-control" id="qslmsg" name="qslmsg" rows="5" maxlength="240"><?php echo $qslmsg; ?></textarea>
-            <div id="qslmsg_hide" style="display:none;"><?php echo $qslmsg; ?></div>
-            </div>
-          </div>
-        </div>
-
-
-
-        <div class="info">
-          <input size="20" id="country" type="hidden" name="country" value="" />
-        </div>
-
-        <button type="reset" class="btn btn-secondary" onclick="reset_fields()"><?php echo lang('qso_btn_reset_qso'); ?></button>
-        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> <?php echo lang('qso_btn_save_qso'); ?></button>
-        <div class="alert alert-danger warningOnSubmit mt-3" style="display:none;"><span><i class="fas fa-times-circle"></i></span> <span class="warningOnSubmit_txt ms-1">Error</span></div>
+        </form>
       </div>
-    </form>
-    </div>
-  </div>
-
-
-  <div class="col-sm-7">
-
-<?php if($notice) { ?>
-<div id="notice-alerts" class="alert alert-info" role="alert">
-  <?php echo $notice; ?>
-</div>
-<?php } ?>
-
-<?php if(validation_errors()) { ?>
-<div id="notice-alerts" class="alert alert-warning" role="alert">
-  <?php echo validation_errors(); ?>
-</div>
-<?php } ?>
-
-    <!-- QSO Map -->
-    <div class="card qso-map">
-            <div id="qsomap" class="map-leaflet" style="width: 100%; height: 200px;"></div>
     </div>
 
-    <div id="radio_status"></div>
 
-    <!-- Winkey Starts -->
+    <div class="col-sm-7">
 
-   <?php
-    // if isWinkeyEnabled in session data is true
-    if ($this->session->userdata('isWinkeyEnabled')) { ?>
+      <?php if ($notice) { ?>
+        <div id="notice-alerts" class="alert alert-info" role="alert">
+          <?php echo $notice; ?>
+        </div>
+      <?php } ?>
 
-    <div id="winkey" class="card winkey-settings" style="margin-bottom: 10px;">
+      <?php if (validation_errors()) { ?>
+        <div id="notice-alerts" class="alert alert-warning" role="alert">
+          <?php echo validation_errors(); ?>
+        </div>
+      <?php } ?>
+
+      <!-- QSO Map -->
+      <div class="card qso-map">
+        <div id="qsomap" class="map-leaflet" style="width: 100%; height: 200px;"></div>
+      </div>
+
+      <div id="radio_status"></div>
+
+      <div class="radio_selection d-flex align-items-center mb-3">
+        <label for="radio" class="form-label me-3">Select Radio</label>
+        <select class="form-select radios" id="radio" name="radio" style="flex: 1;">
+          <option value="0" selected="selected"><?php echo lang('general_word_none'); ?></option>
+          <?php foreach ($radios->result() as $row) { ?>
+            <option value="<?php echo $row->id; ?>" <?php if ($this->session->userdata('radio') == $row->id) {
+                                                      echo "selected=\"selected\"";
+                                                    } ?>><?php echo $row->radio; ?></option>
+          <?php } ?>
+        </select>
+      </div>
+
+
+      <!-- Winkey Starts -->
+
+      <?php
+      // if isWinkeyEnabled in session data is true
+      if ($this->session->userdata('isWinkeyEnabled')) { ?>
+
+        <div id="winkey" class="card winkey-settings" style="margin-bottom: 10px;">
+          <div class="card-header">
+            <h4 style="font-size: 16px; font-weight: bold;" class="card-title">Winkey
+
+              <button id="connectButton" class="btn btn-primary">Connect</button>
+
+              <button type="button" class="btn btn-secondary"
+                hx-get="<?php echo base_url(); ?>index.php/qso/winkeysettings"
+                hx-target="#modals-here"
+                hx-trigger="click"
+                class="btn btn-primary"
+                _="on htmx:afterOnLoad wait 10ms then add .show to #modal then add .show to #modal-backdrop"><i class="fas fa-cog"></i> Settings</button>
+            </h4>
+          </div>
+
+          <div id="modals-here"></div>
+
+          <div id="winkey_buttons" class="card-body">
+            <button id="morsekey_func1" onclick="morsekey_func1()" class="btn btn-warning">F1</button>
+            <button id="morsekey_func2" onclick="morsekey_func2()" class="btn btn-warning">F2</button>
+            <button id="morsekey_func3" onclick="morsekey_func3()" class="btn btn-warning">F3</button>
+            <button id="morsekey_func4" onclick="morsekey_func4()" class="btn btn-warning">F4</button>
+            <button id="morsekey_func5" onclick="morsekey_func5()" class="btn btn-warning">F5</button>
+            <br><br>
+            <input id="sendText" type="text"><input id="sendButton" type="button" value="Send" class="btn btn-success">
+
+            <span id="statusBar"></span><br>
+
+          </div>
+        </div>
+      <?php } // end of isWinkeyEnabled if statement 
+      ?>
+      <!-- Winkey Ends -->
+
+      <div class="card callsign-suggest">
         <div class="card-header">
-          <h4 style="font-size: 16px; font-weight: bold;" class="card-title">Winkey
-
-          <button id="connectButton" class="btn btn-primary">Connect</button>
-
-          <button type="button" class="btn btn-secondary"
-          hx-get="<?php echo base_url(); ?>index.php/qso/winkeysettings"
-          hx-target="#modals-here"
-          hx-trigger="click"
-          class="btn btn-primary"
-          _="on htmx:afterOnLoad wait 10ms then add .show to #modal then add .show to #modal-backdrop"><i class="fas fa-cog"></i> Settings</button>
-          </h4>
+          <h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_suggestions'); ?></h4>
         </div>
 
-        <div id="modals-here"></div>
-
-        <div id="winkey_buttons" class="card-body">
-          <button id="morsekey_func1" onclick="morsekey_func1()" class="btn btn-warning">F1</button>
-          <button id="morsekey_func2" onclick="morsekey_func2()" class="btn btn-warning">F2</button>
-          <button id="morsekey_func3" onclick="morsekey_func3()" class="btn btn-warning">F3</button>
-          <button id="morsekey_func4" onclick="morsekey_func4()" class="btn btn-warning">F4</button>
-          <button id="morsekey_func5" onclick="morsekey_func5()" class="btn btn-warning">F5</button>
-          <br><br>
-          <input id="sendText" type="text"><input id="sendButton" type="button" value="Send" class="btn btn-success">
-
-          <span id="statusBar"></span><br>
-
-        </div>
-    </div>
-    <?php } // end of isWinkeyEnabled if statement ?>
-    <!-- Winkey Ends -->
-
-    <div class="card callsign-suggest">
-        <div class="card-header"><h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_suggestions'); ?></h4></div>
-
         <div class="card-body callsign-suggestions"></div>
-    </div>
+      </div>
 
-    <?php if ($this->session->userdata('user_show_profile_image')) { ?>
-    <div class="card callsign-image" id="callsign-image" style="display: none;">
-        <div class="card-header"><h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_image'); ?></h4></div>
+      <?php if ($this->session->userdata('user_show_profile_image')) { ?>
+        <div class="card callsign-image" id="callsign-image" style="display: none;">
+          <div class="card-header">
+            <h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_image'); ?></h4>
+          </div>
 
-        <div class="card-body callsign-image">
+          <div class="card-body callsign-image">
             <div class="callsign-image-content" id="callsign-image-content">
             </div>
+          </div>
         </div>
-    </div>
-    <?php } ?>
+      <?php } ?>
 
-    <div class="card previous-qsos">
-      <div class="card-header"><h4 class="card-title" id="timesWorked" style="font-size: 16px; font-weight: bold;"><?php echo lang('qso_title_previous_contacts'); ?></h4></div>
+      <div class="card previous-qsos">
+        <div class="card-header">
+          <h4 class="card-title" id="timesWorked" style="font-size: 16px; font-weight: bold;"><?php echo lang('qso_title_previous_contacts'); ?></h4>
+        </div>
 
         <div id="partial_view" style="font-size: 0.95rem;"></div>
 
-        <div id="qso-last-table" hx-get="<?php echo site_url('/qso/component_past_contacts'); ?>"  hx-trigger="load, every 5s">
+        <div id="qso-last-table" hx-get="<?php echo site_url('/qso/component_past_contacts'); ?>" hx-trigger="load, every 5s">
 
         </div>
       </div>
@@ -653,4 +749,4 @@
 
 </div>
 
-</div>
+</div>
\ No newline at end of file