{{ header }}

<header class="background-white bottom-margin-large bottom-padding-large">
  <div class="container-fluid">
    <div class="row no-space-xs middle-xs">
      <div class="col-xs-12 col-sm-6 col-md">
        <div class="content-box top-padding-large">
          <span class="text-x-large text-dark">{{ heading_title }}</span>
          <div class="adm-breadcrumb">
            {% for breadcrumb in breadcrumbs %}
            <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
            <a href="{{ breadcrumb.href }}"
              class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
            {% endfor %}
          </div>
        </div>
      </div>
      <div class="col-xs-12">
        {% if error_warning %}
        <div class="text-small text-warning background-warning padding-medium rounded-x-small full-width">
          {{ error_warning }}</div>
        {% endif %}
      </div>
    </div>
  </div>
</header>

<div class="container-fluid">
  <div class="row center-xs">
    <div class="col-xs-12 col-md-6">
      <div class="content-box background-white shadow-small padding-large">
        <form action="{{ action.ebit }}" method="post" id="form">

          <label class="field field-medium bottom-margin-x-large">
            <span class="field-label">{{ text_status }}</span>
            <select class="field-entry" name="certificate_ebit_status">
              <option value="1" {{ (certificate_ebit_status) ? 'selected' : '' }}>
                {{ text_enabled }}
              </option>
              <option value="0" {{ (certificate_ebit_status) ? '' : 'selected' }}>
                {{ text_disabled }}
              </option>
            </select>
          </label>

          <label class="field field-medium bottom-margin-x-large">
            <span class="field-label">{{ text_store_id }}</span>
            <input class="field-entry" type="text" name="certificate_ebit_store_id"
              value="{{ certificate_ebit_store_id }}" />
          </label>

          <label class="field field-medium bottom-margin-x-large">
            <span class="field-label">{{ text_lightbox }}</span>
            <select class="field-entry" name="certificate_ebit_lightbox">
              <option value="1" {{ (certificate_ebit_lightbox) ? 'selected' : '' }}>
                {{ text_enabled }}
              </option>
              <option value="0" {{ (certificate_ebit_lightbox) ? '' : 'selected' }}>
                {{ text_disabled }}
              </option>
            </select>
          </label>
          <div class="flex">
            <button type="submit" class="btn-default btn-medium btn-primary">
              <span>{{ button_save }}</span>
            </button>
            <a href="{{ cancel }}" class="btn-default btn-medium btn-outline left-margin-small">
              <span>{{ button_cancel }}</span>
            </a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

{{ footer }}
