<script>
   let user_map_custom = JSON.parse('<?php echo $user_map_custom; ?>');
</script>
<style>
    #iotamap {
	height: calc(100vh - 500px) !important;
	max-height: 900px !important;
}
	.dropdown-filters-responsive {
		width: min(850px, 90vw);
		min-width: 600px;
    }
</style>


<div class="container px-3 px-lg-4 mt-3 mb-3">
        <!-- Award Info Box -->
        <div id="awardInfoButton">
            <script>
            let lang_awards_info_button = "<?= __("Award Info"); ?>";
            let lang_award_info_ln1 = "<?= __("IOTA Awards"); ?>";
            let lang_award_info_ln2 = "<?= __("IOTA is an exciting and innovative activity program that has captured the interest of thousands of radio amateurs worldwide. Established in 1964, it promotes radio contacts with stations located on islands around the world to enhance the experience of all those active on the amateur bands. To achieve this, it draws on the widespread mystique surrounding islands."); ?>";
            let lang_award_info_ln3 = "<?= __("It is administered by Islands On The Air (IOTA) Ltd (referred to as IOTA Management) in partnership with the Radio Society of Great Britain (RSGB). IOTA Management has grouped the world's islands into approximately 1200 'IOTA groups,' each having varying numbers of 'counters,' which are qualifying islands. These listings are published in the IOTA Directory and on the IOTA website. The objective for the IOTA Island Chaser is to make radio contact with at least one counter in as many of these groups as possible. The program has a well-defined set of rules and encourages friendly competition among chasers by publishing participant performance in an Honor Roll and annual listings, as well as recognizing it with certificates and prestigious awards."); ?>";
            let lang_award_info_ln4 = "<?= sprintf(__("You can also find this information on %s."), "<a href='https://www.iota-world.org/' target='_blank'>" . __("here") . "</a>"); ?>";
            let lang_award_info_ln5 = "<?= __("Fields taken for this Award: IOTA (ADIF: IOTA) must contain valid IOTA-Reference"); ?>";
            </script>
            <h2><?php echo $page_title; ?></h2>
            <button type="button" class="btn btn-sm btn-primary me-1" id="displayAwardInfo"><?= __("Award Info"); ?></button>
        </div>
        <!-- End of Award Info Box -->

    <div class="card">
        <div class="card-header">
            <ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="table-tab" data-bs-toggle="tab" href="#table" role="tab" aria-controls="table" aria-selected="true"><?= __("Table"); ?></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="map-tab" onclick="load_iota_map();" data-bs-toggle="tab" href="#iotamaptab" role="tab" aria-controls="home" aria-selected="false"><?= __("Map"); ?></a>
                </li>
            </ul>
        </div>
        <div class="card-body">
    <form class="form" action="<?php echo site_url('awards/iota'); ?>" method="post" enctype="multipart/form-data">
        <div class="mb-4 text-center">
            <div class="dropdown" data-bs-auto-close="outside">
                <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="filterDropdown" data-bs-toggle="dropdown" aria-expanded="false"><?= __("Filters") ?></button>
                <button id="button1id" type="submit" name="button1id" class="btn btn-sm btn-primary"><?= __("Show"); ?></button>
                <?php if ($iota_array) {
                    ?><button type="button" onclick="load_iota_map();" class="btn btn-info btn-sm"><i class="fas fa-globe-americas"></i> <?= __("Show IOTA Map"); ?></button>
                <?php }?>

            <!-- Dropdown Menu with Filter Content -->
            <div class="dropdown-menu start-50 translate-middle-x p-3 mt-5 dropdown-filters-responsive" aria-labelledby="filterDropdown">
                <div class="card-body filterbody">
						<div class="d-flex justify-content-between align-items-center mb-1">
							<h5><i class="fas fa-filter me-1"></i> <?= __("Filters"); ?></h5>
							<span><?= __("Press 'Apply' to update the table"); ?></span>
						</div>

