{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
  <div class="row np-flex-center">
    <div class="col-xs-12 col-sm-8">
      {% assign renderAbsent = true %}
      {% if learning_paths.enrolled.any? or courses.enrolled.any? %}
        {% assign renderAbsent = false %}
      {% endif %}

      {% if renderAbsent %}
        <div class="np-learning-paths-resources-container" style="border: none;">
          <div class="np-zero-state-text" style='color: #009d00; font-family: font-family: "Crimson Pro", serif;'>
            Welcome!
          </div>
          <br>
          <div class="np-zero-state-text" style='color: #16140C; font-family: "Inter", sans-serif;'>
            Ready to start training on Arbor? It doesn’t look like any courses have been added yet for your school, but don’t worry - our team is here to help.
          </div>
          <br>
          <div style='color: #16140C; font-family: "Inter", sans-serif;'>
            If you’re new to Arbor, email <a href="mailto:myonboarding@arbor-education.com">myonboarding@arbor-education.com</a>.
          </div>
          <br>
          <div class="np-zero-state-text" style='color: #16140C; font-family: "Inter", sans-serif;'>
            Otherwise, email <a href="mailto:customersales@arbor-education.com">customersales@arbor-education.com</a> to explore our training options.
          </div>

          {% comment %} <img class="np-zero-state-learning-paths" alt="{% t .empty %}" /> {% endcomment %}
        </div>
      {% else %}

        {% if learning_paths.enrolled.any? %}
          {% if features.learning_paths? %}
            <div class="heading-container">
              <div class="heading">
                {% t shared.learning_paths %}
              </div>
            </div>
            {% include "learning_paths_index", items: learning_paths.enrolled %}
          {% endif %}
        {% endif %}

        {% if courses.enrolled.any? %}
          <div class="heading-container">
            <div class="heading">
              {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
            </div>
          </div>
          {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
        {% endif %}
      {% endif %}

    </div>

    {% if features.training_events? %}
      <div class="np-grid-spacing col-xs-12 col-sm-4">
        <div class="heading-container">
          <div class="heading">
            Upcoming Events 
          </div>
        </div>
          {% include "training_events_dashboard" %}
      </div>
    {% endif %}
  </div>
</main>
{% include "footer" %}