# Úvod


**Vítejte v dokumentaci CPL API!**
    
Tento dokument slouží jako hlavní zdroj informací o CPL API. Obsahuje podrobný popis funkcí, API reference, ukázkové kódy a řešení běžných problémů.


<!-- KONTEJNER, KTERÝ UDRŽÍ DVĚ ŘADY POD SEBOU -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 20px;">

  <!-- PRVNÍ ŘADA (2 karty vedle sebe) -->
  <div style="display: flex; gap: 20px; justify-content: center;">
    <!-- KARTA 1: CPL API -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px;
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/351334/image-preview"
          alt="CPL API" 
          style="max-width: 350px; height: auto;" />

        <span style="font-size: 24px; font-weight: bold;">Začínáme s CPL API</span>
        <p style="margin: 10px 0;">
          Objevte CPL API a seznamte se s její strukturou.
        </p>

        <a 
          href="https://ppl-cpl-api.apidog.io/obecn%C3%A9-826220m0" 
          target="_self" 
          style="
            display: inline-block; 
            padding: 10px 20px; 
            background-color: #004992; 
            color: white; 
            text-decoration: none; 
            border-radius: 5px;">
          Začínáme
        </a>
      </div>
    </Card>
 <!-- KARTA 2: SOAP vs REST -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px;
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/356423/image-preview"
          alt="SOAP vs REST" 
          style="max-width: 150px; height: auto;" />
        <span style="font-size: 24px; font-weight: bold;">Přechod z MyApi na CPL</span>
        <p style="margin: 10px 0;">
          Přecházíte z MyApi na CPL API? Využijte převodník, přes který můžete porovnávat jednotlivé metody.
         </p>

        <a 
          href="https://ppl-cz.github.io/SOAPvsREST/" 
          target="_self" 
          style="
            display: inline-block; 
            padding: 10px 20px; 
            background-color: #004992; 
            color: white; 
            text-decoration: none; 
            border-radius: 5px;">
          SOAP vs REST
        </a>
      </div>
    </Card>


  </div>
<div style="display: flex; gap: 20px; justify-content: center;">
        <!-- KARTA 3: API metody -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/351331/image-preview" 
          alt="API metody" 
          style="max-width: 150px; height: auto;" />

        <span style="font-size: 24px; font-weight: bold;">API metody</span>
        <p style="margin: 10px 0;">
          Spravujte efektivně své zásilky pomocí API metod.
        </p>

        <a 
          href="https://ppl-cpl-api.apidog.io/api-metody-2895820f0" 
          target="_self" 
          style="
            display: inline-block; 
            padding: 10px 20px; 
            background-color: #004992; 
            color: white; 
            text-decoration: none; 
            border-radius: 5px;">
          API metody
        </a>
      </div>
    </Card>
   
   
     <!-- KARTA 5: Postman kolekce -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/354420/image-preview" 
          alt="Postman kolekce" 
          style="max-width: 150px; height: auto;" />

        <span style="font-size: 24px; font-weight: bold;">Postman kolekce</span>
        <p style="margin: -5px 0;">
          Vyzkoušejte CPL API přes naši Postman kolekci a zjednodušte si tak vývoj napojení na PPL.
        </p>
[<img src="https://run.pstmn.io/button.svg" alt="Run In Postman" style="width: 150px; height: 40px;"/>](https://app.getpostman.com/run-collection/38223520-2000a7c3-adbb-456a-9d75-c9e6fa2f8dca?action=collection%2Ffork&source=rip_markdown&collection-url=entityId%3D38223520-2000a7c3-adbb-456a-9d75-c9e6fa2f8dca%26entityType%3Dcollection%26workspaceId%3Da8519be1-a60a-40eb-9308-45a68a73461f)    
      </div>
    </Card>
  </div>


  <!-- Třetí ŘADA (2 karty vedle sebe) -->
  <div style="display: flex; gap: 20px; justify-content: center;">
    <!-- KARTA 4: Zpětná vazba -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/356426/image-preview" 
          alt="Zpětná vazba" 
          style="max-width: 150px; height: auto;" />
        <span style="font-size: 24px; font-weight: bold;">Zpětná vazba</span>
        <p style="margin: 10px 0;">
          Ohodnoťte naši CPL API a napište nám, co byste na api a procesu integrace vylepšily.
        </p>

        <a 
          href="https://forms.gle/pmh8fkuUvYG5oH317" 
          target="_self" 
          style="
            display: inline-block; 
            padding: 10px 20px; 
            background-color: #004992; 
            color: white; 
            text-decoration: none; 
            border-radius: 5px;">
          Zpětná vazba
        </a>
      </div>
    </Card>

    <!-- KARTA 6: Zákaznická podpora -->
    <Card>
      <div style="
        border: 1px solid #ccc; 
        padding: 20px; 
        width: 400px; 
        height: 400px; 
        background-color: #fff; 
        border-radius: 8px; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: space-between; 
        text-align: center;">

        <img 
          src="https://api.apidog.com/api/v1/projects/796227/resources/351322/image-preview" 
          alt="Zákaznická podpora" 
          style="max-width: 150px; height: auto;" />

        <span style="font-size: 24px; font-weight: bold;">Zákaznická podpora</span>
        <p style="margin: 10px 0;">
          Nevíte si rady s implementací CPL API? Neváhejte nám napsat!
        </p>

        <a 
          href="mailto:ithelp@ppl.cz" 
          style="
            display: inline-block; 
            padding: 10px 20px; 
            background-color: #004992; 
            color: white; 
            text-decoration: none; 
            border-radius: 5px;">
          Napsat e-mail
        </a>
      </div>
    </Card>
  </div>
    
</div>