ymaimbo

<script setup>
// 1. Import 'ref' from Vue
import { ref } from 'vue'; 

// 2. Import Inertia helpers
import { Link, usePage } from '@inertiajs/vue3';

// 3. Import Heroicons as a namespace (to fix the previous error)
import * as HeroIcons from '@heroicons/vue/24/outline';

ymaimbo

appHttpControllersAdminEventModerationControllerphp
<?php

namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Controller;
use App\Models\Event;
use Illuminate\Http\Request;

class EventModerationController extends Controller

ymaimbo

<?php

namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Controller;
use App\Models\Event;
use Illuminate\Http\Request;

class EventModerationController extends Controller
{

ymaimbo

Illuminate \ Database \ Eloquent \ RelationNotFoundException
PHP 8.3.6
11.7.0
Call to undefined relationship [country] on model [App\Models\Location].

    13 vendor frames

App \ Http \ Controllers \ Admin \ AdminLeagueController : 36
index
52 vendor frames

ymaimbo

<!-- resources/js/Pages/Admin/Players/Index.vue -->
<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, router } from '@inertiajs/vue3'
import { ref, computed, watch } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  players: Object, // paginator

ymaimbo

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, router } from '@inertiajs/vue3'
import { ref, computed, watch } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  teams: Object,   // paginator
  leagues: Array,

ymaimbo

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, router } from '@inertiajs/vue3'
import { ref, computed, watch } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  leagues: Object, // paginator
  filters: Object,

ymaimbo

<!-- resources/js/Pages/Admin/Players/CreateEdit.vue -->
<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, useForm } from '@inertiajs/vue3'
import { computed } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  mode: { type: String, required: true }, // 'create' | 'edit'

ymaimbo

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, useForm } from '@inertiajs/vue3'
import { computed } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  mode: {
    type: String,

ymaimbo

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue'
import { Head, Link, useForm } from '@inertiajs/vue3'
import { computed } from 'vue'

defineOptions({ layout: AppLayout })

const props = defineProps({
  mode: {
    type: String,