Technisch — SalesOnIPad × CRM

1. Lead capture form Klaar

Het aanvraagformulier post direct naar de CRM LeadIntake API — zonder tussenliggende server.

Formulier (testwebsite/index.html)

<!-- POST via fetch → https://launcherp.be/api/v1/leads -->
{
  "name":      "...",        // naam
  "email":     "...",        // e-mail (verplicht)
  "company":   "...",        // bedrijf
  "plan":      "hidden",     // gekozen plan (uit prijzen.html)
  "source":    "salesonipad" // bron → lead wordt getagd in CRM
}

✓ Honeypot-veld website filtert bots. ✓ Netwerkfout → nette melding, geen verloren lead.

CRM-kant (Laravel)

// config/cors.php
'paths' => ['api/*', 'sanctum/csrf-cookie'],
'allowed_origins' => [env('APP_URL'), 'https://salesonipad.com'],

// bootstrap/app.php — uitzondering CSRF voor het lead-endpoint
->withMiddleware(function (Middleware $middleware) {
    $middleware->validateCsrfTokens(except: ['api/v1/leads']);
})

✓ Bestaande LeadIntakeController verwerkt de data; geen nieuwe backend nodig.

2. Dataflow & sync Bestaand

De app synchroniseert al met de CRM-API via dezelfde patronen als orders. Deze modules draaien en hoeven enkel te worden gekoppeld.

2-way lead sync — `scripts/leads.js`

Leads CRM → App (novasync.syncLeads) en App → CRM (erp="send" wachtrij)
Leadconversie: verkoper markeert "gewonnen" → CRM maakt klant aan
Idempotente sleutel (uid crm:<uuid> of lead:<ts>) — nooit duplicaten
Leadstatus: new, qualified, won, lost — met bron: website, referral, cold, event

2-way opportunity sync — `scripts/opportunities.js`

Zelfde bidirectionele patroon als leads
Verkoopkansen uit CRM verschijnen op de iPad; lokale kansen worden gepusht
Stabiele uid voorkomt dubbele aanmaak bij offline-retry

Creditnota's — `pdf.js: creditNotaFromFactuur`

Eén klik vanuit een factuur → creditnota met eigen nummering
Verwijst naar de originele factuur; crediteert lijn per lijn of samengevat
Gesynct naar CRM als order met credit-flag
Volledig vertaald: NL/FR/EN/ES/DE

Delta-sync — `scripts/novasync.js`

Alleen gewijzigde records worden gesynct (products, klanten, orders, leads)
Offline-wachtrij stuurt alles door zodra er verbinding is
My-stats en order-push maken deel uit van dezelfde engine

3. Beveiliging & data

Wat er op de iPad en in het CRM gebeurt.

Onderdeel	Werking
PIN-beveiliging	App afsluiten tegen ongeautoriseerd gebruik
Dropbox backup	OAuth 2.0 PKCE — één tik backup, later terugzetten op zelfde/nieuwe iPad
Offline-wachtrij	Openstaande orders overleven een herstart; aparte backup-wachtrij
Peppol-ready	Velden voor e-facturatie aanwezig; de CRM-module genereert de UBL e-factuur als download. Verzending via een Peppol Access Point is nog niet operationeel.
PWA / offline	Service worker cached de volledige app — werkt zonder netwerk

🌐 PWA-installatie

De app is een Progressive Web App: vertegenwoordigers installeren hem op hun iPad zonder App Store en hij werkt volledig offline.

4. Bundel-architectuur Design

De combinatie gebruikt de bestaande sync — geen nieuwe infrastructuur.

Flow

1. CRM-account aangemaakt (Stripe checkout)
2. SalesOnIPad-licentie gekoppeld aan het CRM-bedrijf
3. App weet via config welk sync-endpoint te gebruiken
4. Sync loopt automatisch — gebruikers zien "gesynchroniseerd" in de app
5. CRM opzeggen = sync stopt; de app blijft lokaal werken

🔌 Geen nieuwe code nodig

De orders, leads, opportunities en creditnota's gebruiken al hetzelfde sync-patroon. De veldverkoop-module sluit deze aan op het CRM-dashboard.

Stap	Werk	Status
1. Lead-capture online	Formulier posten naar API + CORS	Klaar (testwebsite)
2. Veldverkoop-module	CRMModules activeren + prijzen	Volgende stap
3. Sync verbinden	Endpoints koppelen per klant	Pilot
4. Upsell in checkout	Stripe + welkomstpagina	Uitbreiding

Technische werking

1. Lead capture form Klaar

Formulier (testwebsite/index.html)

CRM-kant (Laravel)

2. Dataflow & sync Bestaand

2-way lead sync — `scripts/leads.js`

2-way opportunity sync — `scripts/opportunities.js`

Creditnota's — `pdf.js: creditNotaFromFactuur`

Delta-sync — `scripts/novasync.js`

3. Beveiliging & data

4. Bundel-architectuur Design

Flow

5. Roadmap

Technische werking

1. Lead capture form Klaar

Formulier (testwebsite/index.html)

CRM-kant (Laravel)

2. Dataflow & sync Bestaand

2-way lead sync — scripts/leads.js

2-way opportunity sync — scripts/opportunities.js

Creditnota's — pdf.js: creditNotaFromFactuur

Delta-sync — scripts/novasync.js

3. Beveiliging & data

4. Bundel-architectuur Design

Flow

5. Roadmap

2-way lead sync — `scripts/leads.js`

2-way opportunity sync — `scripts/opportunities.js`

Creditnota's — `pdf.js: creditNotaFromFactuur`

Delta-sync — `scripts/novasync.js`