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

# Vignette ID covered countries

  <Callout type="caution" 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.
  </Callout>

## 🇨🇭 Switzerland

  <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>
      <p>
        💻 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**
      </p>
    </CardContent>
  </Card>
  

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   |

## 🇭🇺 Hungary

Hungary has 4 available periods

<div className="grid gap-4">
  <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>
      <p>
        💻 Example:

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

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

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <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>
      <p>
        💻 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**
      </p>
    </CardContent>
  </Card>
</div>

## 🇸🇰 Slovakia

Slovakia has 4 available periods

<div className="grid gap-4">
  <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>
      <p>
        💻 Example:

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

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

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <p>
        💻 Example:

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

## 🇨🇿 Czech Republic

Czech Republic has 4 available periods

<div className="grid gap-4">
  <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>
      <p>
        💻 Example:

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

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

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <p>
        💻 Example:

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

## 🇦🇹 Austria

  <Callout type="danger" 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).
  </Callout>

Austria has 4 available periods:

<div className="grid gap-4">
  <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>
      <p>
        💻 Example:

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

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

    <Card>
      <CardHeader>
        <CardTitle>60 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <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>
      <p>
        💻 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**
      </p>
    </CardContent>
  </Card>
</div>

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

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

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

## 🇸🇮 Slovenia

Slovenia has 3 available periods

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

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <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>

  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <p>
        💻 Example:

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

## 🇧🇬 Bulgaria

Bulgaria has 5 available periods

<div className="grid gap-4">
  <div className="grid gap-4 grid-cols-2">
    <Card>
      <CardHeader>
        <CardTitle>3 days vignette</CardTitle>
        <CardDescription>Starting from `12:00` Friday until `23:59` Sunday</CardDescription>
      </CardHeader>
    </Card>

    <Card>
      <CardHeader>
        <CardTitle>7 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

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

    <Card>
      <CardHeader>
        <CardTitle>90 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <p>
        💻 Example:

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

## 🇷🇴 Romania

Romania has 5 available periods

<div className="grid gap-4">
  <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>
      <p>
        💻 Example:

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

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

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

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>

    <Card>
      <CardHeader>
        <CardTitle>60 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>

  <Card>
    <CardHeader>
      <CardTitle>365 days (anual) vignette</CardTitle>
      <CardDescription>In year period vignette available from selected **start date + 365 days**.</CardDescription>
    </CardHeader>
    <CardContent>
      <p>
        💻 Example:

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

## 🇷🇴 Moldova

Currently we support 3 periods in Moldova

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

  <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">
    <Card>
      <CardHeader>
        <CardTitle>7 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>

    <Card>
      <CardHeader>
        <CardTitle>15 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>

    <Card>
      <CardHeader>
        <CardTitle>30 days vignette</CardTitle>
        <CardDescription>Starting from purchased time or for future vignette from `00:00`</CardDescription>
      </CardHeader>
    </Card>
  </div>
</div>