@extends('admin.layouts.admin')

@section('title', isset($fermento) ? 'Editar ' . $fermento->name : 'Nuevo fermento')

@section('content')

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

<div class="admin-page-title">{{ isset($fermento) ? 'Editar: ' . $fermento->name : 'Nuevo fermento' }}</div>

<div class="row justify-content-center">
    <div class="col-12 col-lg-7">
        <div class="admin-card mt-4">
            <form method="POST"
                  action="{{ isset($fermento) ? route('admin.fermentos.update', $fermento) : route('admin.fermentos.store') }}"
                  class="fermenty-form"
                  enctype="multipart/form-data">
                @csrf
                @if(isset($fermento)) @method('PUT') @endif

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

                @if(!isset($fermento))
                    <div class="mb-3">
                        <label class="form-label">Slug</label>
                        <input type="text" name="slug" class="form-control @error('slug') is-invalid @enderror"
                               value="{{ old('slug') }}" placeholder="kombucha, kefir-agua..." required>
                        @error('slug') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                @endif

                <div class="mb-3">
                    <label class="form-label">Tipo de fermentación</label>
                    @php $selCat = old('fermentation_category_id', $fermento->fermentation_category_id ?? ''); @endphp
                    <select name="fermentation_category_id" class="form-select @error('fermentation_category_id') is-invalid @enderror">
                        <option value="">— Sin clasificar —</option>
                        @foreach(($categories ?? collect()) as $cat)
                            <option value="{{ $cat->id }}" {{ (string) $selCat === (string) $cat->id ? 'selected' : '' }}>
                                {{ $cat->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('fermentation_category_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    <div class="form-text" style="font-size:0.8rem;">Proceso dominante (láctica, acética…). Agrupa el catálogo.</div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Descripción</label>
                    <textarea name="description" class="form-control" rows="3">{{ old('description', $fermento->description ?? '') }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Imagen de portada</label>
                    @if(isset($fermento) && $fermento->image_url)
                        <div class="mb-2">
                            <img src="{{ $fermento->image_url }}" alt="Imagen de {{ $fermento->name }}" style="max-width: 220px; border-radius: 10px; display:block;">
                            <div class="text-muted" style="font-size: 0.85rem; margin-top: 0.5rem;">Imagen actual subida</div>
                        </div>
                    @else
                        <div class="mb-2 text-muted" style="font-size: 0.9rem;">No hay imagen subida aún.</div>
                    @endif
                    <input type="file" name="image" class="form-control @error('image') is-invalid @enderror" accept="image/*">
                    <small class="text-muted">Sube una imagen JPG/PNG/WebP para el fermento. Si no subes nada, se usará la imagen predeterminada.</small>
                    @error('image') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label">Dificultad</label>
                        <select name="difficulty_level" class="form-select">
                            @foreach(['easy' => 'Fácil', 'medium' => 'Medio', 'hard' => 'Avanzado'] as $val => $label)
                                <option value="{{ $val }}" {{ old('difficulty_level', $fermento->difficulty_level ?? '') === $val ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Duración (días)</label>
                        <input type="number" name="default_duration_days" class="form-control"
                               value="{{ old('default_duration_days', $fermento->default_duration_days ?? 7) }}" min="1" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Plan requerido</label>
                        <select name="plan_required" class="form-select">
                            <option value="free" {{ old('plan_required', $fermento->plan_required ?? '') === 'free' ? 'selected' : '' }}>Gratis</option>
                            <option value="premium" {{ old('plan_required', $fermento->plan_required ?? '') === 'premium' ? 'selected' : '' }}>Premium</option>
                        </select>
                    </div>
                </div>

                <div class="mb-4 d-flex align-items-center gap-2">
                    <input type="checkbox" name="is_active" id="is_active" class="form-check-input mt-0"
                           value="1" {{ old('is_active', $fermento->is_active ?? true) ? 'checked' : '' }}>
                    <label for="is_active" class="form-check-label">Activo</label>
                </div>

                <div class="d-flex gap-3">
                    <button type="submit" class="btn btn-fermenty-primary">
                        {{ isset($fermento) ? 'Guardar cambios' : 'Crear fermento' }}
                    </button>
                    <a href="{{ route('admin.fermentos.index') }}" class="btn btn-fermenty-outline">Cancelar</a>
                </div>

            </form>
        </div>
    </div>
</div>

@endsection