{% extends 'base/module.twig' %}

{% block content %}

  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-sm-8">
          <base-manual class="top-margin-medium" title="{{text_info}}">
              <div>{{text_manual}}</div>
          </base-manual>

        <base-card class="padding-large bottom-margin-medium">
          <base-checkbox
            v-if="!errorCeo"
            type="text"
            name="futuracalcularst_status"
            label="{{ text_st_title }}"
            v-model="configurations.futuracalcularst_status"
            value="1"
            unchecked-value="0"
          >
          </base-checkbox>

          <base-select
            v-if="!errorCeo"
            class="top-margin-large"
            label="{{ text_ID_Usuario_ST }}"
            name="futuracalcularst_usuario"
            v-model="configurations.futuracalcularst_usuario"
            :disabled="disableForm">
            <option
              v-for="empresa in empresas"
              :key="empresa.id"
              :value="empresa.id"
            >
              { empresa.id } - { empresa.name }
            </option>
          </base-select>

          <div v-if="errorCeo">
            <span class="text-large text-dark visible-block">{{ text_error_search }}</span>
            <span class="text-small text-gray visible-block top-padding-small">{{ text_search_info }}</span>
            <div class="top-padding-medium">
              <a class="cursor-pointer text-decoration-none text-error text-small" @click.prevent="showError">
                <i class="fas fa-exclamation-triangle"></i>
                {{ text_show_error }}
              </a>
              <div v-if="showCeoError" class="padding-medium background-error rounded-x-small top-margin-medium">
                <span class="text-error text-small">{{ error_ceo.message }}</span>
              </div>
            </div>
          </div>

        </base-card>
      </div>
    </div>
  </div>

{% endblock %}
