@php
    $record = $getRecord();
    /***
        "id" => 1218016
        "name" => "Walter Nuñez"
        "pos_ori" => "LW"
        "pos" => "LW"
        "foot" => "Right"
        "tot_evt" => 2
        "tot_min" => 102
        "ave_min" => 51
        "gls" => 0
        "fls" => 3
        "ofs" => 0
        "crd" => 0
        "snt" => 0
        "tsh" => 0
        "color_evt" => "success"
        "area" => "attack"
        "color_pos" => "warning"
     */
@endphp
@if ($record['active'])
    <div draggable="false"
        class="bgFade w-140 max-w-140 border dark:border-gray-600 border-gray-200 text-xs my-0.5 py-1 select-none rounded transition-colors flex justify-end content-center items-center gap-1 ">
        <div class="w-86 text-[11px] min-w-86 text-center grid grid-cols-10 content-center items-center gap-1">
            <div>{{ $record['gls'] }}</div>
            <div>{{ $record['fls'] }}</div>
            <div>{{ $record['ofs'] }}</div>
            <div>{{ $record['crd'] }}</div>
            <div>{{ $record['snt'] }}</div>
            <div>{{ $record['tsh'] }}</div>
            <div>{{ $record['foot'] }}</div>
            <div>{{ $record['tot_evt'] }}</div>
            <div>{{ $record['ave_min'] }}</div>
            <div class="bg-black text-white rounded font-bold">{{ $record['pos'] }}</div>
        </div>
        <div class="w-18 font-stretch-ultra-condensed">
            <x-filament::badge size="sm" color="{{ $record['color_pos'] }}">
                {{ ucfirst($record['pos_ori']) }}
            </x-filament::badge>
        </div>
        <div class="text-left text-sm tracking-tight flex-1 text-red-500">
            {{ $record['name'] }}
        </div>
        <div class="w-8 flex justify-end">
        </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-140 max-w-140 border dark:border-gray-600 border-gray-200 hover:border-blue-500 text-xs my-0.5 mx-0 py-1 select-none cursor-grab active:cursor-grabbing rounded transition-colors flex justify-end content-center items-center gap-1">
        <div class="w-86 text-[11px] min-w-86 text-center grid grid-cols-10 content-center items-center gap-1">
            <div>{{ $record['gls'] }}</div>
            <div>{{ $record['fls'] }}</div>
            <div>{{ $record['ofs'] }}</div>
            <div>{{ $record['snt'] }}</div>
            <div>{{ $record['tsh'] }}</div>
            <div>{{ $record['crd'] }}</div>
            <div>{{ $record['foot'] }}</div>
            <div>{{ $record['tot_evt'] }}</div>
            <div>{{ $record['ave_min'] }}</div>
            <div></div>
        </div>
        <div class="w-18 font-stretch-ultra-condensed">
            <x-filament::badge size="sm" color="{{ $record['color_pos'] }}">
                {{ ucfirst($record['pos_ori']) }}
            </x-filament::badge>
        </div>
        <div class="text-left text-sm tracking-tight flex-1">
            {{ $record['name'] }}
        </div>
        <div class="w-8 flex justify-end">
            <x-phosphor-dots-six-vertical class="h-5 w-5" />
        </div>
    </div>
@endif