<!-- HTML for static distribution bundle build -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Documentation API</title>
    <link rel="stylesheet" href="{{ baseUrl('swagger/swagger-ui.css') }}" />
    <link rel="icon" type="image/png" href="{{ base() }}favicon.ico" sizes="32x32" />
    <link rel="icon" type="image/png" href="{{ base() }}favicon.ico" sizes="16x16" />
    <link href="{{ baseUrl('css/style.css')~'?cache='~getSession('cache')  }}" rel="stylesheet">
    <style>
      :root
      {
        --color-bg-default: #FEFEFE;
        --main-color-full: black;
        --main-color-grey1: #7C7C7C;
        --main-color-grey2: #E4E4E4;
        --main-color-grey3: #F7F7F7;
        --main-color-blue: #215ba4;
        --main-color-blue-hover: #1174ef;
        --color-pagination-primary: #337ab7;
        --color-pagination-active: #23527c;
        --color-pagination-hover: #f8f8f8;
        --color-ariane-disabled: var(--main-color-grey1);
        --color-input-border: #7C7C7C;
        --color-input-bg: #FEFEFE;
        --color-menuprofile-btn: #F7F7F7;
        --color-menuprofile-btn-hover: #E4E4E4;
        --color-menuprofile-border: #E4E4E4;
        --color-menuprofile-hover: rgba(74, 85, 107, 0.06);
        --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        --box-shadow2: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        --color-text-default: #FEFEFE;
        --color-text-light: #FFF;
        --error: #FD0D0D;
        --warning: #FF6B3D;
        --info: #2B7de2;
        --success: #5BB5AD;
        --good: #39b54a;
        --bad: var(--error);
        font-size: 12px;
        --fs-32: 1.916rem;
        --fs-23: 1.916rem;
        --fs-21: 1.75rem;
        --fs-18: 1.5rem;
        --fs-16: 1.325rem;
        --fs-15: 1.25rem;
        --fs-14: 1.167rem;
        --fs-11: 0.917rem;
        --fs-10: 0.833rem;
        --fs-ari-tab: 1.167rem;
        --fs-icon: 1.325rem;
        --fs-base: 1rem;
        --fs-btn-notif-count: 0.666rem;
        --space-large: 40px;
        --space-big: 25px;
        --space-base: 15px;
        --space-small: 10px;
        --space-tiny: 5px;
      }

      html
      {
        box-sizing: border-box;
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
        font-family: "Segoe UI", Helvetica, Arial, sans-serif;
      }

      *,
      *:before,
      *:after
      {
        box-sizing: inherit;
      }

      body
      {
        margin:0;
        background: #fafafa;
      }

      .button {
        text-align: center;
        display: inline-block;
        text-transform: none;
      }

      .header {
        display: flex;
        flex-direction: column;
        width: 20%;
        margin-left: 1em;
        justify-content: flex-start;
        position: relative;
      }

      .header.p {
        flex-grow: 6;
        text-wrap: wrap;
        width: 1em;
      }

      .navbar {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        margin-left: 1em;
      }

      .navbar.p {
        padding-right: 2em;
      }

      .button.principal {
        background-color: var(--main-color-blue);
        border: 1px solid var(--main-color-blue);
        font-weight: bold;
        color: #fff;
        padding: 8px 8px 8px 8px;
        border-radius: 8px;
        margin: 0px 1% 0px 0%;
        -webkit-appearance: button;
        cursor: pointer;
        text-decoration: none;
      }

      .button.principal:hover {
        background-color:#1174ef;
      }

      .button.secondaire {
        background-color: var(--main-color-white);
        border: 1px solid var(--main-color-blue);
        font-weight: bold;
        color: var(--main-color-blue);
        padding: 8px 8px 8px 8px;
        border-radius: 8px;
        margin: 0px 1% 0px 0%;
        -webkit-appearance: button;
        cursor: pointer;
        text-decoration: none;
      }

      .button.secondaire:hover {
        background-color:#e9e9e9;
      }

      .container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .btn-container {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        top: 15vh;
      }
    </style>
  </head>

  <body>
    <div class="container">
      {{ getBanniere() }}
    </div>
          <div class="btn-container" style="display: flex, flex-direction: column">
        <a class="button principal" href="{{ path('API.Documentation.swaggerJson', {'type': documentType, 'mod': 'none'} ) }}">{{ 'Rafraîchir la documentation' | trad }}</a>
    </div>
    <div class="header">
      <h2>{{ "Sélection du module OpenAPI" | trad ~ colon() }}</h2>
      <div class="navbar">
        {% for type in swaggerTypes %}
          <a class="button {{type == documentType ? 'principal' : 'secondaire'}} " href="{{ path('API.Documentation.documentation', {'type': type}) }}">{{ (type | capitalize) | trad  }}</a>
        {% endfor %}
      </div>
    </div>
    <div id="swagger-ui">

    </div>
    <br /><br /><br />
    <div id="footer" class="container-fluid footer clearfix" style="text-align: center;">
		<div>
			{{ piedDePage() }}
        	<a href='https://www.oxalys.com' target='_blank'><img src="{{ baseUrl('IconeV2/Misc/logo-oxalys_50.png') }}" style="width:75px;margin-top:10px" /></a>
       </div>
    </div>

    <script src="{{ baseUrl('swagger/swagger-ui-bundle.js') }}"> </script>
    <script src="{{ baseUrl('swagger/swagger-ui-standalone-preset.js') }}"> </script>
    <script>
    window.onload = function() {
      const HideInfoUrlPartsPlugin = () => {
        return {
          wrapComponents: {
            InfoUrl: () => () => null
          }
        }
      }

      // Begin Swagger UI call region
      const ui = SwaggerUIBundle({
        url: {{ path('API.Documentation.swaggerJson', {'type': documentType, 'mod': 'get'}) | json }},
        dom_id: '#swagger-ui',
        deepLinking: true,
        defaultModelsExpandDepth: -1,
        presets: [
          SwaggerUIBundle.presets.apis,
          SwaggerUIStandalonePreset,
          HideInfoUrlPartsPlugin,
        ],
        plugins: [
          SwaggerUIBundle.plugins.DownloadUrl
        ],
        layout: "BaseLayout"
      })
      // End Swagger UI call region

      window.ui = ui
    }
  </script>
  </body>
</html>
