{% extends 'base.html.twig' %}
{% from '_macros/form.html.twig' import button_row %}

{% block sidebar ' ' %}
{% block title 'nav.site_logo'|trans %}
{% block site_nav_active 'admin' %}
{% block site_nav_main_menu_active 'site_logo' %}

{% form_theme form '_forms/aligned_form_theme.html.twig' %}

{% block body %}
  <h1 class="page-heading">{{ block('title') }}</h1>

  {{ form_start(form, { attr: { class: 'flow-double' }}) }}
    <fieldset class="fieldset flow">
      <legend>{{ 'label.current_logo'|trans }}</legend>

      {% if logo_path is not null %}
        <div class="form-flex form-flex--single-line">
          <span class="form-flex__align" aria-hidden="true"></span>
          <div class="flex flex--align-end">
            <figure>
              <img src="{{ logo_path|imagine_filter('favicon') }}" width="32" height="32">
              <figcaption class="fg-muted text-sm">32×32</figcaption>
            </figure>

            <figure>
              <img src="{{ logo_path|imagine_filter('touch_icon_192') }}" width="192" height="192">
              <figcaption class="fg-muted text-sm">192×192</figcaption>
            </figure>
          </div>
        </div>

        <div class="form-flex form-flex--single-line form__button-row">
          <span class="form-flex__align" aria-hidden="true"></span>
          {{ form_row(form.removeLogo) }}
        </div>
      {% else %}
        <p>{{ 'flash.no_logo_is_uploaded'|trans }}</p>
        <ul>
          <li><a href="{{ asset('apple-touch-icon-precomposed.png') }}"><kbd>apple-touch-icon-precomposed.png</kbd></a></li>
          <li><a href="{{ asset('favicon.ico') }}"><kbd>favicon.ico</kbd></a></li>
        </ul>
        {% do form_widget(form.removeLogo) %}
      {% endif %}
    </fieldset>

    <fieldset class="fieldset flow">
      <legend>{{ 'Upload new logo' }}</legend>

      {{ form_row(form.logo) }}

      <div class="form-flex form-flex--single-line form__button-row">
        <span class="form-flex__align" aria-hidden="true"></span>
        {{ button_row('action.upload_logo'|trans) }}
      </div>
    </fieldset>
  {{ form_end(form) }}
{% endblock body %}