import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "zudoku/ui/Card";

# Vignette ID covered countries

  <Important title="Important">
    In all periods, the current purchase day is considered the first day of the period,
    if the start date of the period has not been chosen in the future.
  </Important>

<LiveCoverage locale="en">

<CoverageStatus />

<CountrySection code="ch">

## 🇨🇭 Switzerland

  <Period country="ch" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected start date to 31.01.**xx** - where  **xx** next year.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2025** OR **30.11.2025** this vignette valid until **31.01.2026**.
        But if customer buy vignette **between 01.12.2025 - 31.01.2026** this vignette valid until **31.01.2027**
      </div>
    </CardContent>
  </Card>
  </Period>
  

<TunnelTable country="ch">

In Switzerland we also support the possibility of paying for tunnel:

| Tunnel            | Description    | 1 trip  | 2 trips  | 1 Year  |  Status  |
| ----------------- | -------------- | ------- | -------- | ------- | -------- |
| La Drossa/Ligigno | Munt La Schera |   yes   |    yes   |    no   |   Open   |

</TunnelTable>

</CountrySection>

<CountrySection code="hu">

## 🇭🇺 Hungary

Hungary has <PeriodCount country="hu" fallback={4} />

<div className="grid gap-4">
  <Period country="hu" days={1}>
  <Card>
    <CardHeader>
      <CardTitle>1 day vignette</CardTitle>
      <CardDescription>Starting from purchased time until `23:59` same day or for future vignette from `00:00` until `23:59`</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy 1 day vignette at `21:30` vignette be valid until `23:59` (2 hours 30 minutes)
      </div>
    </CardContent>
  </Card>
  </Period>

  <div className="grid gap-4 grid-cols-2">
    <Period country="hu" days={10}>
    <Card>
      <CardHeader>
        <CardTitle>10 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="hu" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="hu" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected start date to 31.01.**xx** - where  **xx** next year.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2025** OR **30.11.2025** this vignette valid until **31.01.2026**.
        But if customer buy vignette **between 01.12.2025 - 31.01.2026** this vignette valid until **31.01.2027**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="sk">

## 🇸🇰 Slovakia

Slovakia has <PeriodCount country="sk" fallback={4} />

<div className="grid gap-4">
  <Period country="sk" days={1}>
  <Card>
    <CardHeader>
      <CardTitle>1 day vignette</CardTitle>
      <CardDescription>Starting from purchased time until `23:59` same day or for future vignette from `00:00` until `23:59`</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy 1 day vignette at `21:30` vignette be valid until `23:59` (2 hours 30 minutes)
      </div>
    </CardContent>
  </Card>
  </Period>

  <div className="grid gap-4 grid-cols-2">
    <Period country="sk" days={10}>
    <Card>
      <CardHeader>
        <CardTitle>10 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="sk" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="sk" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2023** this vignette valid until **01.04.2024**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="cz">

## 🇨🇿 Czech Republic

Czech Republic has <PeriodCount country="cz" fallback={4} />

<div className="grid gap-4">
  <Period country="cz" days={1}>
  <Card>
    <CardHeader>
      <CardTitle>1 day vignette</CardTitle>
      <CardDescription>Starting from purchased time until `23:59` same day or for future vignette from `00:00` until `23:59`</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy 1 day vignette at `21:30` vignette be valid until `23:59` (2 hours 30 minutes)
      </div>
    </CardContent>
  </Card>
  </Period>

  <div className="grid gap-4 grid-cols-2">
    <Period country="cz" days={10}>
    <Card>
      <CardHeader>
        <CardTitle>10 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="cz" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="cz" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2023** this vignette valid until **01.04.2024**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="at">

## 🇦🇹 Austria

  <Important title="Important">
    At the moment, all Austrian vignettes can only be activated from the day after purchase.
    - If a vignette is purchased at `11:00` AM, it will be active from `00:00` AM the following day (13 hours after purchase). 
    - If a vignette is purchased at `9:45` PM, it will be active from `00:00` AM the following day (2 hours and 15 minutes after purchase).
    - If a vignette is purchased at `1:30` AM, it will be active from `00:00` AM the following day (21 hours and 30 minutes after purchase).
  </Important>

Austria has <PeriodCount country="at" fallback={4} />:

<div className="grid gap-4">
  <Period country="at" days={1}>
  <Card>
    <CardHeader>
      <CardTitle>1 day vignette</CardTitle>
      <CardDescription>~~Starting from purchased time until `23:59` same day or~~ for future vignette from `00:00` until `23:59`</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy 1 day vignette at `21:30` vignette be valid until `23:59` (2 hours 30 minutes)
      </div>
    </CardContent>
  </Card>
  </Period>

  <div className="grid gap-4 grid-cols-2">
    <Period country="at" days={10}>
    <Card>
      <CardHeader>
        <CardTitle>10 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="at" days={60}>
    <Card>
      <CardHeader>
        <CardTitle>60 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="at" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected start date to 31.01.**xx** - where  **xx** next year.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2025** OR **30.11.2025** this vignette valid until **31.01.2026**.
        But if customer buy vignette **between 01.12.2025 - 31.01.2026** this vignette valid until **31.01.2027**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

