<body class='login' {{ login_bg != '' ? 'style="background-image:url(../img/' ~ login_bg ~ ')"': '' }}>
  <div class='font-weight-bold text-right w-100 p-10x' style='background-color:#eee'>
    <span class='request-access pointer'>{{ mt._('login.requestaccess') }}</span>
  </div>
  <div class='container' id='request-access-box' style="display:none">
    <div class='float-right text-center' style='width:200px;background-color:#ddd'>
      <a href='#' class='request-access'>{{ image('img/assets/times.png', "class": "m-0-auto pointer p-5x", 'alt': mt._('_common.close')) }}</a>
    </div>
    <div class='w-100' style='clear:both;background-color:#ddd'>
      <div class='row m-0 pt-15x pb-5x'>
        <div class='col-12 font-weight-bold text-uppercase'>{{ mt._('login.requestregistration') }}</div>
      </div>
      <div class='row m-0 p-0-15x'>
        <div class='col-12'>{{ mt._('login.requestregistration.text') }}</div>
      </div>
      <div class='row m-0 pt-10x'>
        <div class='col-12'>
          <div class='form-group login-field'>
            <label for='businessname'>{{ mt._('account.customer.businessname') }} *</label>
            <div class='controls'>{{ text_field('businessname', 'class': 'form-control') }}</div>
          </div>
          <div class='form-group login-field'>
            <label for='signboard'>{{ mt._('account.customer.signboard') }}</label>
            <div class='controls'>{{ text_field('signboard', 'class': 'form-control') }}</div>
          </div>
        </div>
      </div>
      <div class='row m-0' style='border-bottom:1px solid white'>
        <div class='col-12'>
          <div class='form-group login-field'>
            <label for='vatcode'>{{ mt._('account.customer.vatcode') }} / {{ mt._('account.customer.taxcode') }} *</label>
            <div class='controls'>{{ text_field('vatcode', 'class': 'form-control') }}</div>
          </div>
        </div>
      </div>
      <div class='row mx-0 mt-10x'>
        <div class='col-12'>
          <div class='form-group login-field'>
            <label for='email'>Email *</label>
            <div class='controls'>{{ text_field('email', 'class': 'form-control') }}</div>
          </div>
          <div class='form-group login-field'>
            <label for='telephone'>{{ mt._('account.customer.telephone') }}</label>
            <div class='controls'>{{ text_field('telephone', 'class': 'form-control') }}</div>
          </div>
        </div>
      </div>
      <div class='row m-0'>
        <div class='col-12'>
          <div class='form-group login-field'>
            <label for='address'>{{ mt._('account.customer.address') }} *</label>
            <div class='controls'>{{ text_field('address', 'class': 'form-control') }}</div>
          </div>
          <div class='form-group login-field'>
            <label for='city'>{{ mt._('account.customer.city') }} *</label>
            <div class='controls'>{{ text_field('city', 'class': 'form-control') }}</div>
          </div>
        </div>
      </div>
      <div class='row m-0'>
        <div class='col-12'>
          <div class='form-group login-field'>
            <label for='country'>{{ mt._('account.customer.country') }} *</label>
            <div class='controls'>
              <select class='form-control' id='country' name='country'>
                <option value=''></option>
                {% for ananaz in countries %}
                <option value='{{ ananaz.cdnazi }}' {{ ananaz.cdnazi in ['i', 'I', 'it', 'IT', 'ita', 'ITA'] ? 'selected' : '' }}>{{ ananaz.dsnazi }}</option>
                {% endfor %}
              </select>
            </div>
          </div>
          <div class='form-group login-field'>
            <label for='province'>{{ mt._('account.customer.province') }}</label>
            <div class='controls'>{{ text_field('province', 'class': 'form-control') }}</div>
          </div>
        </div>
      </div>
      <div class='row text-right m-0 py-10x px-0'>
        <div class='col-12 col-lg-6'></div>
        <div class='col-12 col-lg-6'>
          <a href='#' id='request-access-btn' class='btn btn-generic float-right w-50 m-0'>{{ mt._('login.sendrequest') }}</a>
        </div>
        <div class='col-12'>
          <div class="msg-error" style="color:black">{{ mt._('login.request.error') }}</div>
          <div class="msg-success" style="color:black">{{ mt._('login.request.success') }}</div>
        </div>
      </div>
    </div>
  </div>

  <div class='container mw-100'>
    {{ form('session/start', 'role': 'form') }}
    <div class='row m-0 p-10x' style='background-color:white'>
      <div class='col-12 col-lg-6'>{{ image(logoimg != '' ? 'img/' ~ logoimg : 'img/assets/logo_home.jpg', 'alt': 'Logo') }}</div>
      <div class='col-12 col-lg-6'>
        <div class='row'>
          <div class='col-6'><a href='#' class='hiddenanchor' id='signup'></a></div>
          <div class='col-6'><a href='#' class='hiddenanchor' id='signin'></a></div>
        </div>
        <div class='row'>
          <div class='col-6 form-group p-15x'>
            <label for='username'>Username</label>
            <div class='controls'>{{ text_field('username', 'class': 'form-control') }}</div>
          </div>
          <div class='col-6 form-group p-15x'>
            <label for='password'>Password</label>
            <div class='controls'>{{ password_field('password', 'class': 'form-control') }}</div>
          </div>
        </div>
        <div class='row'>
          <div class='col-6'>
            <input type='hidden' id='country' name='country' value="{{ session.get('language') }}"/>

            {% set lang_selected = "" %}
            {% if session.get('language') == 'it' %}{% set lang_selected = "Italiano" %}{% endif %}
            {% if session.get('language') == 'en' %}{% set lang_selected = "English" %}{% endif %}
            {% if session.get('language') == 'de' %}{% set lang_selected = "Deutsch" %}{% endif %}
            {% if session.get('language') == 'es' %}{% set lang_selected = "Español" %}{% endif %}
            {% if session.get('language') == 'fr' %}{% set lang_selected = "Français" %}{% endif %}
            <div class='menu-icon lang-switcher'>
              <div class='lang-toggle'>
                <span title='{{ mt._("_common.header.changelanguage") }}'>{{ lang_selected }}</span>
                <i class='material-icons arrow_drop_down'></i>
                <ul class='lang-dropdown'>
                  {{ (session.get('language') != 'it'
                    ? "<li>
                        <div class='float-left' style='margin-right:2px'>" ~ image('img/assets/it.png', 'style': 'margin: 0 auto') ~ "</div>
                        <div class='float-left'><a href='#' class='change-language' data-lang='it'>Italiano</a></div>
                      </li>"
                    : "") }}
                  {{ (session.get('language') != 'en'
                    ? "<li>
                        <div class='float-left' style='margin-right:2px'>" ~ image('img/assets/en.png', 'style': 'margin: 0 auto') ~ "</div>
                        <div class='float-left'><a href='#' class='change-language' data-lang='en'>English</a></div>
                      </li>"
                    : "") }}
                  {{ (session.get('language') != 'de'
                    ? "<li>
                        <div class='float-left' style='margin-right:2px'>" ~ image('img/assets/de.png', 'style': 'margin: 0 auto') ~ "</div>
                        <div class='float-left'><a href='#' class='change-language' data-lang='de'>Deutsch</a></div>
                      </li>"
                    : "") }}
                  {{ (session.get('language') != 'es'
                    ? "<li>
                        <div class='float-left' style='margin-right:2px'>" ~ image('img/assets/es.png', 'style': 'margin: 0 auto') ~ "</div>
                        <div class='float-left'><a href='#' class='change-language' data-lang='es'>Español</a></div>
                      </li>"
                    : "") }}
                  {{ (session.get('language') != 'fr'
                    ? "<li>
                        <div class='float-left' style='margin-right:2px'>" ~ image('img/assets/fr.png', 'style': 'margin: 0 auto') ~ "</div>
                        <div class='float-left'><a href='#' class='change-language' data-lang='fr'>Français</a></div>
                      </li>"
                    : "") }}
                </ul>
              </div>
            </div>
          </div>
          <div class='col-6 text-right'>{{ submit_button('Login', 'class': 'btn btn-main submit mr-0') }}</div>
        </div>
      </div>
    </form>
  </div>
</div>

  {% include 'bottom_scripts.volt' %}

</body>
