<script>
	let tileUrl="<?php echo $this->optionslib->get_option('option_map_tile_server');?>"
	let user_map_custom = JSON.parse('<?php echo $user_map_custom; ?>');
</script>
<style>
	#jccmap {
		height: calc(100vh - 300px) !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>
		var lang_awards_info_button = "<?= __("Award Info"); ?>";
		var lang_award_info_ln1 = "<?= __("JCC - Japan Century Cities Award"); ?>";
		var lang_award_info_ln2 = "<?= __("May be claimed for having contacted (heard) and received a QSL card from an amateur station located in each of at least 100 different cities of Japan."); ?>";
		var lang_award_info_ln3 = "<?= __("JCC-200, 300, 400, 500, 600, 700 and 800 will be issued as separate awards. A list of QSL cards should be arranged in order of JCC reference number, however names of city may be omitted. An additional sticker will be issued at every 50 contacts like 150, 250, 350, 450, 550, 650, 750 cities."); ?>";
		var lang_award_info_ln4 = "<?= sprintf(__("For more information, please visit: %s."), "<a href='https://www.jarl.org/English/4_Library/A-4-2_Awards/Award_Main.htm' target='_blank'>https://www.jarl.org/English/4_Library/A-4-2_Awards/Award_Main.htm</a>"); ?>";
		var lang_award_info_ln5 = "<?= __("Fields taken for this Award: DXCC (Japan) and County (Must contain a valid 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"><i class="fas fa-table"></i> <?= __("Results"); ?></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" onclick="load_jcc_map();" id="map-tab" data-bs-toggle="tab" href="#jccmaptab" role="tab" aria-controls="home" aria-selected="false"><i class="fas fa-map"></i> <?= __("Map"); ?></a>
				</li>
			</ul>
		</div>
		<div class="card-body">
			<form class="form" action="<?php echo site_url('awards/jcc'); ?>" 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 ($jcc_array) {?>
						<button type="button" onclick="load_jcc_map();" class="btn btn-info btn-sm"><i class="fas fa-globe-asia"></i> <?= __("Show JCC Map"); ?></button>
						<button id="button3id" type="button" onclick="export_qsos();" name="button3id" class="btn btn-sm btn-info"><?= __("Export confirmed QSOs"); ?></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">
						<!-- Multiple Checkboxes (inline) -->
						<div class="mb-3 row">
							<div class="col-md-2" for="checkboxes"><?= __("Worked / Confirmed"); ?></div>
							<div class="col-md-10">
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="worked" id="worked" value="1" <?php if ($this->input->post('worked') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="worked"><?= __("Show worked"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="confirmed" id="confirmed" value="1" <?php if ($this->input->post('confirmed') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="confirmed"><?= __("Show confirmed"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="notworked" id="notworked" value="1" <?php if ($this->input->post('notworked')) echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="notworked"><?= __("Show not worked"); ?></label>
								</div>
							</div>
						</div>

						<div class="mb-3 row">
							<div class="col-md-2"><?= __("Show QSO with QSL Type"); ?></div>
							<div class="col-md-10">
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="qsl" value="1" id="qsl" <?php if ($this->input->post('qsl') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="qsl"><?= __("QSL"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="lotw" value="1" id="lotw" <?php if ($this->input->post('lotw') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="lotw"><?= __("LoTW"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="eqsl" value="1" id="eqsl" <?php if ($this->input->post('eqsl') || $this->input->method() !== 'post') echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="eqsl"><?= __("eQSL"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="qrz" value="1" id="qrz" <?php if ($this->input->post('qrz')) echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="qrz"><?= __("QRZ.com"); ?></label>
								</div>
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="clublog" value="1" id="clublog" <?php if ($this->input->post('clublog')) echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="clublog"><?= __("Clublog"); ?></label>
								</div>
							</div>
						</div>

						<div class="mb-3 row">
							<div class="col-md-2"><?= __("Deleted cities"); ?></div>
							<div class="col-md-10">
								<div class="form-check-inline">
									<input class="form-check-input" type="checkbox" name="includedeleted" value="1" id="includedeleted" <?php if ($this->input->post('includedeleted')) echo ' checked="checked"'; ?> >
									<label class="form-check-label" for="includedeleted"><?= __("Include deleted"); ?></label>
								</div>
							</div>
						</div>

						<div class="mb-3 row">
							<label class="col-md-2 control-label" for="band2"><?= __("Band"); ?></label>
							<div class="col-md-4">
								<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"); ?></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>

						<div class="mb-3 row">
							<label class="col-md-2 control-label" for="mode"><?= __("Mode"); ?></label>
							<div class="col-md-4">
								<select id="mode" name="mode" class="form-select form-select-sm">
									<option value="All" <?php if ($this->input->post('mode') == "All" || $this->input->method() !== 'post') 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>
				</div>
			</form>

			<div class="tab-content mt-3" id="myTabContent">
				<div class="tab-pane fade" id="jccmaptab" role="tabpanel" aria-labelledby="home-tab">
					<div id="jccmap" class="map-leaflet"></div>
				</div>

				<div class="tab-pane fade show active" id="table" role="tabpanel" aria-labelledby="table-tab">
				<?php
				$i = 1;
				if ($jcc_array) {
					echo '
					<table id="jccTable" style="width:100%" class="table-sm table table-bordered table-hover table-striped table-condensed text-center">
						<thead>
						<tr>
							<td>' . __("Number") . '</td>
							<td>' . __("City") . '</td>';
					foreach($bands as $band) {
						echo '<td>' . $band . '</td>';
					}
					echo '</tr>
						</thead>
						<tbody>';
					foreach ($jcc_array as $jcc => $value) {      // Fills the table with the data
						echo '<tr>';
						echo '<td style="text-align: center">' . $value['Number'] . '</td>';
						echo '<td style="text-align: center">' . $value['City'] . '</td>';
						foreach ($bands as $band) {
							echo '<td style="text-align: center">' . awards_render_jcc_cell($jcc, $band, $value[$band], $postdata) . '</td>';
						}
						echo '</tr>';
					}
					echo '</table>
					<h2>' . __("Summary") . '</h2>

					<table class="table-sm tablesummary table table-bordered table-hover table-striped table-condensed text-center">';
					$sat = 0;
					if (in_array('SAT', $bands)) {
						$sat = 1;
					}

					echo '<thead><tr>';
					if (count($bands) > 1) {
						echo '<td></td>';
						foreach($bands as $band) {
							if ($band != 'SAT') {
								echo '<td>' . $band . '</td>';
							}
						}
						echo '<td><b>' . __("Total") . '</b></td>';
						if ($sat == 1) {
							echo '<td>' . __("SAT") . '</td>';
						}
					} else {
						echo '<td></td><td><b>'.$bands[0].'</b></td>';
					}
					echo '</tr></thead>';
					echo '<tbody>

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

					if (count($bands) > 2) {
						$len_worked = count($jcc_summary['worked']);
						$j = 0;
						foreach ($jcc_summary['worked'] as $jcc) {      // Fills the table with the data
							if ($j == $len_worked - 1 - $sat) {
								echo '<td style="text-align: center"><b>' . $jcc . '</b></td>';
							} else {
								echo '<td style="text-align: center">' . $jcc . '</td>';
							}
							$j++;
						}
					} else {
						echo '<td style="text-align: center"><b>' . $jcc_summary['worked']['Total'] . '</b></td>';
					}

					echo '</tr><tr>';

					echo '<td>' . __("Total confirmed") . '</td>';
					if (count($bands) > 2) {
						$len_confirmed = count($jcc_summary['confirmed']);
						$j = 0;
						foreach ($jcc_summary['confirmed'] as $jcc) {      // Fills the table with the data
							if ($j == $len_confirmed - 1 - $sat) {
								echo '<td style="text-align: center"><b>' . $jcc . '</b></td>';
							} else {
								echo '<td style="text-align: center">' . $jcc . '</td>';
							}
							$j++;
						}
					} else {
						echo '<td style="text-align: center"><b>' . $jcc_summary['confirmed']['Total'] . '</b></td>';
					}

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