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

{% block content %}

  <div class="container-fluid">

    <div class="row">
      <div class="col-xs-12 col-md-8">

        <span class="visible-block text-x-large text-dark bottom-margin-small">{ text_facebook }</span>

        <base-card class="padding-large">
          <validation-provider
            tag="div"
            class="bottom-margin-large"
            name="loginredesociais_facebook_status"
            rules="required"
            v-slot="{ errors, valid }">
            <base-select
              name="loginredesociais_facebook_status"
              :label="text_status"
              v-model="configurations.loginredesociais_facebook_status"
              :valid="valid"
              :disabled="disableForm">
                <option v-for="(value, key) in typeStatus" :value="key">{ value }</option>
            </base-select>
          </validation-provider>

          <validation-provider
            tag="div"
            name="loginredesociais_facebook_id"
            rules=""
            v-slot="{ errors, valid }">
            <base-input
              :label="text_api_id"
              name="loginredesociais_facebook_id"
              v-model="configurations.loginredesociais_facebook_id"
              :error="errors[0]"
              :valid="valid"
              :description="link_help_facebook_obs"
              :disabled="disableForm">
            </base-input>
          </validation-provider>

        </base-card>

      </div>

      <div class="col-xs-12 col-md-8">

        <span class="visible-block text-x-large text-dark bottom-margin-small">{ text_google }</span>

        <base-card class="padding-large">
          <validation-provider
            tag="div"
            class="bottom-margin-large"
            name="loginredesociais_google_status"
            rules="required"
            v-slot="{ errors, valid }">
            <base-select
              name="loginredesociais_google_status"
              :label="text_status"
              v-model="configurations.loginredesociais_google_status"
              :valid="valid"
              :disabled="disableForm">
                <option v-for="(value, key) in typeStatus" :value="key">{ value }</option>
            </base-select>
          </validation-provider>

          <validation-provider
            tag="div"
            name="loginredesociais_google_id"
            rules=""
            v-slot="{ errors, valid }">
            <base-input
              :label="text_api_id"
              name="loginredesociais_google_id"
              v-model="configurations.loginredesociais_google_id"
              :description="link_help_google_obs"
              :error="errors[0]"
              :valid="valid"
              :disabled="disableForm">
            </base-input>
          </validation-provider>
        </base-card>

      </div>
    </div>

  </div>

{% endblock %}