@csrf

<div class="row g-3">
    {{-- Sección Información Comercial --}}
    <div class="col-12">
        <h6 class="fw-bold text-primary border-bottom pb-2 mb-3">
            <i class="bi bi-info-circle me-1"></i> Información General & Comercial
        </h6>
    </div>

    {{-- Nombre del Servicio --}}
    <div class="col-md-6">
        <label class="form-label fw-semibold">Nombre del servicio <span class="text-danger">*</span></label>
        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $service->name ?? '') }}" placeholder="Ej: Lavado de Sábana 1 Plaza" required>
        @error('name')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Slug (URL amigable) --}}
    <div class="col-md-6">
        <label class="form-label fw-semibold">Slug (URL Web)</label>
        <input type="text" name="slug" class="form-control @error('slug') is-invalid @enderror"
               value="{{ old('slug', $service->slug ?? '') }}" placeholder="ej: lavado-sabana-1-plaza">
        <small class="text-muted">Si se deja en blanco, se generará o mantendrá automáticamente.</small>
        @error('slug')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Grupo / Categoría --}}
    <div class="col-md-4">
        <label class="form-label fw-semibold">Grupo / Categoría</label>
        <input type="text" name="group_name" class="form-control @error('group_name') is-invalid @enderror"
               value="{{ old('group_name', $service->group_name ?? '') }}" placeholder="Ej: Ropa de Cama & Hogar">
        @error('group_name')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Unidad de Cobro --}}
    <div class="col-md-4">
        <label class="form-label fw-semibold">Unidad de cobro <span class="text-danger">*</span></label>
        <select name="unit" class="form-select @error('unit') is-invalid @enderror" required>
            <option value="">Seleccione una unidad...</option>
            @foreach($units as $key => $label)
                <option value="{{ $key }}" {{ old('unit', $service->unit ?? 'unidad') === $key ? 'selected' : '' }}>
                    {{ $label }} ({{ $key }})
                </option>
            @endforeach
        </select>
        @error('unit')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Precio Base --}}
    <div class="col-md-4">
        <label class="form-label fw-semibold">Precio Base <span class="text-danger">*</span></label>
        <div class="input-group">
            <span class="input-group-text">$</span>
            <input type="number" step="0.01" name="base_price" class="form-control @error('base_price') is-invalid @enderror"
                   value="{{ old('base_price', $service->base_price ?? '0.00') }}" placeholder="0.00" required>
        </div>
        @error('base_price')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Opciones de Configuración --}}
    <div class="col-md-4">
        <div class="form-check form-switch mt-2">
            <input type="hidden" name="is_quote" value="0">
            <input type="checkbox" name="is_quote" id="is_quote" class="form-check-input" value="1"
                   {{ old('is_quote', $service->is_quote ?? false) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="is_quote">Requiere Cotización Especial</label>
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-check form-switch mt-2">
            <input type="hidden" name="is_public" value="0">
            <input type="checkbox" name="is_public" id="is_public" class="form-check-input" value="1"
                   {{ old('is_public', $service->is_public ?? true) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="is_public">Visible en Web Pública</label>
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-check form-switch mt-2">
            <input type="hidden" name="is_active" value="0">
            <input type="checkbox" name="is_active" id="is_active" class="form-check-input" value="1"
                   {{ old('is_active', $service->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="is_active">Servicio activo</label>
        </div>
    </div>

    {{-- Sección Insumos y Métricas Técnicas --}}
    <div class="col-12 mt-4">
        <h6 class="fw-bold text-primary border-bottom pb-2 mb-3">
            <i class="bi bi-sliders me-1"></i> Consumos de Insumos & Parámetros Técnicos
        </h6>
    </div>

    {{-- Peso estimado --}}
    <div class="col-md-4">
        <label class="form-label">Peso estimado por prenda (KG)</label>
        <div class="input-group">
            <input type="number" step="0.0001" name="garment_weight_kg" class="form-control @error('garment_weight_kg') is-invalid @enderror"
                   value="{{ old('garment_weight_kg', $service->garment_weight_kg ?? '0.0000') }}" placeholder="0.0000" required>
            <span class="input-group-text">kg</span>
        </div>
        @error('garment_weight_kg')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Consumo Detergente --}}
    <div class="col-md-4">
        <label class="form-label">Consumo de Detergente</label>
        <div class="input-group">
            <input type="number" step="0.000001" name="detergent_consumption" class="form-control @error('detergent_consumption') is-invalid @enderror"
                   value="{{ old('detergent_consumption', $service->detergent_consumption ?? '0.000000') }}" placeholder="0.000000" required>
            <span class="input-group-text">L / kg</span>
        </div>
        @error('detergent_consumption')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Consumo Suavizante --}}
    <div class="col-md-4">
        <label class="form-label">Consumo de Suavizante</label>
        <div class="input-group">
            <input type="number" step="0.000001" name="softener_consumption" class="form-control @error('softener_consumption') is-invalid @enderror"
                   value="{{ old('softener_consumption', $service->softener_consumption ?? '0.000000') }}" placeholder="0.000000" required>
            <span class="input-group-text">L / kg</span>
        </div>
        @error('softener_consumption')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Consumo Gas --}}
    <div class="col-md-4">
        <label class="form-label">Consumo de Gas</label>
        <div class="input-group">
            <input type="number" step="0.000001" name="gas_consumption" class="form-control @error('gas_consumption') is-invalid @enderror"
                   value="{{ old('gas_consumption', $service->gas_consumption ?? '0.000000') }}" placeholder="0.000000" required>
            <span class="input-group-text">m³</span>
        </div>
        @error('gas_consumption')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Consumo Cloro / Blanqueador --}}
    <div class="col-md-4">
        <label class="form-label">Consumo de Cloro</label>
        <div class="input-group">
            <input type="number" step="0.000001" name="bleach_consumption" class="form-control @error('bleach_consumption') is-invalid @enderror"
                   value="{{ old('bleach_consumption', $service->bleach_consumption ?? '0.000000') }}" placeholder="0.000000" required>
            <span class="input-group-text">L / kg</span>
        </div>
        @error('bleach_consumption')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Consumo Percarbonato --}}
    <div class="col-md-4">
        <label class="form-label">Consumo de Percarbonato</label>
        <div class="input-group">
            <input type="number" step="0.000001" name="percarbonate_consumption" class="form-control @error('percarbonate_consumption') is-invalid @enderror"
                   value="{{ old('percarbonate_consumption', $service->percarbonate_consumption ?? '0.000000') }}" placeholder="0.000000" required>
            <span class="input-group-text">kg</span>
        </div>
        @error('percarbonate_consumption')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    {{-- Orden de Clasificación --}}
    <div class="col-md-4">
        <label class="form-label">Orden de Despliegue (Sort Order)</label>
        <input type="number" name="sort_order" class="form-control @error('sort_order') is-invalid @enderror"
               value="{{ old('sort_order', $service->sort_order ?? '0') }}" placeholder="0">
        @error('sort_order')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
    <a href="{{ route('services.index') }}" class="btn btn-outline-secondary">Cancelar</a>
    <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i> Guardar servicio
    </button>
</div>