{{ header }}
<header class="background-white bottom-margin-large">
  <div class="container-fluid">
    <div class="row no-space-xs">
      <div class="col-xs-12">
        <div class="content-box vertical-padding-large flex between-xs middle-xs">
          <div>
            <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 class="flex flex-row middle-xs">
            <a href="{{ cancel }}" class="btn-default btn-medium btn-outline right-margin-small">
              <span>{{ button_cancel }}</span>
            </a>
            <button type="button" class="btn-default btn-medium btn-primary js-submit-main-form">
              <span>{{ button_save }}</span>
            </button>
          </div>
          {% if error_warning %}
            <div class="warning full-width top-margin-medium">{{ error_warning }}</div>{% endif %}
          {% if success %}
            <div class="success full-width top-margin-medium">{{ success }}</div>{% endif %}
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12">
      <div class="content-box background-white padding-large shadow-small">
        <form action="{{ action }}" method="post" class="js-main-form">
          <div class="row">
            <div class="col-xs-12">
              <div class="field-group content-box">
                <span class="text-small text-dark text-bold visible-block">{{ entry_status }}</span>
                <label class="radio radio-medium radio-inline">
                  <input class="radio-entry" type="radio" name="status" value="1"{{ status ? ' checked' : '' }}>
                  <span class="radio-text">{{ text_enabled }}</span>
                </label>
                <label class="radio radio-medium radio-inline">
                  <input class="radio-entry" type="radio" name="status" value="0"{{ status ? '' : ' checked' }}>
                  <span class="radio-text">{{ text_disabled }}</span>
                </label>
              </div>
            </div>
            <div class="col-xs-12">
              <div class="field-group content-box">
                <label class="field-label required"> {{ entry_title }}</label>
                <input type="text" class="field-entry field-entry-medium" name="titulo" size="100"
                       value="{{ titulo }}"/>
                {% if error_titulo %}
                  <span class="text-error text-x-small">{{ error_titulo }}</span>
                {% endif %}
              </div>
            </div>

            <div class="col-xs-12">
              <div class="flex middle-xs js-file-container">
                <div class="full-width bottom-margin-x-small">
                  <span class="field-label">{{ entry_image }}</span>
                </div>
                <div class="flex-0 background-white border-gray right-margin-medium hidden-overflow cursor-pointer logo-colors" style="width: 5rem; height: 5rem;">
                  <img id="thumb-image" src="{{ imagesrc }}" class="js-open-file-manager" width="80" height="80">
                  <input type="hidden" id="image" name="image" value="{{ image }}">
                </div>
                <div class="flex-1">
                  <div class="flex">
                    <button type="button" class="btn-default right-margin-small btn-primary btn-small js-open-file-manager">
                      <span>{{ text_choice }}</span>
                    </button>
                    <button type="button" class="btn-default btn-outline btn-small js-btn-clear-image">
                      <span>{{ text_remove }}</span>
                    </button>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-xs-12">
              <div class="flex middle-xs js-file-container js-archive">
                <div class="full-width bottom-margin-x-small">
                  <span class="field-label">{{ entry_record }}</span>
                </div>
                <div class="flex-0 background-white border-gray right-margin-medium hidden-overflow cursor-pointer logo-colors" style="width: 5rem; height: 5rem;">
                  <img id="thumb-arquivo" src="{{ arquivosrc }}" class="js-open-file-manager" width="80" height="80" data-typefile="{{ upFileRecord }}">
                  <input type="hidden" id="arquivo" name="arquivo" value="{{ arquivo }}">
                </div>
                <div class="flex-1">
                  <div class="flex">
                    <span class="right-margin-small text-small text-dark">{{ text_archive_name }}</span>
                    <span class="js-archive-name text-small text-gray">{{ text_archive_selected }}</span>
                  </div>
                  <div class="flex top-margin-small">
                    <button type="button" class="btn-default right-margin-small btn-primary btn-small js-open-file-manager">
                      <span>{{ text_choice }}</span>
                    </button>
                    <button type="button" class="btn-default btn-outline btn-small js-btn-clear-image">
                      <span>{{ text_remove }}</span>
                    </button>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{{ footer }}
