# Transportplanning – Frontend fix (Acties achteraan + werkend verwijderen)

Deze zip bevat de beste, kant‑en‑klare front-end oplossing om:
- De kolom **Acties (✕)** helemaal **achteraan** te plaatsen.
- De **verwijderen-knop** weer te laten werken (UI + API‑call).
- De tabel leesbaar en stabiel te houden (table-layout fixed, sticky header, kolombreedtes).

## Bestanden
- `index.html` – juiste kolomvolgorde; `<tbody id="tbody">` aanwezig.
- `style.css`    – kolombreedtes her-mapt op de nieuwe volgorde (Acties = kolom 14).
- `script.js`    – bevat `apiDelete(id, date)` en click‑handler op ✕ (achteraan).
- `api/transports.delete.sample.php` – voorbeeld van de server‑kant voor `action=delete` (optioneel).

> **Let op caching:** na upload, wijzig het query‑deeltje in je script‑tag zodat de browser de nieuwe JS haalt, bv.  
> `<script src="script.js?v=del-fix-1"></script>` en doe daarna een **hard refresh** (Ctrl/Cmd + F5).

## Verwachte API voor verwijderen
Front-end stuurt bij klikken op ✕:
```
POST ../api/transports.php?action=delete
Content-Type: application/json

{ "id": <transportId>, "date": "YYYY-MM-DD" }
```
Response verwacht:
```
{ "ok": true }
```
Bij `ok: true` verdwijnt de rij direct uit de UI. Fouten worden als alert getoond.

## Voorbeeld backend (optioneel)
Zie `api/transports.delete.sample.php` (PDO, pas kolomnamen/DB‑connectie aan).  
Als je back-end al een `action=delete` heeft, hoef je dit bestand **niet** te gebruiken.

## Installatie – 3 stappen
1. **Backup** je huidige `index.html`, `style.css`, `script.js`.
2. Upload de versies uit deze zip 1-op-1 naar dezelfde paden.
3. Pas in `index.html` de script‑tag aan naar een nieuwe query (bv. `?v=del-fix-1`) en doe **hard refresh**.

## Veelvoorkomende issues
- **`apiDelete is not defined`** → oude `script.js` uit cache. Hard refresh + query‑string bump.
- **404 op favicon.ico** → onschuldig, mag je negeren of een favicon toevoegen.