@php
    $record = $getRecord();
    /*
        'id' => $player_id,
        'name' => $val['player_name'],
        'preferred_foot' => $val['preferred_foot'],
        'player_position' => $player_position,
        'player_color' => $player_color,
        'timed_color' => $timed_color,
        'events_played' => $events_played,
        'everage_minutes' => $everage_minutes,
    */
@endphp
@if ($record['active'])
    <div draggable="false"
        class="w-full mt-1 p-1 cursor-grab active:cursor-grabbing border border-gray-300 rounded hover:border-primary-500 transition-colors grid grid-cols-7 items-center gap-1"
        style="opacity:0.25 !important;">
        <div>
            <x-filament::badge color="{{ $record['player_color'] }}">
                {{ strtoupper($record['player_position']) }}
            </x-filament::badge>
        </div>
        <div class="text-left font-medium dark:text-white col-span-3">
            {{ $record['name'] }}
        </div>
        <div class="text-xs">
            {{ $record['preferred_foot'] }},
            Ev {{ $record['events_played'] }},
            Av {{ $record['everage_minutes'] }}min
        </div>
        <div class="flex justify-end row-span-2">
            <x-phosphor-arrows-out-cardinal class="h-4 w-4" />
        </div>
        <div class="bg-gray-100 text-xs text-center">Goal: 0.13</div>
        <div class="bg-gray-100 text-xs text-center">Card: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Foul: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Goal: 0.13</div>
        <div class="bg-gray-100 text-xs text-center">Card: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Foul: 0.41</div>
    </div>
@else
    <div draggable="true"
        x-on:dragstart="e => {
        e.dataTransfer.effectAllowed = 'copy';
        e.dataTransfer.setData('text/plain', JSON.stringify({ id: {{ $record['id'] }} }));
    }"
        class="w-full mt-1 p-1 cursor-grab active:cursor-grabbing border border-gray-300 rounded hover:border-primary-500 transition-colors grid grid-cols-7 items-center gap-1">
        <div>
            <x-filament::badge color="{{ $record['player_color'] }}">
                {{ strtoupper($record['player_position']) }}
            </x-filament::badge>
        </div>
        <div class="text-left font-medium dark:text-white col-span-3">
            {{ $record['name'] }}
        </div>
        <div class="text-xs col-span-2">
            {{ $record['preferred_foot'] }},
            Ev {{ $record['events_played'] }},
            Av {{ $record['everage_minutes'] }}min
        </div>
        <div class="flex justify-end row-span-2 p-1">
            <x-phosphor-dots-six-vertical class="h-5 w-5" />
        </div>
        <div class="bg-gray-100 text-xs text-center">Goal: 0.13</div>
        <div class="bg-gray-100 text-xs text-center">Card: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Foul: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Goal: 0.13</div>
        <div class="bg-gray-100 text-xs text-center">Card: 0.41</div>
        <div class="bg-gray-100 text-xs text-center">Foul: 0.41</div>
    </div>
@endif