@if(isset($show) && $show)
    <tr class="odd:bg-dar-gray-100 odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700">
        <td class="px-6 py-4">
            {{ $key + 1 }}
        </td>
        <td class="px-6 py-4">
            {{ $register->Device->name }}
        </td>
        <td class="px-6 py-4">
            {{ $register->title }}
        </td>
        <td class="px-6 py-4">
            <button type="button" onclick="Logs(this)"
                    class="flex items-center space-x-2 text-white bg-cyan-700 hover:bg-brown-800 focus:ring-4 focus:outline-none focus:ring-cyan-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-cyan-600 dark:hover:bg-cyan-700 dark:focus:ring-cyan-800"
                    data-url="{{ route('registers.logs', $register) }}">
                <i class="bi bi-clock-fill"></i>
                <span class="hidden sm:block">
                    {{ __('table.logs') }}
                </span>
            </button>
        </td>
    </tr>
@else
    <div class="grid gap-6 md:grid-cols-3 border-2 border-gray-300 dark:border-gray-700 p-2 rounded-md items-end">
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.device') }}
            </label>
            <select onchange="GetRegisters(this)"
                    class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                <option value="">
                    {{ __('forms.ChooseOption') }}
                </option>
                    @foreach($devices as $device)
                    <option value="{{ $device->uuid }}" @selected(isset($register) && $register->device_uuid == $device->uuid)>
                        {{ $device->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.register') }}
            </label>
            <select name="registers[{{ $key ?? '' }}]" onchange="SetKey(this)"
                    class="registers bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                @if(isset($register))
                    @foreach($register->Device->Registers as $newRegister)
                        <option value="{{ $newRegister->uuid }}" @selected($register->uuid == $newRegister->uuid)>
                            {{ $newRegister->title }}
                        </option>
                    @endforeach
                @else
                    <option value="">
                        {{ __('forms.ChooseDevice') }}
                    </option>
                @endif
            </select>
        </div>
        <button type="button" onclick="$(this).parent().remove();"
                class="flex items-center justify-center space-x-2 text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm w-full px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">
            <i class="bi bi-trash3-fill"></i>
            <span class="hidden sm:block">
                {{ __('forms.remove') }}
            </span>
        </button>
    </div>
@endif