# Szablon obrazka OG: Wolne terminy

Wolne terminy na ten tydzień: kartka z datą dla każdego dnia, wolne godziny w pełnych pigułkach, zajęte przekreślone i link do rezerwacji.

- Slug: `booking-slots`
- Preview (real render): https://shareglint.com/storage/template-previews/booking-slots.jpg
- Page: https://shareglint.com/pl/templates/booking-slots

Dla salonów, trenerów, konsultantów i platform rezerwacyjnych, które publikują wolne okienka prosto z kalendarza. Godzina w nawiasie oznacza termin zajęty — zostaje na karcie, przekreślona, żeby było widać, że wolnych jest niewiele. Każdy dzień pokazuje do sześciu godzin, a dni tyle, ile zmieści kadr przy czytelnym rozmiarze (cztery w szerokich formatach, do siedmiu w relacji). Zdjęcie wypełnia boczny panel w szerokich formatach, w kwadracie jest okrągłym portretem, a w pionie banerem; bez niego panel pokazuje pierwszą literę nazwy firmy.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Nagłówek, np. Wolne terminy w tym tygodniu. (domyślnie: Open slots this week) | Open slots this week |
| `slots` | tekst | Dni oddzielone średnikiem, każdy jako Dzień\|godziny, godziny po przecinku, zajęta w nawiasie, np. Pon 3\|9:00, (10:30), 13:00. Dzień zakończony liczbą staje się kartką z datą. | Mon 3\|9:00, (10:30), 13:00, 16:30;Tue 4\|(9:00), (11:00), 15:30;Wed 5\|10:00, 12:30, (14:00), 17:00, 18:30;Thu 6\|(9:30), 11:00;Fri 7\|9:00, 10:30, (13:00), 15:00, 16:30, 18:00;Sat 8\|10:00, (11:30) |
| `period` | tekst | Daty w pigułce, np. 3–8 lis. | Nov 3–8 |
| `business` | tekst | Nazwa firmy albo osoby. | Studio Lena · Hair & colour |
| `booking_url` | tekst | Gdzie zarezerwować, np. studiolena.pl/rezerwacja. | studiolena.com/book |
| `photo` | adres obrazka | Zdjęcie osoby albo miejsca. | https://example.com/images/avatar-woman2.jpg |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #db2777) | #db2777 |
| `theme` | dark | light | Schemat kolorów: dark albo light. (domyślnie: light) | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "booking-slots",
    "modifications": {
        "title": "Open slots this week",
        "slots": "Mon 3|9:00, (10:30), 13:00, 16:30;Tue 4|(9:00), (11:00), 15:30;Wed 5|10:00, 12:30, (14:00), 17:00, 18:30;Thu 6|(9:30), 11:00;Fri 7|9:00, 10:30, (13:00), 15:00, 16:30, 18:00;Sat 8|10:00, (11:30)",
        "period": "Nov 3–8",
        "business": "Studio Lena · Hair & colour",
        "booking_url": "studiolena.com/book",
        "photo": "https://example.com/images/avatar-woman2.jpg"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/booking-slots/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```