{% extends 'default.html' %}

{% set active_page = "developer" %}

{% block title %}
  Developer - App {{ client.name }}
{% endblock %}

{% block default_content %}
  <div class="row">
    <div class="col-lg-3 order-lg-1 mb-4">


      <div class="list-group list-group-transparent mb-0">
        <a href="{{ url_for('developer.client_detail', client_id=client.id) }}"
           class="list-group-item list-group-item-action {{ 'active' if client_details_page == 'basic_info' }}">
          <span class="icon mr-3"><i class="fe fe-flag"></i></span>Info
        </a>

        <a href="{{ url_for('developer.client_detail_oauth_setting', client_id=client.id) }}"
           class="list-group-item list-group-item-action {{ 'active' if client_details_page == 'oauth_setting' }}">
          <span class="icon mr-3"><i class="fe fe-settings"></i></span>OAuth Settings
        </a>

        <a href="{{ url_for('developer.client_detail_oauth_endpoint', client_id=client.id) }}"
           class="list-group-item list-group-item-action {{ 'active' if client_details_page == 'oauth_endpoint' }}">
          <span class="icon mr-3"><i class="fe fe-shield"></i></span>OAuth Endpoints
        </a>

        {% if current_user.referrals|count > 0 %}
        <a href="{{ url_for('developer.client_detail_referral', client_id=client.id) }}"
           class="list-group-item list-group-item-action {{ 'active' if client_details_page == 'referral' }}">
          <span class="icon mr-3"><i class="fe fe-share"></i></span>Referral
        </a>
        {% endif %}

        <a href="{{ url_for('developer.client_detail_advanced', client_id=client.id) }}"
           class="list-group-item list-group-item-action {{ 'active' if client_details_page == 'advanced' }}">
          <span class="icon mr-3"><i class="fe fe-alert-octagon"></i></span>Danger
        </a>

      </div>

      <a href="https://docs.simplelogin.io" target="_blank"
         class="btn btn-block btn-secondary mt-4">
        Documentation <i class="fe fe-external-link"></i>
      </a>

    </div>
    <div class="col-lg-9">
      <div class="card">
        <div class="card-body">
          <div class="text-wrap p-lg-6">
            {% block client_details_content %}
            {% endblock %}
          </div>
        </div>
      </div>
    </div>
  </div>

{% endblock %}