@php
    $isEdit = !empty($campana);

    $canal = old('canal', $isEdit ? $campana->canal : 'whatsapp');
    $estado = old('estado', $isEdit ? $campana->estado : 'borrador');

    $selectedTags = old('tags', $isEdit ? ($campana->tags?->pluck('id')->all() ?? []) : []);

    $programada = old('programada_para', $isEdit && $campana->programada_para ? $campana->programada_para->format('Y-m-d\TH:i') : '');

    $plantillaElegida = old('plantilla_id', $campana->plantilla_id ?? null);
@endphp

@if ($errors->any())
<div class="alert alert-danger">
    <ul class="mb-0">
        @foreach ($errors->all() as $e)
            <li>{{ $e }}</li>
        @endforeach
    </ul>
</div>
@endif

@if(in_array($canal, ['sms','whatsapp','email'], true) && empty($plantillaElegida))
<div class="alert alert-warning">
    <strong>Importante:</strong> Para enviar por <strong>{{ strtoupper($canal) }}</strong> debes seleccionar una
    <strong>plantilla con contenido</strong>.
</div>
@endif

<div class="row g-3 mb-3">
    <div class="col-md-6">
        <label class="form-label">Nombre *</label>
        <input type="text" name="nombre" class="form-control @error('nombre') is-invalid @enderror"
               value="{{ old('nombre', $campana->nombre ?? '') }}" required>
        @error('nombre') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-3">
        <label class="form-label">Canal *</label>
        <select name="canal" class="form-select @error('canal') is-invalid @enderror" required>
            <option value="whatsapp" {{ $canal==='whatsapp'?'selected':'' }}>WhatsApp</option>
            <option value="sms" {{ $canal==='sms'?'selected':'' }}>SMS</option>
            <option value="email" {{ $canal==='email'?'selected':'' }}>Email</option>
        </select>
        @error('canal') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-3">
        <label class="form-label">Estado *</label>
        <select name="estado" class="form-select @error('estado') is-invalid @enderror" required>
            <option value="borrador" {{ $estado==='borrador'?'selected':'' }}>Borrador</option>
            <option value="programada" {{ $estado==='programada'?'selected':'' }}>Programada</option>
            <option value="enviando" {{ $estado==='enviando'?'selected':'' }}>Enviando</option>
            <option value="finalizada" {{ $estado==='finalizada'?'selected':'' }}>Finalizada</option>
            <option value="cancelada" {{ $estado==='cancelada'?'selected':'' }}>Cancelada</option>
        </select>
        @error('estado') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Plantilla</label>
        <select name="plantilla_id" class="form-select @error('plantilla_id') is-invalid @enderror">
            <option value="">— Sin plantilla —</option>
            @foreach($plantillas as $p)
                <option value="{{ $p->id }}" {{ (string)old('plantilla_id',$campana->plantilla_id ?? '') === (string)$p->id ? 'selected' : '' }}>
                    {{ $p->nombre }} ({{ strtoupper($p->canal) }})
                </option>
            @endforeach
        </select>
        @error('plantilla_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">Debe tener contenido para poder enviar.</div>
    </div>

    <div class="col-md-6">
        <label class="form-label">Programada para</label>
        <input type="datetime-local" name="programada_para"
               class="form-control @error('programada_para') is-invalid @enderror"
               value="{{ $programada }}">
        @error('programada_para') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-12">
        <label class="form-label">Tags</label>
        <div class="d-flex flex-wrap gap-2">
            @forelse($tags as $t)
                <label class="form-check me-3">
                    <input class="form-check-input" type="checkbox" name="tags[]" value="{{ $t->id }}"
                        {{ in_array($t->id, $selectedTags) ? 'checked' : '' }}>
                    <span class="form-check-label">{{ $t->nombre }}</span>
                </label>
            @empty
                <div class="alert alert-light border">
                    No tienes tags creados. <a href="{{ route('empresa.tags.create') }}">Crear tag</a>
                </div>
            @endforelse
        </div>
        <div class="form-text">Si no eliges tags, se considerarán todos los contactos activos.</div>
    </div>

    <div class="col-md-6">
        <label class="form-label d-block">Estado de campaña</label>
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="activo" value="1" id="activo"
                   {{ old('activo', (bool)($campana->activo ?? true)) ? 'checked' : '' }}>
            <label class="form-check-label" for="activo">Activa</label>
        </div>
    </div>
</div>