Cloudlog/application/views/oqrs/index.php

<div class="container">

    <br>

    <h2><?php echo $page_title; ?></h2>

    <div class="card">
        <div class="card-header">
            Request a QSL card
        </div>
        <div class="card-body">

        <div class="stationinfo">

		<?php
		if ($global_oqrs_text) {
			echo $global_oqrs_text;
			echo '<br /><br />';
		}
		if ($groupedSearch == 'on') {
			echo 'This search will search in all station locations where OQRS is active.<br /><br /><form class="form-inline" onsubmit="return false;"><label class="my-1 mr-2" for="oqrssearch">Enter your callsign: </label>
			<input class="form-control mr-sm-2" id="oqrssearch" type="search" name="callsign" placeholder="Search Callsign" aria-label="Search" required="required">
			<button onclick="searchOqrsGrouped();" class="btn btn-sm btn-primary" id="stationbuttonsubmit" type="button"><i class="fas fa-search"></i> Search</button>
			</form>';
			echo '<div class="searchinfo"></div>';
			?>
			<script>// Get the input field
			var input = document.getElementById("oqrssearch");

			// Execute a function when the user presses a key on the keyboard
			input.addEventListener("keypress", function(event) {
			// If the user presses the "Enter" key on the keyboard
			if (event.key === "Enter") {
				// Cancel the default action, if needed
				event.preventDefault();
				// Trigger the button element with a click
				document.getElementById("stationbuttonsubmit").click();
			}
			});</script>
			<?php
			} else {
		  echo '<div class="resulttable">';
		  if ($stations->result() != NULL) { ?>

            <form class="form-inline" enctype="multipart/form-data">
			<label class="my-1 mr-2" for="station">Select station: </label>
                        <select id="station" class="custom-select my-1 mr-sm-2" name="station">
							<?php foreach($stations->result() as $station) {
									echo '<option value="' . $station->station_id . '">' . $station->station_profile_name . ' - ' . $station->station_callsign . '</option>'."\n";
								} ?>
						</select>
					<button id="button1id" type="button" onclick="loadStationInfo();" name="button1id" class="btn btn-sm btn-primary"> Proceed</button>
            </form>
        </div>

			<div class="searchinfo"></div>
			<?php 
		}

		else {
			echo 'No stations found that are using Cloudlog OQRS.';
		}
	}
		?>

        </div>
    </div>
</div>