<!doctype html>
<html lang="en" class="h-100" data-bs-theme="light">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Ellar Congratulation Page">

    <title>Ellar - Congratulation!</title>
    <link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
    <link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static', path='img/Icon.svg') }}"/>
    <link rel="stylesheet" href="{{ url_for('static', path='css/bootstrap.min.css') }}">

    <!-- Custom styles for this template -->
    <link href="{{ url_for('static', path='css/cover.css') }}" rel="stylesheet">
    <style>
        .bg-ellar {
            background-color: #d02424;
        }
        .border-ellar {
            border-color: #d02424;
        }
        body {
            font-family: "PT Sans", Monaco, "Courier New", Courier, monospace;
        }
        .nav-masthead .active {
            color: whitesmoke;
            border-bottom-color: transparent;
            font-size: 1.4rem;
        }
        .text-ellar {
            color: rgba(208, 36, 36, 0.82) !important;
        }
    </style>
</head>

<body class="d-flex h-100 text-center text-bg-dark">
  <div class="container d-flex w-100 h-100 p-3 mx-auto flex-column">
    <header class="mb-auto">
      <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex mb-0 align-items-end">
            <img class="d-block mx-auto img-fluid" src="{{ url_for('static', path='img/EllarLogoB.png') }}"
             alt="" width="200">
            <div class="fw-bold"><span>v</span>{{version}}</div>
        </div>

        <nav class="nav nav-masthead justify-content-center float-md-end">
          <a class="nav-link py-1 px-0 active text-ellar" href="{{docs_url}}" target="_blank">Documentation</a>
          <a class="nav-link py-1 px-0 active text-ellar" href="{{release_url}}" target="_blank">Release Notes For {{version}}</a>
        </nav>
      </div>
    </header>

    <main class="px-3">
      <h1>Congratulations! </h1>
      <p class="lead">You have a working application.</p>
      <p class="lead mt-5">
        <a href="{{example_project_url}}" target="_blank" class="btn btn-lg btn-light fw-bold">See Sample Projects</a>
      </p>
      <div class="d-flex gap-2 justify-content-center">
          {% for name, url in openapi_schema %}
            {% if url %}
                <a class="btn btn-outline-primary btn-sm fw-bold" href="{{ url }}">See {{ name | capitalize }} API Docs</a>
            {% endif %}
          {% endfor %}
      </div>

    </main>

    <footer class="mt-auto text-white-50">
      <hr>
      <p>This is a sample template from <strong>HomeModule</strong>. <br>Remove this module whenever necessary.</p>
    </footer>
  </div>

</body>

</html>
