# 🚀 Rifmoke Laskutusohjelma - Pikaopas

## 5 minuuttia - Ensimmäinen lasku valmiina!

### Vaihe 1: Avaa ohjelma (30 sekuntia)
1. Avaa `index.html` selaimellasi (Chrome, Firefox, Safari, Edge)
2. Näet A4-kokoisen laskupohjaa ruudulla

### Vaihe 2: Vaihda logon (vaihtoehtoisesti)
1. Korvaa `rifmoke-logo-kiinteistonhoito.webp` omalla logolla
2. Logo päivittyy automaattisesti

### Vaihe 3: Täytä yrityksen tiedot (2 minuuttia)
Klikkaa ja muokkaa:
- **Yrityksen nimi** → Sinun yrityksen nimi
- **Osoite** → Sinun osoite
- **Postinumero** → Sinun postinumero
- **Puhelin** → Sinun puhelinnumero

**Vinkki:** Kaikki teksti, jonka näet laskussa, on klikkaamalla muokattavissa!

### Vaihe 4: Täytä asiakkaan tiedot (1 minuutti)
Klikkaa "Laskutetaan:" osiota ja täytä:
- Asiakkaan nimi
- Yhteyshenkilö
- Osoite
- Postinumero

### Vaihe 5: Lisää palvelut/kulut (2 minuuttia)

**Ensimmäinen palvelu:**
1. Klikkaa ensimmäisen rivin "Kuvaus" -kenttää
2. Kirjoita palvelun nimi, esim. "Kattoremontti"
3. Täytä tiedot:
   - **Määrä:** 5 (kuinka paljon?)
   - **Yksikkö:** vrk (päivää, tuntia, km, jne)
   - **Yksikköhinta:** 100 (hinta yksikköä kohden)
4. Summa lasketaan automaattisesti! ✨

**Lisää rivejä:**
- Klikkaa "➕ Lisää rivi"
- Toista sama prosessi

**Poista rivi:**
- Klikkaa "Poista" -nappi rivin oikealla puolella

### Vaihe 6: Luo viitenumero (10 sekuntia)
1. Näet "Viitenumero:" -kentän laskun oikealla puolella
2. Klikkaa "Luo" -nappi vieressä
3. Ohjelma luo automaattisesti suomalaisen viitenumeron!

### Vaihe 7: Tarkista summat
- **Palveluista yhteensä:** Näkyy automaattisesti
- **ALV (24%):** Lasketaan automaattisesti
- **Yhteensä maksettava:** Lopullinen summa

### Vaihe 8: Lataa PDF tai tulosta (30 sekuntia)

**Lataa PDF asiakkaalle:**
- Klikkaa "📄 Lataa PDF"
- Tiedosto tallennetaan `lasku.pdf` nimellä

**Tulosta paperille:**
- Klikkaa "🖨️ Tulosta"
- Valitse tulostin
- Valmis!

---

## 💡 Kätevät vinkit

### 📝 Kaksi taulukkoa - Palvelut ja Kilometrit
```
1. Täytä ensimmäinen taulukko PALVELUILLA
2. Klikkaa "Lisää taulukko" nappi
3. Vaihda uuden taulukon otsikko → "Kilometrit"
4. Lisää kilometrit toiseen taulukkoon
```
**Hyötynä:** Asiakas näkee selvästi palvelut ja kilometrit erikseen, helpottaa kotitalousvähennystä! 💰

### 🎨 Muuta värejä
Oikealla puolella (sivupalkissa):
- **Otsikkoväri:** Muuta taulukon otsikon väri
- **Tekstin väri:** Vaihda tekstin väri
- **Rivien väriväihto:** Vuorottavien rivien väri

### 🔤 Muuta tekstin kokoa
1. Klikkaa tekstiä jonka haluat muokata
2. Valitse "Koko (px):" oikealla (esim. 16)
3. Klikkaa "Sovella tyyli"

### 💾 Tallenna vedos
Ohjelmassa:
- Klikkaa "💾 Tallenna vedos"
- Voit myöhemmin ladata saman laskun uudelleen!

---

## ❌ Jos jotain ei toimi

**Ongelma:** Maksujen summa ei päivity
- **Ratkaisu:** Tarkista, että olet laittanut numeroita, ei tekstiä. Määrän ja hinnan täytyy olla numeroita (esim. 50.00)

**Ongelma:** PDF ei lataudu
- **Ratkaisu:** Tarkista, että:
  - JavaScript on käytössä (yleensä on)
  - Selain on yhteensopiva (käytä uudempaa versiota)
  - Kokeile eri selainta

**Ongelma:** Logo ei näy
- **Ratkaisu:** Tarkista, että `rifmoke-logo-kiinteistonhoito.webp` on samassa kansiossa kuin `index.html`

**Ongelma:** Tulostus ei ole A4-kokoinen
- **Ratkaisu:**
  1. Avaa Tulosta-dialogi (Ctrl+P tai Cmd+P)
  2. Aseta paperimuoto → A4
  3. Marginaalit → Minimaalinen
  4. Suurennusprosentti → 100%

---

## 📱 Käyttö puhelimella

Ohjelma toimii puhelimella, mutta on hankala käyttää:

**Parempi tapa:**
1. Käytä tietokonetta laskun luomiseen
2. Lataa PDF
3. Jaa PDF puhelimella asiakkaalle (Whatsapp, sähköposti, jne)

---

## 🎯 Seuraavaksi

Kun hallitset perusasiat:

1. **Pääversio:** Avaa `index.html` ja käytä Hallinta-toimintoja laskujen hallintaan
2. **Mukautetut värit:** Muuta `styles.css` jos haluat omia värejä
3. **Oma logo:** Vaihda logotiedosto omaksesi

---

## 📞 Esimerkkipalvelun laskeminen

**Tilanne:** Asiakas halusi siivousta 3 tunniksi. Tuntipalkkio 25€.

```
Rivissä 1:
- Kuvaus:      "Siivouksen puhdistaminen"
- Määrä:       3
- Yksikkö:     h (tunti)
- Hinta:       25.00
- Yhteensä:    75.00 EUR (lasketaan automaattisesti)
```

**ALV (24%):** 75.00 × 0.24 = 18.00 EUR  
**Yhteensä:** 75.00 + 18.00 = 93.00 EUR

---

## ✅ Tarkistuslista ennen lähettämistä

- [ ] Yrityksen tiedot oikein
- [ ] Asiakkaan tiedot oikein
- [ ] Palvelut listattu
- [ ] Summat oikein
- [ ] Viitenumero luotu
- [ ] Eräpäivä oikein
- [ ] Maksutiedot oikein
- [ ] PDF ladattu tai tulostettu

---

**Onneksi olkoon! 🎉 Sinulla on nyt ammattimaiset laskut minuuteissa!**

Versio: 1.0  
Viimeksi päivitetty: 2026-03-05