@php
    $edit = isset($sub);
@endphp
<li class="border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg">
    <input type="hidden" name="id[]" value="{{ $edit ? $sub->uuid : null }}">
    <div class="grid gap-6 mb-6 md:grid-cols-4">
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.title') }}
            </label>
            <input type="text" name="title[]" required
                   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"
                   value="{{ $edit ? $sub->title : '' }}" placeholder="{{ __('forms.required') }}"/>
        </div>
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.type') }}
            </label>
            <select name="type[]" onchange="SetType(this)"
                    class="type 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="log" @selected($edit && $sub->type == 'log')>
                    {{ __('table.log') }}
                </option>
                <option value="command" @selected($edit && $sub->type == 'command')>
                    {{ __('forms.command') }}
                </option>
            </select>
        </div>
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('register.commands.run') }}
            </label>
            <select name="run[]" onchange="SetRunTime(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">
                @foreach($RunTimes as $key => $RunTime)
                    <option value="{{ $key }}" @selected($edit && $sub->run_time == $key)>
                        {{ __('task.RunTimes.'. $key)}}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="count {{ $edit && $sub->run_time == 'count' ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.RunCount') }}
            </label>
            <input type="number" name="count[]"
                   class="CountInput 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"
                   value="1" min="1"/>
        </div>
        <div class="CustomRunTimes {{ $edit && $sub->run_time == 'custom' ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.CustomRunTime') }}
            </label>
            <div class="flex">
                <p class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-e-0 border-gray-300 dark:border-gray-700 dark:text-white rounded-s-lg focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-600 dark:focus:ring-gray-800">
                    {{ __('task.every') }}
                </p>
                <input type="number" name="custom_run_time_value[]"
                       value="{{ $edit ? $sub->custom_run_time_value : '' }}"
                       class="CustomRunTime block p-2.5 w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-s-gray-100 rounded-s-2 border-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500"
                       placeholder="1-59" min="1" max="59" step="1"/>
                <select name="custom_run_time_type[]" onchange="SetCustomRunTime(this)"
                        class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 !pe-10 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-e-0 border-gray-300 dark:border-gray-700 dark:text-white rounded-e-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
                    @foreach($CustomRunTimes as $key => $CustomRunTime)
                        <option value="{{ $key }}" @selected($edit && $sub->custom_run_time_type == $key)>
                            {{ __('task.CustomRunTimes.' . $key) }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="grid gap-6 mb-6 md:grid-cols-4">
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.device') }}
            </label>
            <select name="device[]" onchange="GetRegisters(this)" required
                    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 $key => $device)
                    <option value="{{ $device->uuid }}" @selected($edit && $sub->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="register[]" onchange="GetCommands(this)" required
                    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($edit)
                    @foreach($sub->Device->Registers as $register)
                        <option value="{{ $register->uuid }}" @selected($sub->register_uuid == $register->uuid)>
                            {{ $register->title }}
                        </option>
                    @endforeach
                @else
                    <option value="">
                        {{ __('forms.ChooseDevice') }}
                    </option>
                @endif
            </select>
        </div>
        <div class="command {{ $edit && $sub->type == 'command' ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.command') }}
            </label>
            <select name="command[]" onchange="SetCommand(this)"
                    class="commands 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($edit)
                    <option value="custom" data-type="Custom" @selected(is_null($sub->command_uuid))>
                        Custom
                    </option>
                    @forelse(optional($sub->register)->commands ?? [] as $command)
                        <option value="{{ $command->uuid }}"
                                data-type="{{ $command->type }}" @selected($sub->command_uuid == $command->uuid)>
                            {{ $command->title }}
                        </option>
                    @empty
                        <option disabled>هیچ دستوری برای این رجیستر موجود نیست</option>
                    @endforelse
                @else
                    <option value="">
                        {{ __('forms.ChooseDevice') }}
                    </option>
                @endif
            </select>
        </div>
        <div class="command value {{ ($edit && $sub->type == 'command' && is_null($sub->command_uuid)) ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.custom_command') }}
            </label>
            <input type="text" name="value[]"
                   class="ValueInput 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"
                   value="{{ $edit ? $sub->value : '' }}"/>
        </div>
    </div>
    <div class="grid gap-6 mb-6 md:grid-cols-4">
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.active') }}
            </label>
            <select name="sub_active[]" required
                    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="true" @selected($edit && $sub->active)>
                    {{ __('forms.true') }}
                </option>
                <option value="false" @selected($edit && !$sub->active)>
                    {{ __('forms.false') }}
                </option>
            </select>
        </div>
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.PriorityUseQueue') }}
            </label>
            <select name="priority[]" required
                    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="false" @selected($edit && !$sub->priority)>
                    {{ __('forms.false') }}
                </option>
                <option value="true" @selected($edit && $sub->priority)>
                    {{ __('forms.true') }}
                </option>
            </select>
        </div>
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.SafeRun') }}
            </label>
            <select name="safe[]" required
                    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="false" @selected($edit && !$sub->safe)>
                    {{ __('forms.false') }}
                </option>
                <option value="true" @selected($edit && $sub->safe)>
                    {{ __('forms.true') }}
                </option>
            </select>
        </div>
    </div>
    <div class="grid gap-6 mb-6 md:grid-cols-4">
        <div>
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.checksum') }}
            </label>
            <select name="checksum[]" onchange="SetChecksum(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"
                    required>
                <option value="false" @selected($edit && !$sub->checksum)>
                    {{ __('forms.false') }}
                </option>
                <option value="true" @selected($edit && $sub->checksum)>
                    {{ __('forms.true') }}
                </option>
            </select>
        </div>
        <div class="checksum {{ $edit && $sub->checksum ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('forms.register') }}
            </label>
            <select name="checksum_register_uuid[]"
                    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($edit)
                    @foreach($sub->Device->Registers as $register)
                        <option
                            value="{{ $register->uuid }}" @selected($sub->checksum_register_uuid == $register->uuid)>
                            {{ $register->title }}
                        </option>
                    @endforeach
                @else
                    <option value="">
                        {{ __('forms.ChooseDevice') }}
                    </option>
                @endif
            </select>
        </div>
        <div class="checksum {{ $edit && $sub->checksum ? '' : 'hidden' }}">
            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
                {{ __('task.ExpectedValue') }}
            </label>
            <input type="text" name="checksum_register_value[]"
                   class="ChecksumInput 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"
                   value="{{ $edit ? $sub->checksum_register_value : '' }}" placeholder="{{ __('forms.required') }}"/>
        </div>
    </div>
    <button type="button" onclick="$(this).parent().remove();"
            class="mt-2 flex items-center space-x-2 justify-center 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 sm:w-auto 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>
            {{ __('task.RemoveTask') }}
        </span>
    </button>
</li>
<script>
    $(document).ready(function() {
        // برای هر select command موجود در صفحه
        $('.commands').each(function() {
            SetCommand(this);
        });
    });
</script>