{% extends "developer/client_details/base.html" %}

{% set client_details_page = "basic_info" %}
{% block client_details_content %}

  {% if is_new %}

    <div class="alert alert-warning alert-dismissible fade show mb-4"
         role="alert">
      <h4 class="alert-heading">Well done!</h4>
      <p>
        Please head to our
        <a href="https://simplelogin.io/docs/siwsl/app/"
           target="_blank"
           rel="noopener noreferrer">
          documentation <i class="fe fe-external-link"></i>
        </a>
        to see how to add SIWSL into your app.
      </p>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true"></span>
      </button>
    </div>
  {% endif %}
  <form method="post"
        enctype="multipart/form-data"
        action="{{ url_for('developer.client_detail', client_id=client.id, action="edit") }}">
    {{ form.csrf_token }}
    <h1 class="h2">Info</h1>
    <div class="form-group">
      <label class="form-label">Name</label>
      {{ form.name(class="form-control", value=client.name) }}
      {{ render_field_errors(form.name) }}
    </div>
    <div class="form-group">
      <label class="form-label">Url</label>
      {{ form.url(class="form-control", value=client.home_url) }}
      {{ render_field_errors(form.url) }}
    </div>
    <div class="form-group">
      <label class="form-label">
        Icon
        <span class="text-muted small-text">The icon is displayed on the authorization page</span>
      </label>
      {{ form.icon(class="form-control-file") }}
      {{ render_field_errors(form.icon) }}
      {% if client.icon_id %}<img src="{{ client.icon.get_url() }}" class="client-icon">{% endif %}
    </div>
    <button type="submit" class="mt-2 btn btn-primary">Update</button>
  </form>
  {#  <hr />#}
  {#  <h3>Submit for approval</h3>#}
  {##}
  {#  <div class="alert alert-info">#}
  {#    Approval is only needed when you deploy the <b>Sign in with SimpleLogin</b> integration#}
  {#    in production. <br />#}
  {#    For local/testing/staging environment, you don't have to submit your app/website for approval. <br />#}
  {#  </div>#}
  {##}
  {#  <form method="post" enctype="multipart/form-data"#}
  {#        action="{{ url_for('developer.client_detail', client_id=client.id, action="submit") }}">#}
  {#    {{ approval_form.csrf_token }}#}
  {##}
  {#    <div class="form-group">#}
  {#      <label class="form-label">Tell us about your app</label>#}
  {#      {{ approval_form.description(#}
        {#          class="form-control", rows="10",#}
        {#          placeholder="This information is used for approving your application. Please give us as much info as you can, for example where you plan to use SimpleLogin, for which community, etc."#}
        {#) }}#}
  {#      {{ render_field_errors(approval_form.description) }}#}
  {#    </div>#}
  {##}
  {#    <div class="alert alert-warning">#}
  {#      Don't make this frequent mistake: make sure to add your production URL to the <b>Authorized Redirect URIs</b> on#}
  {#      <a href="{{ url_for('developer.client_detail_oauth_setting', client_id=client.id) }}">OAuth Settings</a>.#}
  {#    </div>#}
  {##}
  {#    <button type="submit" class="btn btn-success">Submit</button>#}
  {#  </form>#}
{% endblock %}