<TunnelTable country="at">

In Austria we also support the possibility of paying for tunnels:

| Tunnel          | Description   | 1 trip  | 2 trips  | 1 Year  |  Status  |
| --------------- | ------------- | ------- | -------- | ------- | -------- |
|        A9       |   Pyhrn       |   yes   |    yes   |   no    |   Open   |
|        A10      |   Tauern      |   yes   |    yes   |   no    |   Open   |
|      **A11**    |**Karawanken** |   yes   |    no    |   no    |   Open   |
|        A13      |   Brenner     |   yes   |    yes   |   no    |   Open   |
|        S16      |   Arlberg     |   yes   |    yes   |   no    |   Open   |

- **A11 Karawanken** has option e-payment only if customer trip from Austria to Slovenia

</TunnelTable>

</CountrySection>

<CountrySection code="si">

## 🇸🇮 Slovenia

Slovenia has <PeriodCount country="si" fallback={3} />

<div className="grid gap-4">
  <div className="grid gap-4 grid-cols-2">
    <Period country="si" days={7}>
    <Card>
      <CardHeader>
        <CardTitle>7 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="si" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="si" days={180}>
  <Card>
    <CardHeader>
      <CardTitle>180 days vignette</CardTitle>
      <CardDescription>**Available only for Motorcicle**. Starting from purchased time or for future vignette from `00:00`</CardDescription>
    </CardHeader>
  </Card>
  </Period>

  <Period country="si" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2023** this vignette valid until **01.04.2024**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="bg">

## 🇧🇬 Bulgaria

Bulgaria has <PeriodCount country="bg" fallback={5} />

<div className="grid gap-4">
  <div className="grid gap-4 grid-cols-2">
    <Period country="bg" days={1}>
    <Card>
      <CardHeader>
        <CardTitle>1 day vignette</CardTitle>
        <CardDescription>Starting from purchased time until `23:59` same day or for future vignette from `00:00` until `23:59`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="bg" days={7}>
    <Card>
      <CardHeader>
        <CardTitle>7 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <div className="grid gap-4 grid-cols-2">
    <Period country="bg" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="bg" days={90}>
    <Card>
      <CardHeader>
        <CardTitle>90 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="bg" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2023** this vignette valid until **01.04.2024**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="ro">

## 🇷🇴 Romania

Romania has <PeriodCount country="ro" fallback={5} />

  <Important title="Important">
    For all periods in API, vin-code from vehicle **required**. [About vin-code patterns](/vehicle/vin-codes)
  </Important>

<Callout type="info" className="[&_p+p]:mt-2" title="Price depends on the emission class">
  The Romanian tariff depends on the vehicle's Euro emission class. Pass it in `cars[].emission_class` (`euro0` … `euro6`, `electric`) when you [create an order](/api/orders-list-endpoints#create-order).

  If omitted, `euro0` — the highest tariff — is used.

  Per-class prices are in `price.<period>.emission_classes` of [**GET** `/public/products`](/api/products-list-endpoints#products-vignettes-and-tunnels).

  When creating an order, send the vehicle's exact class (`euro0` … `euro6`, `electric`), not the price key.
</Callout>

<EmissionClassMap locale="en" />

<div className="grid gap-4">
  <Period country="ro" days={1}>
  <Card>
    <CardHeader>
      <CardTitle>1 day vignette</CardTitle>
      <CardDescription>Starting from purchased time until `23:59` same day or for future vignette from `00:00` until `23:59`</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy 1 day vignette at `21:30` vignette be valid until `23:59` (2 hours 30 minutes)
      </div>
    </CardContent>
  </Card>
  </Period>

  <div className="grid gap-4 grid-cols-3">
    <Period country="ro" days={10}>
    <Card>
      <CardHeader>
        <CardTitle>10 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="ro" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="ro" days={60}>
    <Card>
      <CardHeader>
        <CardTitle>60 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>

  <Period country="ro" days={365}>
  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <div>
        💻 Example:

        If customer buy annual vignette **02.04.2023** this vignette valid until **01.04.2024**
      </div>
    </CardContent>
  </Card>
  </Period>
</div>

</CountrySection>

<CountrySection code="md">

## 🇲🇩 Moldova

Moldova has <PeriodCount country="md" fallback={5} />

  <Important title="Important">
    For all periods in API, vin-code from vehicle **required**. [About vin-code patterns](/vehicle/vin-codes)
  </Important>

  <Callout type="caution" title="For Moldova we additional expect">
    - `First` and `Last` name 
    - `Passport number`
    - `Passport country` (two-letter format) [Country codes](/wiki/countries)
  </Callout>

<div className="grid gap-4">
  <div className="grid gap-4 grid-cols-3">
    <Period country="md" days={7}>
    <Card>
      <CardHeader>
        <CardTitle>7 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="md" days={15}>
    <Card>
      <CardHeader>
        <CardTitle>15 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="md" days={30}>
    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="md" days={90}>
    <Card>
      <CardHeader>
        <CardTitle>90 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>

    <Period country="md" days={180}>
    <Card>
      <CardHeader>
        <CardTitle>180 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
    </Period>
  </div>
</div>

</CountrySection>

</LiveCoverage>