# 📄 Rifmoke Laskutusohjelma

Moderni, helppokäyttöinen laskutusohjelma pienille yrityksille. Luo ammattimaiset laskut muutamalla klikkauksella, ja lataa ne PDF-tiedostoiksi!

## ✨ Ominaisuudet

### 🎨 Käyttöliittymä
- **A4-kokoinen laskupohja** keskellä näyttöä
- **Klikkaa ja muokkaa** - kaikki kentät ovat suoraan muokattavissa
- **Helppokäyttöinen** - ei tarvitse teknisiä taitoja
- **Responsive design** - toimii tietokoneilla ja puhelimilla
- **🆕 Automaattinen sivunvaihto** - scrollaa sivuja kuten Google Docsissa
- **🆕 Zoom 50-150%** - säädä näkymän kokoa

### 📋 Laskun rakenne
1. **Logo ja yritystiedot** vasemmalla yläosassa
2. **Laskun tiedot** oikealla yläosassa:
   - Laskun numero
   - Laskun päiväys
   - Maksuaika
   - Eräpäivä
   - **Automaattisesti luotu viitenumero**

3. **Asiakastiedot** - helposti täytettävä osio
4. **Palvelut-taulukko** - lisää/poista rivejä ja sarakkeita vapaasti
5. **Tilisiirtolomake** laskun alla - suomalaisen pankkisiirron standardi
6. **Yhteenveto** - automaattinen summaluettelo ALV:lla

### 🔧 Muokkausmahdollisuudet

#### 🆕 Automaattinen sivunvaihto
- ✅ Kaikki sivut näkyvät samaan aikaan
- ✅ Scrollaa sivuja kuten tekstinkäsittelyssä
- ✅ Tilisiirtolomake omalla sivullaan
- ✅ Kaikki sivut sisällytetään PDF:ään

#### Taulukot
- ✅ Lisää useita taulukoita (esim. palvelut ja kilometrit)
- ✅ Lisää/poista rivejä vapaasti
- ✅ 🆕 Lisää/poista sarakkeita
- ✅ Muuta sarakkeiden otsikoita
- ✅ Automaattinen summalaskenta
- ✅ Värien ja tyylien muokkaus

#### Tekstin hallinta
- ✅ Fontin koko (8-48px)
- ✅ Lihavointi ja kursivointi
- ✅ Tekstin väri
- ✅ Kaikki kentät klikkaamalla muokattavissa

#### Laskun asetukset
- ✅ 🆕 Vaihda ALV % (0%, 10%, 24%, 25.5%)
- ✅ Valuutan valinta
- ✅ Taulukon väritys
- ✅ Yrityksen tietojen muokkaus

### 📤 Viennit
- **PDF** - Lataa lasku PDF-muodossa asiakkaalle (sisältää kaikki sivut)
- **Tulostus** - Suoraan tulostin-optimoitu
- **Paikallinen tallennus** - Automaattinen tallennus selaimen muistiin

## 🚀 Käyttöönotto

### 1. Avaa ohjelma
Avaa `index.html` selaimella:
```bash
cd /Volumes/RIFTERA/sovellukset/lasku\ 2.0
# Avaa index.html selaimessasi
```

### 2. Täytä yritystiedot
1. Klikkaa yrityksen nimen kohdalla vasemmalla yläreunassa
2. Muokkaa omaksesi
3. Saman tapaan muokkaa kaikki muut tiedot

### 3. Muokkaa laskun asetuksia
Oikealla puolella löydät:
- Yrityksen tiedot
- ALV %
- Taulukon värit
- Tekstin tyylit

### 4. Lisää palvelut/kulut
1. Klikkaa "Lisää rivi" nappulaa
2. Täytä:
   - **Kuvaus** - Mitä palvelua laskutetaan?
   - **Määrä** - Kuinka paljon?
   - **Yksikkö** - kpl, h, vrk, km, jne.
   - **Yksikköhinta** - Palvelun hinta

**Summat lasketaan automaattisesti!** ✨

### 5. Vaihtele laskun rakennetta
- **Lisää taulukko**: "Lisää taulukko" -nappula
- **Poista taulukko**: Taulukon "Poista taulukko" -nappula
- **Vaihda otsikko**: Klikkaa taulukon otsikkoa

