{#
  SPDX-FileCopyrightText: 2015-2020 CERN.
  SPDX-License-Identifier: MIT
#}

{% macro render_checkbox(field, label='') %}
  <div class="ui checkbox">
    {{ field(class_="form-control") }}
    {{ field.label }}
  </div>
{% endmacro %}

{% macro render_field_errors(errors) %}
  {% if errors is not mapping %}
  <div class="ui negative message" role="alert">
    {%- for error in errors %}
        <p>{{error}}</p>
    {%- endfor %}
  </div>
  {%- else %}
  <div class="ui negative message" role="alert">
    {%- for field, inner_errors in errors.items() %}
      {%- for error in inner_errors %}
        <p>{{error}}</p>
      {%- endfor %}
    {%- endfor %}
  </div>
  {%- endif %}
{% endmacro %}

{% macro render_field(field, icon="", placeholder='', autofocus=False) %}
  {%- if field.errors %}
    {{ render_field_errors(field.errors) }}
  {%- endif %}
  <div class="field ">
    {%- if field.widget.input_type == 'hidden' %}
      {{ field() }}
    {%- elif field.widget.input_type == 'checkbox' %}
      {{ render_checkbox(field, label=_(field.label.text | string)) }}
    {%- else %}
      {%- set extras = dict(autofocus="") if autofocus else dict() %}
      {%- set _placeholder = placeholder if placeholder else _(field.label.text | string) %}
      {{field(class_="form-control", placeholder=_placeholder, **extras)}}
      {%- if icon %}
      <i class="{{icon}}" aria-hidden="true" ></i>
      {%- endif%}
    {%- endif%}
  </div>
{% endmacro %}

{% macro oauth_button(name, next=None) %}
{%- set remote_app = config.OAUTHCLIENT_REMOTE_APPS[name] %}
<div class="field">
  <a class="fluid ui basic button large"
     href="{{url_for('invenio_oauthclient.login', remote_app=name, next=next or request.referrer)}}">
    {%- if remote_app.get('icon_image') %}
    <img src="{{ url_for('static', filename=remote_app['icon_image']) }}" alt="" aria-hidden="true" style="max-height: 1em; max-width: 1.25em; margin-right: 0.5em; vertical-align: middle;">
    {%- else %}
    <i class="{{ name|lower() }} icon"></i>
    {%- endif %} {{
      _('Sign in with %(title)s', title=remote_app['title'])
    }}
  </a>
</div>
{% endmacro %}