@extends('admin.layouts.admin')

@section('title', 'Editar regla de notificacion')

@section('content')

<div class="mb-3">
    <a href="{{ route('admin.notificaciones.index') }}" class="btn-back">← Reglas de notificacion</a>
</div>

<div class="admin-page-title">Editar regla</div>
<p class="admin-page-sub">Ajusta contenido y condiciones de disparo</p>

<div class="admin-card">
    <form method="POST" action="{{ route('admin.notificaciones.update', $rule) }}" class="row g-3">
        @csrf
        @method('PUT')

        <div class="col-md-6">
            <label class="form-label">Trigger</label>
            <select name="trigger_type" class="form-select @error('trigger_type') is-invalid @enderror" required>
                @foreach(['day', 'step', 'measurement'] as $trigger)
                    <option value="{{ $trigger }}" @selected(old('trigger_type', $rule->trigger_type) === $trigger)>{{ $trigger }}</option>
                @endforeach
            </select>
            @error('trigger_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label">Action</label>
            <select name="action" class="form-select @error('action') is-invalid @enderror" required>
                @foreach(['notify', 'suggest', 'warn'] as $action)
                    <option value="{{ $action }}" @selected(old('action', $rule->action) === $action)>{{ $action }}</option>
                @endforeach
            </select>
            @error('action') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-12">
            <label class="form-label">Titulo</label>
            <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                   value="{{ old('title', $rule->title) }}" maxlength="180" required>
            @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-12">
            <label class="form-label">Mensaje</label>
            <textarea name="message" rows="4" class="form-control @error('message') is-invalid @enderror" required>{{ old('message', $rule->message) }}</textarea>
            @error('message') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-12">
            <label class="form-label">Condition (JSON)</label>
            <textarea name="condition_json" rows="5" class="form-control @error('condition_json') is-invalid @enderror" required>{{ old('condition_json', json_encode($rule->condition, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)) }}</textarea>
            <div class="form-text">Ejemplos: {"day":5} · {"step":1} · {"type":"ph","operator":"<","value":2.5}</div>
            @error('condition_json') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>

        <div class="col-12">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="is_active" name="is_active"
                       @checked(old('is_active', $rule->is_active))>
                <label class="form-check-label" for="is_active">Regla activa</label>
            </div>
        </div>

        <div class="col-12 d-flex gap-2">
            <button type="submit" class="btn btn-fermenty-primary btn-sm">Guardar cambios</button>
            <a href="{{ route('admin.notificaciones.index') }}" class="btn btn-fermenty-outline btn-sm">Cancelar</a>
        </div>
    </form>
</div>

@endsection