Cloudlog/application/views/distances/index.php

<div class="container">

    <br>

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

    <div id="distances_div">
        <form class="form-inline">
            <label class="my-1 mr-2" for="distplot_bands">Band Selection</label>
            <select class="custom-select my-1 mr-sm-2"  id="distplot_bands">
                <option value="sat">SAT</option>
                <?php foreach($bands_available as $band) {
                    echo '<option value="' . $band . '"' . '>' . $band . '</option>'."\n";
                } ?>
            </select>
            <label class="my-1 mr-2" for="distplot_sats">Satellite</label>
            <select class="custom-select my-1 mr-sm-2"  id="distplot_sats">
                <option value="All">All</option>
                <?php foreach($sats_available as $sat) {
                    echo '<option value="' . $sat . '"' . '>' . $sat . '</option>'."\n";
                } ?>
            </select>
            <button id="plot" type="button" name="plot" class="btn btn-primary" onclick="distPlot(this.form)">Plot</button>
        </form>
    </div>

</div>