<script lang="ts">
	import {
		ae_snip,
		ae_loc,
		ae_sess,
		ae_api,
		ae_trig,
		slct,
		slct_trigger
	} from '$lib/stores/ae_stores';
	// import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/stores/ae_events_stores';

	export let hide: boolean = true;

	export let event_id: null | string = null;

	export let ae_core: boolean = false;
	export let events__launcher_id: null | string = null; // event_location_id
	export let events__location_id: null | string = null; // event_location_id
	export let events__locations: boolean = false; // event_id
	// export let events__presenter_id: null|string = null; // event_presenter_id
	export let events__reports: boolean = false; // event_id
	export let events__session_id: null | string = null; // event_session_id
	export let events__session_search: boolean = false; // event_id
</script>

<!-- This is for common navigation links. -->
<div
	class="ae_comp__events_menu_nav flex flex-row flex-wrap gap-1.5 items-center justify-around"
	class:hidden={hide}
>
	<span
		class="ae_menu__navigation_options flex flex-row flex-wrap gap-0.5 items-center justify-around"
	>
		<a href="/core" class="btn btn-sm mx-1 ae_btn_info" class:hidden={!ae_core}>
			<span class="fas fa-cogs m-1"></span>
			Æ Core
		</a>

		<a
			href="/events/{event_id}/reports"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__reports}
		>
			<span class="fas fa-chart-line m-1"></span>
			Pres Mgmt Reports
		</a>
		<a
			href="/events/{event_id}/locations"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__locations}
		>
			<!-- <span class="fas fa-map-marker-alt m-1"></span> -->
			<span class="fas fa-map-marked-alt m-1"></span>
			Locations
		</a>
	</span>

	<span
		class="ae_menu__navigation_options flex flex-row flex-wrap gap-0.5 items-center justify-around"
	>
		<a
			href="/events/{events__session_search}"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__session_search}
		>
			<span class="fas fa-search m-1"></span>
			Session Search
		</a>
		<a
			href="/events/{event_id}/session/{events__session_id}"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__session_id}
		>
			<!-- <span class="fas fa-arrow-left m-1"></span> -->
			<span class="fas fa-chalkboard-teacher m-1"></span>
			Back to Session
		</a>
		<a
			href="/events/{event_id}/launcher/{events__launcher_id}"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__launcher_id}
		>
			<span class="fas fa-plane m-1"></span>
			Launcher
		</a>
		<a
			href="/events/{event_id}/location/{events__location_id}"
			class="btn btn-sm mx-1 ae_btn_info"
			class:hidden={!events__location_id}
		>
			<!-- <span class="fas fa-map m-1"></span> -->
			<span class="fas fa-map-marker-alt m-1"></span>
			Session Location
		</a>
	</span>
</div>
