<script setup lang="ts">
import { Achievement, Airline, Alliance, Flight, User } from '@/Types/types'
import AllianceChallenge from '@/Components/FlightsGoneBy/AllianceChallenge.vue'
import Panel from "@/Components/FlightsGoneBy/Panels/Panel.vue";
import PanelHeader from "@/Components/FlightsGoneBy/Panels/PanelHeader.vue";
defineOptions({ inheritAttrs: false })
defineProps<{
    achievement: Achievement
    user: User
    followStatus: string
    alliance: Alliance
    airlines: Airline[]
    flights: Flight[]
}>()
</script>

<template>
    <AllianceChallenge
        :achievement="achievement"
        :user="user"
        :followStatus="followStatus"
        :alliance="alliance"
        :airlines="airlines"
        :flights="flights"
    >
        <p>
            <b>Vanilla Alliance</b> is a small, regional alliance in the Vanilla Islands. It is a paper alliance that is effectively defunct, but it's still a fun one to try for!
        </p>

        <template #extra>
            <Panel>
                <PanelHeader centered>Difficulty</PanelHeader>
                <p>
                    Awkward to pull off, despite the very small number of airline needed - there's no alliance cooperation and the Vanilla Islands are not always well-connected. There's no longer any Comoran airlines you need though, so that's something.
                </p>
                <p>
                    Historic flights on Air Madagascar count towards Madagascar Airlines, as the rebrand was not deemed major enough to warrant it being a separate airline in anything but name.
                </p>
            </Panel>
        </template>
    </AllianceChallenge>

</template>