### 6. Luo viitenumero
Klikkaa "Luo" -nappula viitenumeron vieressä. Ohjelma luo suomalaisen viitenumeron (mod10) laskun numeron perusteella.

### 7. Lataa tai tulosta
- **Lataa PDF**: "Lataa PDF" -nappula
- **Tulosta**: "Tulosta" -nappula

## 📋 Tilisiirtolomake

Ohjelma luo automaattisesti tilisiirtolomakkeen laskun alle:
- ✅ IBAN ja BIC -kentät
- ✅ Saajan ja maksajan tiedot
- ✅ Viitenumero (automaattisesti täytetty)
- ✅ Summa ja eräpäivä (automaattisesti täytetty)
- ✅ Pankkisiirrossa käytettävä viivakoodi (valmistelu)

## 🎨 Mukauttaminen

### Logon vaihto
1. Vaihda logo tiedosto: `rifmoke-logo-kiinteistonhoito.webp`
2. Sama kansio kuin `index.html`
3. Logo päivittyy automaattisesti

### Värien muokkaus
Avaa `styles.css` ja etsi:
- `.invoice-title` - Laskun "LASKU" teksti
- `.invoice-header` - Yläreunan väri
- `.invoice-table th` - Taulukon otsikon väri

### Fontin vaihto
Avaa `styles.css` ja vaihda:
```css
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
```

## 💾 Tietojen tallennus

Ohjelma tallentaa automaattisesti laskut selaimen paikalliseen muistiin. Voit myöhemmin ladata edellisen laskun uudelleen.

## 🐛 Vinkkejä

### Kaksi taulukkoa (palvelut + kilometrit)
1. Täytä ensimmäinen taulukko palveluilla
2. Klikkaa "Lisää taulukko"
3. Vaihda uuden taulukon otsikko: "Kilometrit"
4. Lisää rivit ja täytä

### Tyylien soveltaminen
1. Klikkaa tekstiä jonka haluat muokata
2. Valitse tyyli sivupalkista:
   - Koko
   - Lihavointi
   - Väri
3. Klikkaa "Sovella tyyli"

### Tulostin-optimointi
- Varmista, että "Marginaalit" on asetettu pieneksi
- Käytä "Tausta grafiikka" -asetusta (jotkut selaimet)
- PDF-lataus on paras vaihtoehto asiakkaalle

## 🌐 Verkossa käyttö

Laskutusohjelma toimii ilman verkkoyhteyttä! Kaikki toiminnot ovat paikallisia.

Jos haluat jakaa ohjelman muiden kanssa:
1. Siirrä koko `lasku 2.0` -kansio
2. Avaa `index.html` selaimella

## 📞 Tuki

Jos kohtaat ongelmia:
1. Avaa selaimen kehittäjätyökalut: F12
2. Etsi punaiset virheilmoitukset "Console" -välilehdeltä
3. Tarkista, että kaikki tiedostot ovat samassa kansiossa:
   - `index.html`
   - `styles.css`
   - `script.js`
   - `rifmoke-logo-kiinteistonhoito.webp`

## 📄 Laskun tulostus

### PDF-muodossa:
1. Klikkaa "Lataa PDF"
2. Tiedosto tallennetaan `lasku.pdf` nimellä

### Paperille:
1. Klikkaa "Tulosta"
2. Valitse tulostin
3. Asetukset:
   - Marginaalit: Minimaalinen
   - Paperi: A4
   - Väri: Väri (jos haluat värillistä)
   - Suurennusprosentti: 100%

## 🎯 Seuraavat parannukset (tulevaisuudessa)

- [ ] Excel-vienti
- [ ] Laskujen tallennushistoria
- [ ] Asiakastietojen tallennusrekisteri
- [ ] Automaattinen laskun numerointijärjestelmä
- [ ] Maksumenetelmien hallinta
- [ ] Maksumuistutukset
- [ ] Kirjanpidon integraatio

## 📝 Lisensointi

Tämä ohjelma on luotu Rifmoke Kiinteistönhoito Oy:lle. 
Vapaa käyttö sisäisiin tarpeisiin.

---

**Versio:** 1.0  
**Viimeksi päivitetty:** 2026-03-05  
**Tekijä:** Rifmoke Laskutusohjelma Team

Onnea laskutukseen! 🚀