<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>

<div class="row qsopane">

  <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']; ?>);">

      <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'); ?></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>

<?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-4">
                <label for="start_time"><?php echo lang('general_word_time_on'); ?></label>
                  <div class="input-group">
                    <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]">
                    <?php if ($_GET['manual'] != 1) { ?>
                      <span class="input-group-text btn-included-on-field"><i id="reset_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i></span>
                    <?php } else { ?>
                      <span class="input-group-text btn-included-on-field"><i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i></span>
                    <?php } ?>
                  </div>
                </div>

                <div class="mb-3 col-md-4">
                  <label for="end_time"><?php echo lang('general_word_time_off'); ?></label>
                  <div class="input-group">
                    <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]">
                    <?php if ($_GET['manual'] == 1) { ?>
                      <span class="input-group-text btn-included-on-field"><i id="reset_end_time" data-bs-toggle="tooltip" title="Reset end time" class="fas fa-stopwatch"></i></span>
                    <?php } ?>
                  </div>
                </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>
                  <div class="input-group">
                    <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]">
                    <?php if ($_GET['manual'] == 1) { ?>
                      <span class="input-group-text btn-included-on-field"><i id="reset_start_time" data-bs-toggle="tooltip" title="Reset start time" class="fas fa-stopwatch"></i></span>
                    <?php } ?>
                  </div>
                </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-12">
                  <label for="callsign"><?php echo lang('gen_hamradio_callsign'); ?></label>&nbsp;<i id="check_cluster" data-bs-toggle="tooltip" title="Search DXCluster for latest Spot" class="fas fa-search"></i>
                  <div class="input-group">
                    <input type="text" class="form-control" id="callsign" name="callsign" required>
                    <span id="qrz_info" class="input-group-text btn-included-on-field d-none py-0"></span>
                    <span id="hamqth_info" class="input-group-text btn-included-on-field d-none py-0"></span>
                  </div>
                  <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>

              <div class="row">
                <div class="mb-3 col">
                  <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);
                        } else {
                          printf("<option value=\"%s\" %s>&rArr; %s</option>", $mode->submode, $this->session->userdata('mode')==$mode->submode?"selected=\"selected\"":"",$mode->submode);
                        }
                      }
                  ?>
                  </select>
                </div>

                <div class="mb-3 col">
                  <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";
                          }
                          echo '</optgroup>';
                        }
                  ?>
                  </select>
                </div>
                <div class="mb-3 col">
                  <label for="frequency"><?php echo lang('gen_hamradio_frequency'); ?></label>
                  <input type="text" class="form-control form-control-sm" id="frequency" name="freq_display" value="<?php echo $this->session->userdata('freq'); ?>" />
                </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 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 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 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>

              <input type="hidden" name="distance" id="distance" value="0">

              <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>

          <!-- 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('wavelog_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="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="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>

                  <?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 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>

          <!-- 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>';
                      }
                      ?>

                  </select>
              </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>
                  </select>
              </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>';
                      }
                      ?>
                  </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="stateInput" id="stateInputLabel"></label>
                <select class="form-select" name="input_state_edit" id="stateDropdown">
                  <option value=""></option>
                </select>
            </div>

            <div class="mb-3" id="location_us_county">
                <label for="stationCntyInputQso"><?php echo lang('gen_hamradio_county_reference'); ?></label>
                <input class="form-control" id="stationCntyInputQso" 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">
                <button id="sota_info" class="btn btn-secondary spw-buttons"></button>
              </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">
                <button id="wwff_info" class="btn btn-secondary spw-buttons"></button>
              </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">
                <button id="pota_info" class="btn btn-secondary spw-buttons"></button>
              </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>

          <!-- 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>

        <div class="btn-group" role="group">
              <button type="button" class="btn btn-secondary" id="btn_reset"><?php echo lang('qso_btn_clear_qso'); ?></button>
        <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"></button>
        <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                <li><a class="dropdown-item" href="#" id="btn_fullreset"><?php echo lang('qso_btn_reset_to_default'); ?></a></li>
            </ul>
        </div>
        <button type="submit" id="saveQso" name="saveQso" 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>
    </form>
    </div>
  </div>


  <div class="col-sm-7">

<div id="noticer" role="alert"></div>
<?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 -->

   <?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"><?php echo lang('qso_title_suggestions'); ?></h4></div>

        <div class="card-body callsign-suggestions"></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>

        <div class="card-body callsign-image">
            <div class="callsign-image-content" id="callsign-image-content">
            </div>
        </div>
    </div>
    <?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 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, qso_event, every 5s">

        </div>
      </div>
      <small class="mt-0.5" style="float: right;"><?php echo lang('qso_previous_max_shown'); ?></small>
    </div>
  </div>

</div>

</div>
