<script>
	var tileUrl="<?php echo $this->optionslib->get_option('option_map_tile_server');?>";
    var lang_general_hamradio_ituzone = "<?= __("ITU Zone"); ?>";
    var lang_hover_over_a_zone = "<?= __("Hover over a zone"); ?>";
</script>
<script>
	let user_map_custom = JSON.parse('<?php echo $user_map_custom; ?>');
</script>
<style>
    #itumap {
		height: calc(100vh - 480px) !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 = "<?= __("ITU Zones"); ?>";
			let lang_award_info_ln2 = "<?= __("The Classic Worked ITU Zones award may be claimed by producing evidence of having contacted land based amateur radio stations in at least 70 of the 75 broadcasting zones as defined by the International Telecommunications Union (ITU)."); ?>";
			let lang_award_info_ln3 = "<?= sprintf(_pgettext("uses 'RSGB'", "You can find more information on the website of %s."), "<a href='https://rsgb.org/main/files/2019/01/Worked_ITU_Zones_Award_Form_2019.pdf' target='_blank'>RSGB</a>"); ?>";
			let lang_award_info_ln4 = "";
			let lang_award_info_ln5 = "<?= __("Fields taken for this Award: ITU-Zone (ADIF: ITUZ)"); ?>";
		</script>
		<h2><?= __("Awards - ITU Zones"); ?></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" onclick="load_itu_map();" id="map-tab" data-bs-toggle="tab" href="#itumaptab" 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/itu'); ?>" 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 ($itu_array) {
					?><button type="button" onclick="load_itu_map();" class="btn btn-info btn-sm"><i class="fas fa-globe-americas"></i> <?= __("Show ITU Zone 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="row mb-3">
					<div class="w-100 d-flex align-items-center gap-2 mb-2"><i class="fas fa-calendar-days"></i><?= __("Date Range"); ?></div>
						<div class="d-flex flex-wrap gap-1 mb-3">
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('today')"><?= __("Today") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('yesterday')"><?= __("Yesterday") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('last7days')"><?= __("Last 7 Days") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('last30days')"><?= __("Last 30 Days") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('thismonth')"><?= __("This Month") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('lastmonth')"><?= __("Last Month") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('thisyear')"><?= __("This Year") ?></button>
							<button type="button" class="btn btn-outline-primary btn-sm flex-shrink-0" onclick="applyPreset('lastyear')"><?= __("Last Year") ?></button>
							<button type="button" class="btn btn-outline-danger btn-sm flex-shrink-0" onclick="resetDates()"><i class="fas fa-times"></i> <?= __("Clear") ?></button>
						</div>
				</div>

									<div class="mb-3 row">
						<div class="col-sm-6 mb-2">
							<label class="form-label mb-1" for="dateFrom"><?= __("Date from"); ?></label>
							<input name="dateFrom" id="dateFrom" type="date" class="form-control form-control-sm" <?php if ($this->input->post('dateFrom', TRUE)) echo 'value="' . $this->input->post('dateFrom', TRUE) . '"'; ?>>
						</div>
						<div class="col-sm-6">
							<label class="form-label mb-1" for="dateTo"><?= __("Date to"); ?></label>
							<input name="dateTo" id="dateTo" type="date" class="form-control form-control-sm" <?php if ($this->input->post('dateTo', TRUE)) echo 'value="' . $this->input->post('dateTo', TRUE) . '"'; ?>>
						</div>
					</div>

				<!-- Multiple Checkboxes (inline) -->
				</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', TRUE) || $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', TRUE) || $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', TRUE) || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
							<label class="btn btn-outline-primary btn-sm" for="notworked"><?= __("Show not worked"); ?></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', TRUE) || $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', TRUE) || $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', TRUE)) 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', TRUE)) 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', TRUE)) 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-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', TRUE) == "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', TRUE) == $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', TRUE) == "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', TRUE) == $mode->mode) echo ' selected';
									echo '>'. $mode->mode . '</option>'."\n";
								} else {
									echo '<option value="' . $mode->submode . '"';
									if ($this->input->post('mode', TRUE) == $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="itumaptab" role="tabpanel" aria-labelledby="home-tab">
    <br />

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

    </div>

        <div class="tab-pane fade show active" id="table" role="tabpanel" aria-labelledby="table-tab" style="margin-bottom: 30px;">

<?php
    $i = 1;
    if ($itu_array) {
		echo '<div class="text-center">';
		echo __('Legend:');
		echo '<pre>'.__("(Q)SL-Paper-Card").", ";
		echo __("(L)oTW").", ";
		echo __("(e)QSL").", ";
		echo __('QR(Z)-"confirmation"').", ";
		echo __("(C)lublog").", ";
		echo __("(W)orked").'</pre>';
		echo "</div>
    <table style='width:100%' class='table tableitu table-sm table-bordered table-hover table-striped table-condensed text-center'>
        <thead>
        <tr>
            <th>#</th>
            <th>" . __("ITU Zone") . "</th>";
        foreach($bands as $band) {
			if (($posted_band != 'SAT') && ($band == 'SAT')) {
				continue;
			}
			echo '<th>' . $band . '</th>';
		}
            echo '</tr>
        </thead>
        <tbody>';
        foreach ($itu_array as $itu => $value) {      // Fills the table with the data
        echo '<tr>
            <td>' . $i++ . '</td>
            <td>'. $itu .'</td>';
            foreach ($value  as $key) {
            echo '<td style="text-align: center">' . $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>";

			foreach($bands as $band) {
				if (($posted_band != 'SAT') && ($band == 'SAT')) {
					continue;
				}
				echo '<td>' . $band . '</td>';
			}
			if ($posted_band != 'SAT') {
				echo '<td><b>' . __("Total (ex SAT)") . '</b></td>';
			}
        echo "</tr>
        </thead>
        <tbody>

        <tr><td>" . __("Total worked") . "</td>";
        foreach ($itu_summary['worked'] as $ituz => $value) {
			if ($posted_band == 'SAT' && $ituz == 'Total') {
				continue;
			}
			if ($ituz == 'SAT') {
				echo '<td style="text-align: center"' . ($ituz === 'Total' ? " class='fw-bold'" : '') . '>' . $value . '</td>';
			} else {
				echo '<td style="text-align: center"' . ($ituz === 'Total' ? " class='fw-bold'" : '') . '>' . $value . '</td>';
			}
        }

        echo "</tr><tr>
        <td>" . __("Total confirmed") . "</td>";
        foreach ($itu_summary['confirmed'] as $ituz => $value) {
			if ($posted_band == 'SAT' && $ituz == 'Total') {
				continue;
			}
			if ($ituz == 'SAT') {
				echo '<td style="text-align: center"' . ($ituz === 'Total' ? " class='fw-bold'" : '') . '>' . $value . '</td>';
			} else {
				echo '<td style="text-align: center"' . ($ituz === 'Total' ? " class='fw-bold'" : '') . '>' . $value . '</td>';
			}
        }
        echo '</tr>
        </table>';

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

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