<script setup lang="ts">
import MainLayout from "@/Layouts/MainLayout.vue";
import GlassBox from "@/Components/FlightsGoneBy/GlassBox.vue";
import {Head} from "@inertiajs/vue3";

defineOptions({
    layout: MainLayout
})
</script>

<template>
    <Head title="Import" />
    <GlassBox>
        <h2>Import Your Flights</h2>
        <p>
            Import a CSV export from MyFlightRadar24. You will then be guided to reconcile any data mismatches.
        </p>
        <v-file-input style="width:100%; flex:0" label="Select CSV File" accept=".csv" />
    </GlassBox>
</template>

<style scoped>
h2{
    font-size: 2rem;
}

p{
    text-align: center;
    width: 80%;
}

</style>
