@csrf

<div class="row g-3">

    <div class="col-md-8">
        <label class="form-label">Nombre del servicio</label>
        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $service->name ?? '') }}" placeholder="Ej: Lavado Industrial" required>
        @error('name')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">Línea de servicio</label>
        <select name="service_line" class="form-select @error('service_line') is-invalid @enderror" required>
            <option value="">Selecciona una línea</option>
            @foreach (\App\Models\Order::SERVICE_LINES as $value => $label)
                <option value="{{ $value }}" {{ old('service_line', $service->service_line ?? '') === $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('service_line')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">Unidad de cobro</label>
        <select name="billing_unit" class="form-select @error('billing_unit') is-invalid @enderror" required>
            @foreach (\App\Models\Service::BILLING_UNITS as $value => $label)
                <option value="{{ $value }}" {{ old('billing_unit', $service->billing_unit ?? 'kg') === $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('billing_unit')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4 d-flex align-items-end">
        <div class="form-check form-switch">
            <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" for="is_active">Servicio activo</label>
        </div>
    </div>

    <div class="col-12">
        <label class="form-label">Descripción</label>
        <textarea name="description" rows="3" class="form-control @error('description') is-invalid @enderror"
                  placeholder="Detalle del servicio...">{{ old('description', $service->description ?? '') }}</textarea>
        @error('description')
            <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>