<script setup>
import GuestLayout from '@/Layouts/GuestLayout.vue';
import { Head, Link, useForm } from '@inertiajs/inertia-vue3';
import rpoFields from '../../Data/MultiSelectOptionsRPO';
import { onMounted, ref } from 'vue';
import { defineEmits } from 'vue'
import { Inertia } from '@inertiajs/inertia';
import RpoRecord2 from '@/Components/RpoRecord2.vue';
import Pagination from '@/Components/Pagination.vue';

defineProps({
    result: Object,
    query: Object,
  });

</script>

<template>
    <GuestLayout>
        
        <Head title="Register výsledky" />
        <Pagination :links="result.links" :data="query"/>
        <div v-for="r in result.data" :key="r.id">
            <h2 class="mt-5 bg-black text-white font-semibold text-xl">{{ r["fullNames"][0]["value"] }}</h2>
            <RpoRecord2 :data="r"/>
        </div>
        <Pagination :links="result.links" :data="query"/>
    </GuestLayout>
</template>
