@csrf
@isset($rule)
    @method('PUT')
@endisset

<div x-data="{ actionType: '{{ old('action_type', $rule->action_type ?? '') }}' }">
    <div>
        <x-input-label for="zone_id" :value="__('Зона')" />
        <select id="zone_id" name="zone_id" required
            class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
            <option value="">{{ __('— выбрать —') }}</option>
            @foreach ($zones as $zone)
                <option value="{{ $zone->id }}" @selected(old('zone_id', $rule->zone_id ?? '') == $zone->id)>{{ $zone->name }}</option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('zone_id')" class="mt-2" />
    </div>

    <div class="mt-4">
        <x-input-label for="condition_source_device_id" :value="__('Устройство-источник показания')" />
        <select id="condition_source_device_id" name="condition_source_device_id" required
            class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
            <option value="">{{ __('— выбрать —') }}</option>
            @foreach ($devices as $device)
                <option value="{{ $device->id }}" @selected(old('condition_source_device_id', $rule->condition_source_device_id ?? '') == $device->id)>
                    {{ $device->zone->name }} — {{ $device->name }} ({{ $device->deviceType->code }})
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('condition_source_device_id')" class="mt-2" />
    </div>

    <div class="mt-4 grid grid-cols-3 gap-4">
        <div>
            <x-input-label for="condition_sensor_type" :value="__('Тип показания')" />
            <input list="sensor-types" id="condition_sensor_type" name="condition_sensor_type" type="text"
                value="{{ old('condition_sensor_type', $rule->condition_sensor_type ?? '') }}" required
                class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm" />
            <datalist id="sensor-types">
                @foreach ($sensorTypeOptions as $option)
                    <option value="{{ $option }}"></option>
                @endforeach
            </datalist>
            <x-input-error :messages="$errors->get('condition_sensor_type')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="condition_operator" :value="__('Оператор')" />
            <select id="condition_operator" name="condition_operator" required
                class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
                @foreach (\App\Enums\ConditionOperator::cases() as $operator)
                    <option value="{{ $operator->value }}" @selected(old('condition_operator', $rule->condition_operator->value ?? '') == $operator->value)>
                        {{ $operator->value }}
                    </option>
                @endforeach
            </select>
            <x-input-error :messages="$errors->get('condition_operator')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="condition_value" :value="__('Порог')" />
            <x-text-input id="condition_value" name="condition_value" type="number" step="any" class="mt-1 block w-full"
                :value="old('condition_value', $rule->condition_value ?? '')" required />
            <x-input-error :messages="$errors->get('condition_value')" class="mt-2" />
        </div>
    </div>

    <div class="mt-4">
        <x-input-label for="target_device_id" :value="__('Устройство-исполнитель')" />
        <select id="target_device_id" name="target_device_id" required
            class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
            <option value="">{{ __('— выбрать —') }}</option>
            @foreach ($devices as $device)
                <option value="{{ $device->id }}" @selected(old('target_device_id', $rule->target_device_id ?? '') == $device->id)>
                    {{ $device->zone->name }} — {{ $device->name }} ({{ $device->deviceType->code }})
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('target_device_id')" class="mt-2" />
    </div>

    <div class="mt-4 grid grid-cols-2 gap-4">
        <div>
            <x-input-label for="action_type" :value="__('Действие')" />
            <select id="action_type" name="action_type" required x-model="actionType"
                class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
                <option value="">{{ __('— выбрать —') }}</option>
                @foreach ($actionTypeOptions as $option)
                    <option value="{{ $option }}">{{ $option }}</option>
                @endforeach
            </select>
            <x-input-error :messages="$errors->get('action_type')" class="mt-2" />
        </div>

        <div x-show="actionType === 'set_level'">
            <x-input-label for="level" :value="__('Уровень')" />
            <x-text-input id="level" name="level" type="number" step="any" class="mt-1 block w-full"
                :value="old('level', $rule->action_params['level'] ?? '')" />
            <x-input-error :messages="$errors->get('level')" class="mt-2" />
        </div>
    </div>

    <div class="mt-4">
        <label class="inline-flex items-center">
            <input type="hidden" name="is_active" value="0">
            <input type="checkbox" name="is_active" value="1" class="rounded border-gray-300 text-indigo-600 shadow-sm"
                @checked(old('is_active', $rule->is_active ?? true))>
            <span class="ms-2 text-sm text-gray-600">{{ __('Правило активно') }}</span>
        </label>
    </div>

    <div class="mt-4 flex items-center gap-4">
        <x-primary-button>{{ __('Сохранить') }}</x-primary-button>
        <a href="{{ route('automation-rules.index') }}" class="text-sm text-gray-600 hover:underline">{{ __('Отмена') }}</a>
    </div>
</div>