<div class="filter-section">
            <div class="mb-3 row">
                <div class="w-100 d-flex align-items-center gap-2 mb-2"><i class="fas fa-circle-check"></i><?= __("Status"); ?></div>
                <div class="col-md-10">
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="worked" id="worked" value="1" <?php if ($this->input->post('worked') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="worked"><?= __("Show worked"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="confirmed" id="confirmed" value="1" <?php if ($this->input->post('confirmed') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="confirmed"><?= __("Show confirmed"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="notworked" id="notworked" value="1" <?php if ($this->input->post('notworked') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="notworked"><?= __("Show not worked"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="includedeleted" id="includedeleted" value="1" <?php if ($this->input->post('includedeleted')) echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-warning btn-sm" for="includedeleted"><?= __("Include deleted"); ?></label>
                    </div>
                </div>
            </div>

				</div>
				<div class="filter-section">
            <div class="mb-3 row">
                <div class="w-100 d-flex align-items-center gap-2 mb-2"><i class="fas fa-envelope-open-text"></i><?= __("Confirmation"); ?></div>
                <div class="col-md-10">
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="qsl" value="1" id="qsl" <?php if ($this->input->post('qsl') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="qsl"><?= __("QSL Card"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="lotw" value="1" id="lotw" <?php if ($this->input->post('lotw') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="lotw"><?= __("LoTW"); ?></label>
                    </div>
                   <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="eqsl" value="1" id="eqsl" <?php if ($this->input->post('eqsl')) echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="eqsl"><?= __("eQSL"); ?></label>
                    </div>
                   <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="qrz" value="1" id="qrz" <?php if ($this->input->post('qrz')) echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="qrz"><?= __("QRZ.com"); ?></label>
                    </div>
                     <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="clublog" value="1" id="clublog" <?php if ($this->input->post('clublog')) echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="clublog"><?= __("Clublog"); ?></label>
                    </div>
                </div>
            </div>

				</div>
				<div class="filter-section">
            <div class="mb-3 row">
                <div class="w-100 d-flex align-items-center gap-2 mb-2"><i class="fas fa-globe-americas"></i><?= __("Continents"); ?></div>
                <div class="col-md-10">
                    <div class="form-check-inline">
                        <input class="btn-check" type="checkbox" name="Antarctica" id="Antarctica" value="1" <?php if ($this->input->post('Antarctica') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="Antarctica"><?= __("Antarctica"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="Africa" id="Africa" value="1" <?php if ($this->input->post('Africa') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="Africa"><?= __("Africa"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="Asia" id="Asia" value="1" <?php if ($this->input->post('Asia') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="Asia"><?= __("Asia"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="Europe" id="Europe" value="1" <?php if ($this->input->post('Europe') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="Europe"><?= __("Europe"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="NorthAmerica" id="NorthAmerica" value="1" <?php if ($this->input->post('NorthAmerica') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="NorthAmerica"><?= __("North America"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="SouthAmerica" id="SouthAmerica" value="1" <?php if ($this->input->post('SouthAmerica') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="SouthAmerica"><?= __("South America"); ?></label>
                    </div>
                    <div class="form-check-inline">
                        <input class="btn-check"  type="checkbox" name="Oceania" id="Oceania" value="1" <?php if ($this->input->post('Oceania') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
                        <label class="btn btn-outline-primary btn-sm" for="Oceania"><?= __("Oceania"); ?></label>
                    </div>
                </div>
            </div>

				</div>
				<div class="filter-section">
            					<div class="mb-3 row">
						<div class="w-100 d-flex align-items-center gap-2 mb-2"><i class="fas fa-tower-broadcast"></i><?= __("Band & Mode"); ?></div>
						<div class="col-sm-6 mb-2">
							<label class="form-label mb-1" for="band2"><?= __("Band"); ?></label>
							<select id="band2" name="band" class="form-select form-select-sm">
                        <option value="All" <?php if ($this->input->post('band') == "All" || $this->input->method() !== 'post') echo ' selected'; ?> ><?= __("Every band (w/o SAT)"); ?></option>
                        <?php foreach($worked_bands as $band) {
                            echo '<option value="' . $band . '"';
                            if ($this->input->post('band') == $band) echo ' selected';
                            echo '>' . $band . '</option>'."\n";
                        } ?>
                    </select>
						</div>
						<div class="col-sm-6">
							<label class="form-label mb-1" for="mode"><?= __("Mode"); ?></label>
							<select id="mode" name="mode" class="form-select form-select-sm">
						<option value="All" <?php if ($this->input->post('mode') == "All" || $this->input->method() !== 'mode') echo ' selected'; ?>><?= __("All"); ?></option>
						<?php
						foreach($modes->result() as $mode){
							if ($mode->submode == null) {
								echo '<option value="' . $mode->mode . '"';
								if ($this->input->post('mode') == $mode->mode) echo ' selected';
								echo '>'. $mode->mode . '</option>'."\n";
							} else {
								echo '<option value="' . $mode->submode . '"';
								if ($this->input->post('mode') == $mode->submode) echo ' selected';
								echo '>' . $mode->submode . '</option>'."\n";
							}
						}
						?>
					</select>
						</div>
					</div>
					

			

				</div>
                	<div class="d-grid gap-2 mt-3">
                		<button type="submit" name="button1id" class="btn btn-primary"><i class="fas fa-check me-1"></i> <?= __("Apply"); ?></button>
                	</div>
                </div>
            </div>
            </div>
        </div>
    </form>

    <br />

    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade" id="iotamaptab" role="tabpanel" aria-labelledby="home-tab">
    <br />

    <div id="iotamap" class="map-leaflet" ></div>

    </div>

        <div class="tab-pane fade show active" id="table" role="tabpanel" aria-labelledby="table-tab">

    <?php
    $i = 1;
    if ($iota_array) {
        echo '

                <table style="width:100%;" class="table table-sm tableiota table-bordered table-hover table-striped table-condensed text-center">
                    <thead>
                    <tr>
                        <td>#</td>
                        <td>' . __("IOTA") . '</td>
                        <td>' . __("Prefix") . '</td>
                        <td>' . __("Name") . '</td>';
        if ($this->input->post('includedeleted'))
            echo '      <td>' . __("Deleted") . '</td>';

        foreach($bands as $band) {
	    if (($posted_band != 'SAT') && ($band == 'SAT')) {
		   continue;
	    }
            echo '<td>' . $band . '</td>';
        }
        echo '</tr>
                    </thead>
                    <tbody>';
        foreach ($iota_array as $iota => $value) {
            echo '<tr>
                            <td>'. $i++ .'</td>
                            <td class="callsign">'. $iota .'</td>';
            foreach ($value  as $col => $key) {
                if ($col === 'prefix') {
                    echo '<td class="callsign">' . $key . '</td>';
                } else {
                    echo '<td>' . $key . '</td>';
                }
            }
            echo '</tr>';
        }

        echo '</table>
        <h2>' . __("Summary") . '</h2>

        <table class="table-sm tablesummary table table-bordered table-hover table-striped table-condensed text-center">
        <thead>
        <tr><td></td>';
	$addsat='';
	foreach($bands as $band) {
		if ($band != 'SAT') {
			echo '<td>' . $band . '</td>';
		} else {
			$addsat='<td>' . $band . '</td>';
		}
	}
	echo '<td><b>' . __("Total") . '</b></td>';
	if (count($bands) > 1) {
		echo '<td class="spacingcell"></td>';
	}
	echo $addsat;
        echo '</thead>
        <tbody>

        <tr><td>' . __("Total worked") . '</td>';

	$addsat='';
	foreach ($iota_summary['worked'] as $band => $iota) {      // Fills the table with the data
		if ($band != 'SAT') {
			echo '<td style="text-align: center">';
			if ($band == 'Total') {
				echo '<b>'.$iota.'</b>';
			} else {
				echo $iota;
			}
			echo '</td>';
		} else {
			$addsat='<td style="text-align: center">' . $iota . '</td>';
		}
	}

	if (count($bands) > 1) {
		echo '<td class="spacingcell"></td>';
	}

	if ($addsat != '' && count($iota_summary['worked']) > 1) {
		echo $addsat;
	}

	echo '</tr><tr>
	<td>' . __("Total confirmed") . '</td>';

	$addsat='';
	foreach ($iota_summary['confirmed'] as $band => $iota) {      // Fills the table with the data
		if ($band != 'SAT') {
			echo '<td style="text-align: center">';
			if ($band == 'Total') {
				echo '<b>'.$iota.'</b>';
			} else {
				echo $iota;
			}
			echo '</td>';
		} else {
			$addsat='<td style="text-align: center">' . $iota . '</td>';
		}
	}

	if (count($bands) > 1) {
		echo '<td class="spacingcell"></td>';
	}

	if ($addsat != '' && count($iota_summary['confirmed']) > 1) {
		echo $addsat;
	}

        echo '</tr>
        </table>';

    }
    else {
        echo '<div class="alert alert-danger" role="alert">' . __("Nothing found!") . '</div>';
    }
    ?>
                    </div>
        </div>
        </div>
    </div>
</div>
