<script lang="ts">
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/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: boolean = false; // event_location_id
export let events__location_id: boolean = false; // event_location_id
export let events__locations: boolean = false; // event_id
export let events__presenter_id: boolean = false; // event_presenter_id
export let events__reports: boolean = false; // event_id
export let events__session_id: boolean = false; // event_session_id
export let events__session_search: boolean = false; // event_id


</script>


<!-- This is for common navigation links. -->
<div
    class="ae_comp__pres_mgmt_menu_nav flex flex-row items-center justify-around"
    class:hidden={hide}
    >
    <span
        class="ae_menu__navigation_options flex flex-row items-center justify-around"
        >
        <a
            href="/core"
            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
            class:hidden={!ae_core}
            >
            <span class="fas fa-cogs m-1"></span>
            &AElig; Core
        </a>

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

    <span
        class="ae_menu__navigation_options flex flex-row items-center justify-around"
        >
        <a
            href="/events/{events__session_search}"
            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
            class:hidden={!events__session_search}
            >
            <span class="fas fa-arrow-left m-1"></span>
            Back to Session Search
        </a>

        <a
            href="/events_pres_mgmt/session/{events__session_id}"
            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
            class:hidden={!events__session_id}
            >
            <span class="fas fa-arrow-left m-1"></span>
            Back to Session
        </a>
    </span>
</div>