{% extends '@PrestaShop/Admin/layout.html.twig' %}

{% block content %}
  <div class="tab-content">

    <nav>
      <div class="nav nav-tabs" id="nav-tab" role="tablist">
        <button class="nav-link active" id="nav-home-tab" data-toggle="tab" data-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">{{ 'Settings'|trans({}, 'Modules.Agilemultisellerpro.Module') }}</button>
        <button class="nav-link" id="nav-multipleshop-tab" data-toggle="tab" data-target="#nav-multipleshop" type="button" role="tab" aria-controls="nav-multipleshop" aria-selected="false">{{ 'Multiple shop'|trans({}, 'Modules.Agilemultisellerpro.Module') }}</button>
        <button class="nav-link" id="nav-сommissions-tab" data-toggle="tab" data-target="#nav-сommissions" type="button" role="tab" aria-controls="nav-сommissions" aria-selected="false">{{ 'Commissions'|trans({}, 'Modules.Agilemultisellerpro.Module') }}</button>
        <button class="nav-link" id="nav-membership-tab" data-toggle="tab" data-target="#nav-membership" type="button" role="tab" aria-controls="nav-membership" aria-selected="false">{{ 'Membership'|trans({}, 'Modules.Agilemultisellerpro.Module') }}</button>
      </div>
    </nav>

    <div class="tab-content" id="nav-tabContent">
      <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
        {{ form_start(configurationForm) }}
        <div class="card">
          <h3 class="card-header">
            <i class="material-icons">settings</i> {{ 'Settings'|trans({}, 'Modules.Agilemultisellerpro.Module') }}
          </h3>
          <div class="card-body">
            <div class="form-wrapper">
              {{ form_widget(configurationForm) }}
            </div>
          </div>
          <div class="card-footer">
            <div class="d-flex justify-content-end">
              <button class="btn btn-primary float-right" id="save-button">
                {{ 'Save'|trans({}, 'Admin.Actions') }}
              </button>
            </div>
          </div>
        </div>
        {{ form_end(configurationForm) }}
      </div>

      <div class="tab-pane fade" id="nav-multipleshop" role="tabpanel" aria-labelledby="nav-multipleshop-tab">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
          {{ form_start(configurationMultishopFrom) }}
          <div class="card">
            <h3 class="card-header">
              <i class="material-icons">settings</i> {{ 'Muliple shop settings'|trans({}, 'Modules.Agilemultisellerpro.Module') }}
            </h3>
            <div class="card-body">
              <div class="form-wrapper">
                {{ form_widget(configurationMultishopFrom) }}
              </div>
            </div>
            <div class="card-footer">
              <div class="d-flex justify-content-end">
                <button class="btn btn-primary float-right" id="save-button">
                  {{ 'Save'|trans({}, 'Admin.Actions') }}
                </button>
              </div>
            </div>
          </div>
          {{ form_end(configurationMultishopFrom) }}
        </div>
      </div>

      <div class="tab-pane fade" id="nav-сommissions" role="tabpanel" aria-labelledby="nav-сommissions-tab">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
          {{ form_start(configurationCommissionsFrom) }}
          <div class="card">
            <h3 class="card-header">
              <i class="material-icons">settings</i> {{ 'Seller Commision Settings'|trans({}, 'Modules.Agilemultisellerpro.Module') }}
            </h3>
            <div class="card-body">
              <div class="form-wrapper">
                {{ form_widget(configurationCommissionsFrom) }}
              </div>
            </div>
            <div class="card-footer">
              <div class="d-flex justify-content-end">
                <button class="btn btn-primary float-right" id="save-button">
                  {{ 'Save'|trans({}, 'Admin.Actions') }}
                </button>
              </div>
            </div>
          </div>
          {{ form_end(configurationCommissionsFrom) }}
        </div>
      </div>

      <div class="tab-pane fade" id="nav-membership" role="tabpanel" aria-labelledby="nav-membership-tab">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
          {{ form_start(configurationMembershipFrom) }}
          <div class="card">
            <h3 class="card-header">
              <i class="material-icons">settings</i> {{ 'Membership settings'|trans({}, 'Modules.Agilemultisellerpro.Module') }}
            </h3>
            <div class="card-body">
              <div class="form-wrapper">
                {{ form_widget(configurationMembershipFrom) }}
              </div>
            </div>
            <div class="card-footer">
              <div class="d-flex justify-content-end">
                <button class="btn btn-primary float-right" id="save-button">
                  {{ 'Save'|trans({}, 'Admin.Actions') }}
                </button>
              </div>
            </div>
          </div>
          {{ form_end(configurationMembershipFrom) }}
        </div>
      </div>

    </div>

  </div>

  <link href="{{ asset('../modules/agilemultisellerpro/views/css/admin/agile.form.css') }}" rel="stylesheet" type="text/css"/>
  <link href="{{ asset('../modules/agilemultisellerpro/views/css/plugins/select2.min.css') }}" rel="stylesheet" type="text/css"/>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}
