{% set num_tabs = 7 %}
{% set width_to_add = 0 %}

{% if common['showProfile'] == 0 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 12 %}{% endif %}
{% if common['showCustomer'] == 0 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 16 %}{% endif %}
{% if common['budgetManagement'] == 0 or session.get('auth')['type'] != 3 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 12 %}{% endif %}
{% if common['showDestinations'] == 0 or common['customers']|length > 1 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 18 %}{% endif %}
{% if common['showOrders'] == 0 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 12 %}{% endif %}
{% if common['returnsmngmt'] == 0 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 16 %}{% endif %}
{% if common['showDeadlines'] == 0 %}{% set num_tabs = num_tabs - 1 %}{% set width_to_add = width_to_add + 14 %}{% endif %}

<div class="container mw-100">
  <div class="row w-100 ml-0 mr-0">
  {% if num_tabs > 0 %}
    {% set active_pro = tab == 'pro' or tab == '' %}
    {% set condition = common['showProfile'] == 0 %}
    {% set active_cus = tab == 'cus' or condition %}
    {% set condition = condition and (common['showCustomer'] == 0) %}
    {% set active_bud = tab == 'bud' or condition %}
    {% set condition = condition and (common['budgetManagement'] == 0 or session.get('auth')['type'] != 3) %}
    {% set active_shi = tab == 'shi' or condition %}
    {% set condition = condition and (common['showDestinations'] == 0 or common['customers']|length > 1) %}
    {% set active_ord = tab == 'ord' or condition %}
    {% set condition = condition and (common['showOrders'] == 0) %}
    {% set active_exc = tab == 'exc' or condition %}
    {% set condition = condition and (common['returnsmngmt'] == 0) %}
    {% set active_tic = tab == 'tic' or condition %}

    {% set width_pro = 12 + (width_to_add / num_tabs) %}
    {% set width_cus = 16 + (width_to_add / num_tabs) %}
    {% set width_bud = 12 + (width_to_add / num_tabs) %}
    {% set width_shi = 18 + (width_to_add / num_tabs) %}
    {% set width_ord = 12 + (width_to_add / num_tabs) %}
    {% set width_exc = 16 + (width_to_add / num_tabs) %}
    {% set width_tic = 14 + (width_to_add / num_tabs) %}

    <!-- Nav Tabs -->
    <ul class="nav nav-tabs d-none d-md-block" role="tablist">
    {% if common['showProfile'] == 1 %}
      <li class="nav-item" style="width:{{ width_pro }}%"><a {% if active_pro %}class="active"{% endif %} href="#tab_pro" role="tab" data-toggle="tab">{{ mt._('account.tab.profile') }}</a></li>
    {% endif %}
    {% if common['showCustomer'] == 1 %}
      <li class="nav-item" style="width:{{ width_cus }}%"><a {% if active_cus %}class="active"{% endif %} href="#tab_cus" role="tab" data-toggle="tab">{{ mt._('account.tab.customercard') }}</a></li>
    {% endif %}
    {% if common['budgetManagement'] > 0 %}
      <li class="nav-item" style="width:{{ width_bud }}%"><a {% if active_bud %}class="active"{% endif %} href="#tab_bud" role="tab" data-toggle="tab">{{ mt._('account.tab.budget') }}</a></li>
    {% endif %}
    {% if common['showDestinations'] == 1 and common['customers']|length == 1 %}
      <li class="nav-item" style="width:{{ width_shi }}%"><a {% if active_shi %}class="active"{% endif %} href="#tab_shi" role="tab" data-toggle="tab">{{ mt._('account.tab.shippings') }}</a></li>
    {% endif %}
    {% if common['showOrders'] == 1 %}
      <li class="nav-item" style="width:{{ width_ord }}%"><a {% if active_ord %}class="active"{% endif %} href="#tab_ord" role="tab" data-toggle="tab">{{ mt._('account.tab.orders') }}</a></li>
    {% endif %}
    {% if common['returnsmngmt'] == 1 %}
      <li class="nav-item" style="width:{{ width_exc }}%"><a {% if active_exc %}class="active"{% endif %} href="#tab_exc" role="tab" data-toggle="tab">{{ mt._('account.tab.goodsexchange') }}</a></li>
    {% endif %}
    {% if common['showDeadlines'] == 1 %}
      <li class="nav-item" style="width:{{ width_tic }}%"><a {% if active_tic %}class="active"{% endif %} href="#tab_tic" role="tab" data-toggle="tab">{{ mt._('account.tab.deadlines') }}</a></li>
    {% endif %}
    </ul><!-- .nav-tabs -->

    <div class="change_tab_container d-block d-md-none">
      <div class="form-element form-select">
        <label class="form-custom-select">
          <select id="change_tab" name="change_tab">
            {% if common['showProfile'] == 1 %}
            <option value="tab_pro" {% if active_pro %}selected{% endif %}>{{ mt._('account.tab.profile') }}</option>
            {% endif %}
            {% if common['showCustomer'] == 1 %}
            <option value="tab_cus" {% if active_cus %}selected{% endif %}>{{ mt._('account.tab.customercard') }}</option>
            {% endif %}
            {% if common['showDestinations'] == 1 and common['customers']|length == 1 %}
            <option value="tab_shi" {% if active_shi %}selected{% endif %}>{{ mt._('account.tab.shippings') }}</option>
            {% endif %}
            {% if common['showOrders'] == 1 %}
            <option value="tab_ord" {% if active_ord %}selected{% endif %}>{{ mt._('account.tab.orders') }}</option>
            {% endif %}
            {% if common['returnsmngmt'] == 1 %}
            <option value="tab_exc" {% if active_exc %}selected{% endif %}>{{ mt._('account.tab.goodsexchange') }}</option>
            {% endif %}
            {% if common['showDeadlines'] == 1 %}
            <option value="tab_tic" {% if active_tic %}selected{% endif %}>{{ mt._('account.tab.deadlines') }}</option>
            {% endif %}
          </select>
          <span class="pointer"><i class="fa fa-caret-down"></i></span>
        </label>
      </div>
    </div>

    <!-- Tab panes -->
    <div class="tab-content account-info w-100">

    {% if common['showProfile'] == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_pro %}show active{% endif %}" id="tab_pro">
        <div class="row account-section bottom-border">
          <div class="col-12 col-md-4 mrg-btm-30">
            <div class="account-title">{{ mt._('session.register.username') }}</div>
            <div>{{ session.get('auth')['username'] }}</div>
          </div>
          <div class="col-12 col-md-5">
            <div class="account-title">{{ mt._('account.currentpassword') }}</div>
            <div class="account-field form-element" id="div-error-old"><input type="password" class="form-control" id="old-password" name="old-password" /></div>
            <div id="error-old" class="msg-error msg-pos">{{ mt._('account.currentpassword.warning') }}</div>
            <div class="account-title">{{ mt._('account.newpassword') }}</div>
            <div class="account-field form-element" id="div-error-new"><input type="password" class="form-control" id="new-password" name="new-password" /></div>
            <div id="error-new" class="msg-error msg-pos">{{ mt._('account.newpassword.warning') }}</div>
            <div class="account-title">{{ mt._('account.repeatnewpassword') }}</div>
            <div class="account-field form-element" id="div-error-repeat"><input type="password" class="form-control" id="rpt-password" name="rpt-password" /></div>
            <div id="error-repeat" class="msg-error msg-pos">{{ mt._('session.register.errorconfirm') }}</div>
          </div>
          <div class="col-12 col-md-3">
            <div class="save-box"><a href="#" id="save-password" class="btn btn-generic mt-28x">{{ mt._('account.savepassword') }}</a></div>
            <div id="success" class="msg-success msg-pos">{{ mt._('account.changepassword.success') }}</div>
          </div>
        </div>
        <div class="row account-section py-20x">
          <div class="col-12"><div class="account-title">{{ mt._('account.activecatalogs') }}</div></div>
        {% for cttest in common['catalogs'] %}
          <div class="col-12 col-md-4 col-lg-3"><div class="account-field">{{ cttest.dscata }}</div></div>
        {% endfor %}
        </div>
      </div>
    {% endif %}

    {% if common['showCustomer'] == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_cus %}show active{% endif %}" id="tab_cus">
      {% if session.get('auth')['type'] == 4 %}
        {% set thisCustomer = common['customers'][0] %}
        {% set thisPrefix = thisCustomer.tpanag ~ "-" ~ thisCustomer.cdanag %}

        <div class="customer-card">
          <input type="hidden" id="{{ thisPrefix }}-tpanag" name="{{ thisPrefix }}-tpanag" value="{{ thisCustomer.tpanag }}" />
          <div class="row account-section bottom-border">
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.code') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-cdanag" name="{{ thisPrefix }}-cdanag"
                  value="{{ thisCustomer.cdanag }}" data-oldvalue="{{ thisCustomer.cdanag }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.businessname') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-descri" name="{{ thisPrefix }}-descri"
                  value="{{ thisCustomer.descri }}" data-oldvalue="{{ thisCustomer.descri }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.signboard') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-desvid" name="{{ thisPrefix }}-desvid"
                  value="{{ thisCustomer.desvid }}" data-oldvalue="{{ thisCustomer.desvid }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.taxcode') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-codfis" name="{{ thisPrefix }}-codfis"
                  value="{{ thisCustomer.codfis }}" data-oldvalue="{{ thisCustomer.codfis }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.vatcode') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-pariva" name="{{ thisPrefix }}-pariva"
                  value="{{ thisCustomer.pariva }}" data-oldvalue="{{ thisCustomer.pariva }}" disabled />
              </div>
            </div>
          </div>
          <div class="row account-section bottom-border pt-20x">
            <div class="col-12 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.address') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ thisPrefix }}-indiri" name="{{ thisPrefix }}-indiri"
                  value="{{ thisCustomer.indiri }}" data-oldvalue="{{ thisCustomer.indiri }}" disabled />
              </div>
            </div>
            <div class="col-12 col-lg-4">
              <div style="width:50%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.city') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-ccitta" name="{{ thisPrefix }}-ccitta"
                    value="{{ thisCustomer.ccitta }}" data-oldvalue="{{ thisCustomer.ccitta }}" disabled />
                </div>
              </div>
              <div style="width:18%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.province') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-provin" name="{{ thisPrefix }}-provin"
                    value="{{ thisCustomer.provin }}" data-oldvalue="{{ thisCustomer.provin }}" disabled />
                </div>
              </div>
              <div style="width:24%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.capzip') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-codcap" name="{{ thisPrefix }}-codcap"
                    value="{{ thisCustomer.codcap }}" data-oldvalue="{{ thisCustomer.codcap }}" disabled />
                </div>
              </div>
            </div>
            <div class="col-6 col-lg-2">
              <div class="account-title">{{ mt._('account.customer.country') }}</div>
              <div class="account-field form-element form-select">
                <div class="form-element form-select">
                  <label class="form-custom-select">
                    <select class="readonly" id="{{ thisPrefix }}-cdnazi" name="{{ thisPrefix }}-cdnazi"
                      data-oldvalue="{{ thisCustomer.cdnazi }}" disabled>
                      <option value="null" {% if thisCustomer.cdnazi == "" %}selected{% endif%} >&nbsp;</option>
                      {% for ananaz in common['countries'] %}
                      <option value="{{ ananaz.cdnazi }}" {% if thisCustomer.cdnazi == ananaz.cdnazi %}selected{% endif%} >{{ ananaz.dsnazi }}</option>
                      {% endfor %}
                    </select>
                  </label>
                </div>
              </div>
            </div>
            <div class="col-6 col-lg-2">
              <div class="account-title">{{ mt._('account.customer.zone') }}</div>
              <div class="account-field form-element form-select">
                <div class="form-element form-select">
                  <label class="form-custom-select">
                    <select class="readonly" id="{{ thisPrefix }}-cdzona" name="{{ thisPrefix }}-cdzona"
                      data-oldvalue="{{ thisCustomer.cdzona }}" disabled>
                      <option value="null" {% if thisCustomer.cdzona == "" %}selected{% endif%} >&nbsp;</option>
                      {% for anazon in common['zones'] %}
                      <option value="{{ anazon.cdzona }}" {% if thisCustomer.cdzona == anazon.cdzona %}selected{% endif%} >{{ anazon.dszona }}</option>
                      {% endfor %}
                    </select>
                  </label>
                </div>
              </div>
            </div>
            <div class="col-12 col-lg-4">
              <div style="width:20%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.countrycode') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-intern" name="{{ thisPrefix }}-intern"
                    value="{{ thisCustomer.intern }}" data-oldvalue="{{ thisCustomer.intern }}" disabled />
                </div>
              </div>
              <div style="width:36%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.telephone') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-numtel" name="{{ thisPrefix }}-numtel"
                    value="{{ thisCustomer.numtel }}" data-oldvalue="{{ thisCustomer.numtel }}" disabled />
                </div>
              </div>
              <div style="width:36%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.telephone.other') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-numte2" name="{{ thisPrefix }}-numte2"
                    value="" data-oldvalue="" disabled />
                </div>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.referent.main') }}</div>
              <div class="account-field form-element"><input type="text" class="form-control readonly" disabled /></div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.referent.other') }}</div>
              <div class="account-field form-element"><input type="text" class="form-control readonly" disabled /></div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.mobilephone') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ thisPrefix }}-numcel" name="{{ thisPrefix }}-numcel"
                  value="{{ thisCustomer.numcel }}" data-oldvalue="{{ thisCustomer.numcel }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.fax') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ thisPrefix }}-numfax" name="{{ thisPrefix }}-numfax"
                  value="{{ thisCustomer.numfax }}" data-oldvalue="{{ thisCustomer.numfax }}" disabled />
              </div>
            </div>
          </div>
          <div class="row account-section pt-20x pb-40x">
            <div class="col-12 col-lg-4">
              <div style="width:20%;margin-right:4%" class="float-left">
                <div class="account-title">ABI</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-codabi" name="{{ thisPrefix }}-codabi"
                    value="{{ thisCustomer.codabi }}" data-oldvalue="{{ thisCustomer.codabi }}" disabled />
                </div>
              </div>
              <div style="width:20%;margin-right:4%" class="float-left">
                <div class="account-title">CAB</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-codcab" name="{{ thisPrefix }}-codcab"
                    value="{{ thisCustomer.codcab }}" data-oldvalue="{{ thisCustomer.codcab }}" disabled />
                </div>
              </div>
              <div style="width:52%" class="float-left">
                <div class="account-title">IBAN</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ thisPrefix }}-cdiban" name="{{ thisPrefix }}-cdiban"
                    value="{{ thisCustomer.cdiban }}" data-oldvalue="{{ thisCustomer.cdiban }}" disabled />
                </div>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.payment') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-tppaga" name="{{ thisPrefix }}-tppaga"
                  value="{{ thisCustomer.dspaga }}" data-oldvalue="{{ thisCustomer.dspaga }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.shipment') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-tpport" name="{{ thisPrefix }}-tpport"
                  value="{{ thisCustomer.dstpor }}" data-oldvalue="{{ thisCustomer.dstpor }}" disabled />
              </div>
            </div>
            {% if session.get('auth')['type'] == 3 %}
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title text-capitalize">{{ mt._('_common.pricelist') }}</div>
              <div class="account-field form-element form-select">
                <div class="form-element form-select">
                  <label class="form-custom-select">
                    <select class="readonly" id="{{ thisPrefix }}-nulist" name="{{ thisPrefix }}-nulist"
                      data-oldvalue="{{ thisCustomer.nulist }}" disabled>
                      <option value="null" {% if thisCustomer.nulist == "" %}selected{% endif%} >&nbsp;</option>
                      {% for lstest in common['priceLists'] %}
                      <option value="{{ lstest.nulist }}" {% if thisCustomer.nulist == lstest.nulist %}selected{% endif%} >{{ lstest.dslist }}</option>
                      {% endfor %}
                    </select>
                  </label>
                </div>
              </div>
            </div>
            {% else %}
            <div class="col-12 col-md-6 col-lg-4">&nbsp;</div>
            {% endif %}
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.carrier') }}</div>
              <div class="account-field form-element form-select">
                <div class="form-element form-select">
                  <label class="form-custom-select">
                    <select class="readonly" id="{{ thisPrefix }}-cdvett" name="{{ thisPrefix }}-cdvett"
                      data-oldvalue="{{ thisCustomer.cdvett }}" disabled>
                      <option value="null" {% if thisCustomer.cdvett == "" %}selected{% endif%} >&nbsp;</option>
                      {% for anavet in common['carriers'] %}
                      <option value="{{ anavet.cdvett }}" {% if thisCustomer.cdvett == anavet.cdvett %}selected{% endif%} >{{ anavet.dsvett }}</option>
                      {% endfor %}
                    </select>
                  </label>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.agent') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control" id="{{ thisPrefix }}-cdagen" name="{{ thisPrefix }}-cdagen"
                  value="{{ thisCustomer.dsagen }}" data-oldvalue="{{ thisCustomer.dsagen }}" disabled />
              </div>
            </div>
          {% if common['sendmaildatavar'] == 1 %}
            <div class="col-12 offset-0 col-md-6 offset-md-6 col-lg-4 offset-lg-0">
              <div style="margin-top:19px;margin-right:-7px">
                <a href="#" data-tpanag="{{ thisCustomer.tpanag }}" data-cdanag="{{ thisCustomer.cdanag }}"
                  class="btn btn-generic anagra-require-modify">{{ mt._('account.customer.requiremodify') }}</a>
              </div>
            </div>
          {% endif %}
          </div>
        </div>

      {% else %}

        <div class="row account-section w-80" id="anagra-selector-header">

          <div class="col-12 col-md-6 p-0">

            {% if common['customers']|length > 0 %}

            <div class="form-element form-select">
              <label class="form-custom-select">
                <select id="multi-anagra-selector" class="selectpicker" data-live-search="true">
                  {% for anagra in common['customers'] %}
                  <option id="multi-anagra-{{ loop.index }}" data-tpanag="{{ anagra.tpanag }}" data-cdanag="{{ anagra.cdanag }}"
                    value="{{ loop.index }}" {{ anagra.tpanag == 'CN' ? 'style="font-style:italic"' : '' }}>
                    {{ anagra.tpanag }} - {{ anagra.cdanag }} - {{ anagra.descri }}
                  </option>
                  {% endfor %}
                </select>
              </label>
            </div>

            <div class="text-left" style="margin-top:19px">
              <a href="#" class="btn btn-generic" id="load-anagra">{{ mt._('account.customer.load') }}</a>
            </div>

            {% else %}

            {{ mt._('account.customer.nocustomers') }}

            {% endif %}
          </div>

          {% if session.get('auth')['type'] == 3 %}
          <div class="col-12 col-md-6 p-0">
            <div class="text-right">
              <a href="#" class="btn btn-generic" id="new-anagra" style="margin-top:-4px">{{ mt._('account.customer.new') }}</a>
            </div>
          </div>
          {% endif %}
        </div>

        {% if common['customers']|length > 0 %}
        <div class="customer-card pt-20x"></div>
        <div id="anagra-desmer" class="pt-20x"></div>
        {% endif %}

        {% if session.get('auth')['type'] == 3 %}
        <div id="new-anagra-box" style="display:none">

          <div class="row account-section w-80 mb-20x">
            <div class="col-12 col-md-6 p-0 text-left">
              <a href="#" class="btn btn-generic cancel-new-anagra">{{ mt._('_common.cancel') }}</a>
            </div>
            <div class="col-12 col-md-6 p-0 text-right">
              <a href="#" class="btn btn-generic save-new-anagra float-right">{{ mt._('_common.save') }}</a>
              <div class="text-right unsuccess-box empty-fields float-right" style="display:none">
                <div style="line-height:26px">{{ mt._('admin.featured.homepage.error') }}</div>
              </div>
              <div class="text-right unsuccess-box already-present float-right" style="display:none">
                <div style="line-height:26px">{{ mt._('account.customer.alreadypresent') }}</div>
              </div>
            </div>
          </div>

          <div class="row account-section w-80 mb-10x">
            <div class="col-12 text-left"><span style="color:red">*</span> {{ mt._('account.customer.mandatory') }}</div>
            <div class="col-12 text-left"><span style="color:red">**</span> {{ mt._('account.customer.mandatory2') }}</div>
          </div>

          <div class='row account-section bottom-border'>
            <!-- descri -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.businessname') }} <span style="color:red">*</span></div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-descri' name='new-anagra-descri' /></div>
            </div>
            <!-- codfis -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.taxcode') }} <span style="color:red">**</span></div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-codfis' name='new-anagra-codfis'/></div>
            </div>
            <!-- pariva -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.vatcode') }} <span style="color:red">**</span></div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-pariva' name='new-anagra-pariva'/></div>
            </div>
            <!-- uffipa -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.code.pa') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-uffipa' name='new-anagra-uffipa' maxlength="6"/></div>
            </div>
            <!-- codupr -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.code.pr') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-codupr' name='new-anagra-codupr' maxlength="7"/></div>
            </div>
            <!-- indpec -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.pec') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-indpec' name='new-anagra-indpec'/></div>
            </div>
            <!-- desvid -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.signboard') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-desvid' name='new-anagra-desvid'/></div>
            </div>
          </div>
          <div class='row account-section bottom-border pt-20x'>
            <!-- indiri -->
            <div class='col-12 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.address') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-indiri' name='new-anagra-indiri'/></div>
            </div>
            <div class='col-12 col-lg-4'>
              <!-- ccitta -->
              <div style='width:47%;margin-right:6%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.city') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-ccitta' name='new-anagra-ccitta'/></div>
              </div>
              <!-- provin -->
              <div style='width:16%;margin-right:6%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.province') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-provin' name='new-anagra-provin'/></div>
              </div>
              <!-- codcap -->
              <div style='width:25%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.capzip') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-codcap' name='new-anagra-codcap'/></div>
              </div>
            </div>
            <!-- cdnazi -->
            <div class='col-6 col-lg-2'>
              <div class='account-title'>{{ mt._('account.customer.country') }} <span style="color:red">*</span></div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-cdnazi' name='new-anagra-cdnazi'>
                  <option value='null'>&nbsp;</option>
                  {% for ananaz in newCustomerInfo['countries'] %}
                  <option value='{{ ananaz.cdnazi }}'>{{ ananaz.dsnazi }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <!-- cdzona -->
            <div class='col-6 col-lg-2'>
              <div class='account-title'>{{ mt._('account.customer.zone') }}</div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-cdzona' name='new-anagra-cdzona'>
                  <option value='null'>&nbsp;</option>
                  {% for anazon in newCustomerInfo['zones'] %}
                  <option value='{{ anazon.cdzona }}'>{{ anazon.dszona }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <div class='col-12 col-lg-4'>
              <!-- intern -->
              <div style='width:20%;margin-right:4%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.countrycode') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-intern' name='new-anagra-intern'/></div>
              </div>
              <!-- numtel -->
              <div style='width:36%;margin-right:4%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.telephone') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-numtel' name='new-anagra-numtel'/></div>
              </div>
              <!-- numte2 -->
              <div style='width:36%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.telephone.other') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-numte2' name='new-anagra-numte2'/></div>
              </div>
            </div>
            <!-- indema -->
            <div class='col-6 col-lg-2'>
              <div class='account-title'>{{ mt._('_common.email') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-indema' name='new-anagra-indema'/></div>
            </div>
            <!-- indem2 -->
            <div class='col-6 col-lg-2'>
              <div class='account-title'>{{ mt._('_common.email.other') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-indem2' name='new-anagra-indem2'/></div>
            </div>
            <div class='col-12 col-lg-4'>
              <!-- numcel -->
              <div style='width:28%;margin-right:4%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.mobilephone') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-numcel' name='new-anagra-numcel'/></div>
              </div>
              <!-- numfax -->
              <div style='width:28%;margin-right:4%' class='float-left'>
                <div class='account-title'>{{ mt._('account.customer.fax') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-numfax' name='new-anagra-numfax'/></div>
              </div>
              <!-- websit -->
              <div style='width:36%' class='float-left'>
                <div class='account-title'>{{ mt._('_common.website') }}</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-websit' name='new-anagra-websit'/></div>
              </div>
            </div>
          </div>
          <div class='row account-section pt-20x pb-20x'>
            <div class='col-6 col-lg-4'>
              <!-- codabi -->
              <div style='width:20%;margin-right:4%' class='float-left'>
                <div class='account-title'>ABI</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-codabi' name='new-anagra-codabi'/></div>
              </div>
              <!-- codcab -->
              <div style='width:20%;margin-right:4%' class='float-left'>
                <div class='account-title'>CAB</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-codcab' name='new-anagra-codcab'/></div>
              </div>
              <!-- cdiban -->
              <div style='width:52%' class='float-left'>
                <div class='account-title'>IBAN</div>
                <div class='account-field form-element'><input type='text' class='form-control' id='new-anagra-cdiban' name='new-anagra-cdiban'/></div>
              </div>
            </div>
            <!-- tppaga -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.payment') }}</div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-tppaga' name='new-anagra-tppaga'>
                  <option value='null'>&nbsp;</option>
                  {% for payment in newCustomerInfo['payments'] %}
                  <option value='{{ payment.tppaga }}'>{{ payment.dspaga }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <!-- tpport -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.shipment') }}</div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-tpport' name='new-anagra-tpport'>
                  <option value='null'>&nbsp;</option>
                  {% for shipment in newCustomerInfo['shipments'] %}
                  <option value='{{ shipment.tpport }}'>{{ shipment.dstpor }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <!-- nulist -->
            <div class='col-6 col-lg-4'>
              <div class='account-title text-capitalize'>{{ mt._('_common.pricelist') }}</div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-nulist' name='new-anagra-nulist'>
                  <option value='null'>&nbsp;</option>
                  {% for lstest in newCustomerInfo['priceLists'] %}
                  <option value='{{ lstest.nulist }}'>{{ lstest.nulist }} - {{ lstest.dslist }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <!-- cdvett -->
            <div class='col-6 col-lg-4'>
              <div class='account-title'>{{ mt._('account.customer.carrier') }}</div>
              <div class='account-field form-element form-select'>
                <select class='form-control' id='new-anagra-cdvett' name='new-anagra-cdvett'>
                  <option value='null'>&nbsp;</option>
                  {% for anavet in newCustomerInfo['carriers'] %}
                  <option value='{{ anavet.cdvett }}'>{{ anavet.dsvett }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>

          <div class="row account-section w-80">
            <div class="col-12 col-md-6 p-0 text-left">
              <a href="#" class="btn btn-generic cancel-new-anagra">{{ mt._('_common.cancel') }}</a>
            </div>
            <div class="col-12 col-md-6 p-0 text-right">
              <a href="#" class="btn btn-generic save-new-anagra float-right">{{ mt._('_common.save') }}</a>
              <div class="text-right unsuccess-box empty-fields float-right" style="display:none">
                <div style="line-height:26px">{{ mt._('admin.featured.homepage.error') }}</div>
              </div>
              <div class="text-right unsuccess-box already-present float-right" style="display:none">
                <div style="line-height:26px">{{ mt._('account.customer.alreadypresent') }}</div>
              </div>
            </div>
          </div>
        </div>
        {% endif %}

      {% endif %}
      </div>
    {% endif %}

    {% if common['budgetManagement'] > 0 and session.get('auth')['type'] == 3 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_bud %}show active{% endif %}" id="tab_bud">
        <div class="row account-section w-80">
          <div class="col-12 col-md-2 p-0" style="line-height:42px">{{ mt._('account.budget.selectcustomer') }}</div>
          <div class="col-12 col-md-6 p-0">
            {% if common['customers']|length > 0 %}
            <select id="customer-budget-selector" class="selectpicker" data-live-search="true">
              {% for anagra in common['customers'] %}
              <option id="customer-budget-{{ loop.index }}" data-tpanag="{{ anagra.tpanag }}" data-cdanag="{{ anagra.cdanag }}"
                value="{{ loop.index }}" {{ anagra.tpanag == 'CN' ? 'style="font-style:italic"' : '' }}>
                {{ anagra.tpanag }} - {{ anagra.cdanag }} - {{ anagra.descri }}
              </option>
              {% endfor %}
            </select>
            {% else %}
            {{ mt._('account.customer.nocustomers') }}
            {% endif %}
          </div>
          <div class="d-none d-md-block col-md-4">&nbsp;</div>

          <div class="col-12 col-md-2 p-0" style="line-height:42px">{{ mt._('account.budget.selectseason') }}</div>
          <div class="col-12 col-md-6 p-0">
            {% if seasons|length > 0 %}
            <select id="season-budget-selector" class="selectpicker">
              {% for season in seasons %}
              <option value="{{ season.cdstag }}">{{ season.cdstag }} - {{ season.dsstag }}</option>
              {% endfor %}
            </select>
            {% else %}
            {{ mt._('account.customer.noseason') }}
            {% endif %}
          </div>

          {% if common['customers']|length > 0 and seasons|length > 0 %}
          <div class="col-12 col-md-6 p-0">
            <div class="text-left" style="margin-top:19px">
              <a href="#" class="btn btn-generic" id="load-budget">{{ mt._('account.budget.load') }}</a>
            </div>
          </div>
          {% endif %}
        </div>
        <div class="row account-section w-80" id="budget-box" style="overflow-x:auto;display:none">

        </div>
      </div>
    {% endif %}

    {% if common['showDestinations'] == 1 and common['customers']|length == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_shi %}show active{% endif %}" id="tab_shi">
      {% if common['destinations']|length > 0 %}
        {% for desmer in common['destinations'] %}
        <div class="destination-card-title">
          <div class="row account-section bottom-border pb-10x">{{ desmer.cddesm }} - {{ desmer.desvid }}</div>
        </div>
        <div class="destination-card">
          <div class="row account-section pt-20x pb-40x">
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.address') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-indiri" name="{{ desmer.cddesm }}-indiri" value="{{ desmer.indiri }}" disabled />
              </div>
            </div>
            <div class="col-12 col-lg-4">
              <div style="width:50%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.city') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-ccitta" name="{{ desmer.cddesm }}-ccitta" value="{{ desmer.ccitta }}" disabled />
                </div>
              </div>
              <div style="width:18%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.province') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-provin" name="{{ desmer.cddesm }}-provin" value="{{ desmer.provin }}" disabled />
                </div>
              </div>
              <div style="width:24%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.capzip') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-codcap" name="{{ desmer.cddesm }}-codcap" value="{{ desmer.codcap }}" disabled />
                </div>
              </div>
            </div>
            <div class="col-6 col-md-4 col-lg-2">
              <div class="account-title">{{ mt._('account.customer.country') }}</div>
              <div class="account-field">
                <label class="form-custom-select">
                  <select class="readonly" id="{{ desmer.cddesm }}-cdnazi" name="{{ desmer.cddesm }}-cdnazi" disabled>
                    <option value="null" {% if desmer.cdnazi == "" %}selected{% endif%} >&nbsp;</option>
                    {% for ananaz in common['countries'] %}
                    <option value="{{ ananaz.cdnazi }}" {% if desmer.cdnazi == ananaz.cdnazi %}selected{% endif%} >{{ ananaz.dsnazi }}</option>
                    {% endfor %}
                  </select>
                </label>
              </div>
            </div>
            <div class="col-6 col-md-4 col-lg-2">
              <div class="account-title">{{ mt._('account.customer.zone') }}</div>
              <div class="account-field form-element form-select">
                <label class="form-custom-select">
                  <select class="readonly" id="{{ desmer.cddesm }}-cdzona" name="{{ desmer.cddesm }}-cdzona" disabled>
                    <option value="null" {% if desmer.cdzona == "" %}selected{% endif%} >&nbsp;</option>
                    {% for anazon in common['zones'] %}
                    <option value="{{ anazon.cdzona }}" {% if desmer.cdzona == anazon.cdzona %}selected{% endif%} >{{ anazon.dszona }}</option>
                    {% endfor %}
                  </select>
                </label>
              </div>
            </div>
            <div class="col-12 col-lg-4">
              <div style="width:20%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.countrycode') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-intern" name="{{ desmer.cddesm }}-intern" value="{{ desmer.intern }}" disabled />
                </div>
              </div>
              <div style="width:36%;margin-right:4%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.telephone') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-numtel" name="{{ desmer.cddesm }}-numtel" value="{{ desmer.numtel }}" disabled />
                </div>
              </div>
              <div style="width:36%" class="float-left">
                <div class="account-title">{{ mt._('account.customer.telephone.other') }}</div>
                <div class="account-field form-element">
                  <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-numte2" name="{{ desmer.cddesm }}-numte2" value="" disabled />
                </div>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.referent.main') }}</div>
              <div class="account-field form-element"><input type="text" class="form-control readonly" disabled /></div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.referent.other') }}</div>
              <div class="account-field form-element"><input type="text" class="form-control readonly" disabled /></div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.mobilephone') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-numcel" name="{{ desmer.cddesm }}-numcel" value="{{ desmer.numcel }}" disabled />
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4">
              <div class="account-title">{{ mt._('account.customer.fax') }}</div>
              <div class="account-field form-element">
                <input type="text" class="form-control readonly" id="{{ desmer.cddesm }}-numfax" name="{{ desmer.cddesm }}-numfax" value="{{ desmer.numfax }}" disabled />
              </div>
            </div>
          {% if common['sendmaildatavar'] == 1 %}
            <div class="col-12 offset-0 col-md-6 offset-md-6 col-lg-4 offset-lg-0">
              <div class="text-right" style="margin-top:19px;margin-right:-7px">
                <a href="#"
                  data-cddesm="{{ desmer.cddesm }}" data-desvid="{{ desmer.desvid }}" data-tpanag="{{ desmer.tpanag }}" data-cdanag="{{ desmer.cdanag }}"
                  class="btn btn-generic desmer-require-modify">{{ mt._('account.customer.requiremodify') }}</a>
              </div>
            </div>
          {% endif %}
          </div>
        </div>
        {% endfor %}
      {% else %}
        <div class="row account-section">{{ mt._('account.customer.nodestinations') }}</div>
      {% endif %}
      </div>
    {% endif %}

    {% if common['showOrders'] == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_ord %}show active{% endif %}" id="tab_ord">
      {% if error == 'e' %}
      <div class="unsuccess-box mb-10x">
        <div>{{ mt._('_common.regqtm.fileerror')}}</div>
      </div>
      {% endif %}
      {% if common['orders']|length > 0 %}
        {% if session.get('auth')['type'] == 3 %}
        <div class='row account-section pb-20x'>
          <div class='col-4'>
            <div class='account-title text-capitalize'>{{ mt._('_common.filter') }}</div>
            <div class='account-field form-element'><input type='text' class='form-control' id='order-filter' name='order-filter' /></div>
          </div>
          <div class='col-8'>
            <div class='account-title text-capitalize ml-20x'>{{ mt._('_common.status') }}</div>
            <div class="form-element form-select m-0 w-50">
              <label class="form-custom-select">
                <select id="status_type" name="status_type">
                  <option value="0" selected>{{ mt._('_common.allp') }}</option>
                  <option value="5">{{ mt._('account.order.waitingquantity') }}</option>
                  <option value="1">{{ mt._('account.order.provisional') }}</option>
                  {% if common['orderStateMgmt'] %}
                  <option value="6">{{ mt._('account.order.customerconfirmed') }}</option>
                  {% endif %}
                  <option value="2">{{ mt._('account.order.sent') }}</option>
                  <option value="3">{{ mt._('account.order.accepted') }}</option>
                  <option value="4">{{ mt._('account.order.rejected') }}</option>
                </select>
              </label>
            </div>
          </div>
        </div>
        {% endif %}
        <div class="row header-acc-ord">
          <div class="col-ord-nuordc"><div class='d-none d-lg-block float-left pr-5x'>{{ mt._('_common.order') }} </div> #</div>
          <div class="col-ord-anagra">{{ mt._('_common.customer') }}</div>
          <div class="col-ord-dtcrea">{{ mt._('_common.date') }}</div>
          <div class="col-ord-status">{{ mt._('_common.status') }}</div>
          <div class="col-ord-numrow">{{ mt._('_common.rows') }}</div>
          <div class="col-ord-totqty">{{ mt._('_common.quantity') }}</div>
          <div class="col-ord-totprc">{{ mt._('_common.total') }}</div>
          <div class="col-ord-btntls">{{ mt._('_common.actions') }}</div>
          <div class="col-ord-btnrem">&nbsp;</div>
        </div>
        {% for order in common['orders'] if (selectedCustomer == '' or (order['tpanag'] == selectedCustomer['tpanag'] and order['cdanag'] == selectedCustomer['cdanag'])) %}
        <div class="row order-row" data-nuordc="{{ order['nuordc'] }}" data-filter="{{ order['nuordc'] }} {{ order['descri1'] }}" data-status="{{ order['flstat'] }}">
          <div class="col-ord-nuordc">{{ order['nuordc'] }}</div>
          <div class="col-ord-anagra">{{ order['descri1'] }}{% if order['chmod'] == "read" %} ({{ order['descri2'] }}){% endif %}</div>
          <div class="col-ord-dtcrea">{{ order['dtcrea'] }}</div>
          <div class="col-ord-status status sts{{ order['flstat'] }}">
            {% if order['flstat'] == 1 %}{{ mt._('account.order.provisional') }}
            {% elseif order['flstat'] == 2 %}{{ mt._(common['orderStateMgmt'] ? 'account.order.processed' : 'account.order.sent') }}
            {% elseif order['flstat'] == 3 %}{{ mt._('account.order.accepted') }}
            {% elseif order['flstat'] == 4 %}{{ mt._('account.order.rejected') }}
            {% elseif order['flstat'] == 5 %}{{ mt._('account.order.waitingquantity') }}
            {% elseif order['flstat'] == 6 %}{{ mt._('account.order.customerconfirmed') }}
            {% endif %}
          </div>
          <div class="col-ord-numrow">{{ order['num_rows'] }}</div>
          <div class="col-ord-totqty">{{ order['tot_qty'] }}</div>
          <div class="col-ord-totprc">{{ order['tot_prc']|currency }} {{ order['currency'] }}</div>
          <div class="col-ord-btntls nuordc" data-nuordc="{{ order['nuordc'] }}">
            <?php
            $order_date = explode("/", $order['dtcrea']);
            $pdf_name = "order-" . $order['nuordc'] .  "-" . $order_date[2] . $order_date[1] . $order_date[0] . ".pdf";
            //$pdf2_name = "order-" . $order['nuordc'] .  "-" . $order_date[2] . $order_date[1] . $order_date[0] . "-dsc.pdf";
            ?>
            <div class="order-list-btn text-center d-block d-lg-none">
              <a href="#" class="no-deco show-tool-box"><span class="icon"><i class="fa fa-caret-down"></i></span></a>
            </div>
            <div class="row-tool-box">
              <div class="order-list-btn text-center">
                <a href="{{ url('cart/index/' ~ order['nuordc']) }}" class="no-deco">
                  {{ image("img/assets/eye.jpg", "title": mt._('_common.seeorder')) }}
                </a>
              </div>
              {% set isDisabled = order['flstat'] not in [1, 5] or order['chmod'] != 'all' %}
              <div class="order-list-btn text-center {{ isDisabled ? 'disabled' : '' }}">
                <a href="#" class="no-deco modify-order" {{ not isDisabled ? "data-toggle='modal' data-target='.modal-modify-order'" : '' }}>
                  {{ image("img/assets/edit.jpg", "title": mt._('_common.modifyorder')) }}
                </a>
              </div>
              {% set isNotDisabled = (order['flstat'] == 1 or (order['flstat'] not in [2, 3, 4] and isSpecialAgent)) and
                  order['chmod'] == 'all' and (order['tpanag'] != 'CN' or common['CNCanSendOrders']) %}
              <div class="order-list-btn text-center {{ isNotDisabled ? '' : 'disabled' }}">
              {% if order['is_sendable'] %}
                {% if order['flstat'] == 2 or order['flstat'] == 3 or order['flstat'] == 4 or order['is_available'] %}
                <a href="#" class="no-deco send-order" {{ isNotDisabled ? "data-toggle='modal' data-target='.modal-send-order'" : '' }}>
                  {{ image("img/assets/send.jpg", "title": mt._(common['orderStateMgmt'] ? '_common.confirm' : '_common.sendorder')) }}
                </a>
                {% else %}
                <i class="fa fa-exclamation font-weight-bold red-mark" data-toggle="tooltip" title="{{ mt._('order.nolongeravailable') }}"></i>
                {% endif %}
              {% else %}
                <i class="fa fa-exclamation font-weight-bold red-mark" data-toggle="tooltip" title="{{ mt._('order.noprices') }}"></i>
              {% endif %}
              </div>
              {% if common['canEditXls'] == 1 %}
              <div class="order-list-btn text-center">
                {% if isDisabled %}
                <a href="#" class="no-deco download-xls-order">
                  {{ image("img/assets/xls.jpg", "title": mt._('order.xls.download')) }}
                </a>
                {% else %}
                <a href="#" class="no-deco xls-order" data-toggle='modal' data-target='.modal-xls-order'>
                  {{ image("img/assets/xls.jpg", "title": mt._('_common.modifyorder.xls')) }}
                </a>
                {% endif %}
              </div>
              {% endif %}

              <div class="order-list-btn text-center">
                <a href="{{ tab != '' ? '../' : '' }}../pdf/{{ pdf_name }}" class="no-deco link-pdf" target="_blank"></a>
                {{ image("img/assets/pdf.jpg", "title": pdf_name, "class": "see-pdf") }}
              </div>
              <div class="order-list-btn text-center delete-order-mobile {% if order['flstat'] != 1 or order['chmod'] != 'all' %}hide-tool{% endif %}">
              {% if (order['flstat'] == 1 or order['flstat'] == 5) and order['chmod'] == 'all' %}
                <a href="#" class="no-deco delete-order" data-toggle='modal' data-target='.modal-cancel-order' data-nuordc="{{ order['nuordc'] }}">
                  <span class="icon" data-toggle="tooltip" title="{{ mt._('_common.cancelorder') }}"><i class="fa fa-times"></i></span>
                </a>
              {% else %}&nbsp;{% endif %}
              </div>
            </div>
          </div>
          <div class="col-ord-btnrem delete-order-desktop">
          {% if (order['flstat'] == 1 or order['flstat'] == 5) and order['chmod'] == 'all' %}
            <a href="#" class="no-deco delete-order" data-toggle='modal' data-target='.modal-cancel-order' data-nuordc="{{ order['nuordc'] }}">
              <span class="icon" data-toggle="tooltip" title="{{ mt._('_common.cancelorder') }}"><i class="fa fa-times"></i></span>
            </a>
          {% else %}
            <span>&nbsp;</span>
          {% endif %}
          </div>
        </div>
        {% endfor %}
      {% endif %}

      </div>
    {% endif %}

    {% if common['returnsmngmt'] == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_exc %}show active{% endif %}" id="tab_exc">CAMBIO MERCI -- puoi farlo? {{ common['returnsmngmt'] }}</div>
    {% endif %}

    {% if common['showDeadlines'] == 1 %}
      <div role="tabpanel" class="tab-pane account-tab fade {% if active_tic %}show active{% endif %}" id="tab_tic">

      {% if common['deadlines']|length > 0 %}
        {% if session.get('auth')['type'] == 3 %}
          {% set numdoc = 0 %}
          {% set totdoc = 0 %}
          {% set scadra = 0 %}
          {% set scadut = 0 %}
          {% for gopart in common['deadlines'] %}
            {% set numdoc = numdoc + gopart['numdoc'] %}
            {% set totdoc = totdoc + gopart['totdoc'] %}
            {% set scadra = scadra + gopart['scadra'] %}
            {% set scadut = scadut + gopart['scadut'] %}
          {% endfor %}
        <div id="deadlines-list-container">
          <div class="row font-weight-bold m-0 pb-20x">
            <div class="col-tic-hdr"><span class="text-custom">{{ mt._('_common.total') }}:</span> {{ totdoc|currency }} {{ common['currency'] }}</div>
            <div class="col-tic-hdr"><span class="text-custom">{{ mt._('account.expiring') }}:</span> {{ scadra|currency }} {{ common['currency'] }}</div>
            <div class="col-tic-hdr"><span class="text-custom">{{ mt._('account.expired') }}:</span> <span class="text-danger">{{ scadut|currency }} {{ common['currency'] }}</span></div>
            <div class="col-tic-hdr"><span class="text-custom">{{ mt._('_common.document.num') }}:</span> {{ numdoc }}</div>
            <div class="col-tic-hdr"><span class="text-custom">{{ mt._('_common.customers') }}:</span> {{ common['deadlines']|length }}</div>
          </div>

          <div class='row account-section pb-20x'>
            <div class='col-6 col-lg-4'>
              <div class='account-title text-capitalize'>{{ mt._('_common.filter') }}</div>
              <div class='account-field form-element'><input type='text' class='form-control' id='deadline-filter' name='deadline-filter' /></div>
            </div>
          </div>

          <div class="row header-acc-tic">
            <div class="col-tic-cus">{{ mt._('_common.customer') }}</div>
            <div class="col-tic-num">{{ mt._('_common.document.num') }}</div>
            <div class="col-tic-tot">{{ mt._('_common.amount') }}</div>
            <div class="col-tic-top">{{ mt._('_common.topay') }}</div>
            <div class="col-tic-exp">{{ mt._('_common.expired') }}</div>
            <div class="col-tic-det"></div>
          </div>
          {% for gopart in common['deadlines'] %}
          <div class="row deadline-row {{ loop.last ? 'mb-50x' : '' }}" data-filter="{{ gopart['descri'] }}">
            <div class="col-tic-cus">{{ gopart['cdanag'] }} - {{ gopart['descri'] }}</div>
            <div class="col-tic-num">{{ gopart['numdoc'] }}</div>
            <div class="col-tic-tot">{{ gopart['totdoc']|currency }} {{ common['currency'] }}</div>
            <div class="col-tic-top">{{ gopart['scadra']|currency }} {{ common['currency'] }}</div>
            <div class="col-tic-exp">{{ gopart['scadut']|currency }} {{ common['currency'] }}</div>
            <div class="col-tic-det"><a href="#" class="detail-deadline" data-tpanag="{{ gopart['tpanag'] }}" data-cdanag="{{ gopart['cdanag'] }}" data-descri="{{ gopart['descri'] }}">{{ mt._('_common.detail') }}</a></div>
          </div>
          {% endfor %}
        </div>

        <div id="detail-deadline-container" style="display:none">
          <div class="row m-0 pb-20x">
            <div class="col-8 font-weight-bold">{{ mt._('_common.customer') }}<br/><span class="text-custom" id="detail-customer"></span></div>
            <div class="col-4 text-right"><a href="#" class="pointer" style="color:black" id="back-to-tickler">{{ mt._('account.backtotickler') }}</a></div>
          </div>

          <div class="row m-0 pb-20x">
            <div class="col-12 col-md-8 col-lg-9 font-weight-bold text-uppercase">
              <div>{{ mt._('account.openitems') }}</div>
              <div class="col-tic-hdr2"><span class="text-custom">{{ mt._('_common.total') }}:</span> <span id="detail-total"></span></div>
              <div class="col-tic-hdr2"><span class="text-custom">{{ mt._('account.expiring') }}:</span> <span id="detail-expiring"></span></div>
              <div class="col-tic-hdr2"><span class="text-custom">{{ mt._('account.expired') }}:</span> <span id="detail-expired" class="text-danger"></span></div>
              <div class="title-separator"></div>
            </div>
            <div class="d-none d-md-block col-md-4 col-lg-3 text-right">
              <a id="pdf-tickler" href="{{ url('pdf/tickler') }}" target="_blank" class="btn btn-generic mt-0">{{ mt._('account.pdftickler') }}</a>
            </div>
          </div>

          <div class="row header-acc-tic">
            <div class="col-det-dct">{{ mt._('_common.documenttype') }}</div>
            <div class="col-det-doc">{{ mt._('_common.document') }} #</div>
            <div class="col-det-dat">{{ mt._('_common.date') }}</div>
            <div class="col-det-not">{{ mt._('_common.notes') }}</div>
            <div class="col-det-pay">{{ mt._('_common.payment.cond') }}</div>
            <div class="col-det-amt">{{ mt._('_common.amount') }}</div>
            <div class="col-det-top">{{ mt._('_common.topay') }}</div>
            <div class="col-det-ddl">{{ mt._('_common.deadline') }}</div>
            <div class="col-det-exp">{{ mt._('_common.expired.by') }}</div>
          </div>

          <div id="detail-deadlines-list">
          </div>

        </div>

        {% else %}
          {% set toExpire = 0 %}
          {% set expired = 0 %}
          {% for gopart in common['deadlines'] %}
            {% if gopart.expired > 0 %}
              {% set expired = expired + gopart.impsca %}
            {% else %}
              {% set toExpire = toExpire + gopart.impsca %}
            {% endif %}
          {% endfor %}
        <div class="row m-0">

          <div class="col-9 font-weight-bold text-uppercase">
            <div>{{ mt._('account.openitems') }}</div>
            <div class="float-left mr-50x"><span class="text-custom">{{ mt._('_common.total') }}:</span> {{ (expired + toExpire)|currency }} {{ common['deadlines'][0].valuta }}</div>
            <div class="float-left mr-50x"><span class="text-custom">{{ mt._('account.expiring') }}:</span> {{ toExpire|currency }} {{ common['deadlines'][0].valuta }}</div>
            <div class="float-left mr-50x"><span class="text-custom">{{ mt._('account.expired') }}:</span> <span class="text-danger">{{ expired|currency }} {{ common['deadlines'][0].valuta }}</span></div>
            <div class="title-separator"></div>
          </div>
          <div class="col-3 text-right">
            <a href="{{ url('pdf/tickler') }}" target="_blank" class="btn btn-generic mt-0">{{ mt._('account.pdftickler') }}</a>
          </div>
        </div>

        <div class="row header-acc-tic">
          <div class="col-det-dct">{{ mt._('_common.documenttype') }}</div>
          <div class="col-det-dot">{{ mt._('_common.document') }} #</div>
          <div class="col-det-dat">{{ mt._('_common.date') }}</div>
          <div class="col-det-not">{{ mt._('_common.notes') }}</div>
          <div class="col-det-pay">{{ mt._('_common.payment.cond') }}</div>
          <div class="col-det-amt">{{ mt._('_common.amount') }}</div>
          <div class="col-det-top">{{ mt._('_common.topay') }}</div>
          <div class="col-det-ddl">{{ mt._('_common.deadline') }}</div>
          <div class="col-det-exp">{{ mt._('_common.expired.by') }}</div>
        </div>
          {% set prev_gopart = '' %}
          {% for gopart in common['deadlines'] %}
        <div class="row detail-row"
          style="{% if loop.index != 1 and gopart.numdoc != prev_gopart.numdoc %}border-top:1px #eee solid;{% endif %}
          {% if loop.last %}border-bottom:1px #eee solid;margin-bottom:50px{% endif %}">
          <div class="col-det-dct">{{ loop.index == 1 or gopart.numdoc != prev_gopart.numdoc ? gopart.tipdoc : '&nbsp;' }}</div>
          <div class="col-det-dot">
            {% if loop.index == 1 or gopart.numdoc != prev_gopart.numdoc %}
            <span class="my-tooltip" data-toggle="tooltip"
              title="{% if session.get('language') == 'it' %}{{ gopart.des_it }}
              {% elseif session.get('language') == 'en' %}{{ gopart.des_en }}
              {% elseif session.get('language') == 'fr' %}{{ gopart.des_fr }}
              {% elseif session.get('language') == 'es' %}{{ gopart.des_es }}{% elseif session.get('language') == 'de' %}{{ gopart.des_de }}{% endif %}">
              {{ gopart.numdoc }}</span>
            {% else %}
            &nbsp;
            {% endif %}
          </div>
          <div class="col-det-dat">{{ loop.index == 1 or gopart.numdoc != prev_gopart.numdoc ? gopart.datdoc : '&nbsp;' }}</div>
          <div class="col-det-not">
            {% if gopart.notpar != '' and gopart.notpar != ' ' %}
            <span class="my-tooltip" data-toggle="tooltip" title="{{ gopart.notpar }}">{{ mt._('_common.see') }}</span>
            {% else %}
            &nbsp;
            {% endif %}
          </div>
          <div class="col-det-pay">{{ loop.index == 1 or gopart.numdoc != prev_gopart.numdoc ? gopart.despag : '&nbsp;' }}</div>
          <div class="col-det-amt">{{ loop.index == 1 or gopart.numdoc != prev_gopart.numdoc ? gopart.impdoc|currency ~ ' ' ~ gopart.valuta : '&nbsp;' }}</div>
          <div class="col-det-top {{ gopart.expired > 0 ? 'text-danger' : '' }}">{{ gopart.impsca|currency }} {{ gopart.valuta }}</div>
          <div class="col-det-ddl">{ gopart.datsca }}</div>
          <div class="col-det-exp text-danger">{{ gopart.expired > 0 ? gopart.expired ~ ' ' ~ mt._('_common.days') : '&nbsp;' }}</div>
        </div>
            {% set prev_gopart = gopart %}
          {% endfor %}
        {% endif %}
      {% endif %}
      </div>
    {% endif %}
    </div><!-- .tab-content -->
  {% endif %}
  </div>
</div>

<!-- Modal for send order -->
<div class="modal fade modal-send-order" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <input type="hidden" id="order-to-send" name="order-to-send" value="">

      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('_common.sendorder') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>

      <div class="modal-body">
        <div class="modal-section pb-10x">
          {{ mt._('_common.sendorder.warning1') }} <span id="order-to-send-txt"></span>.<br/>{{ mt._('_common.sendorder.warning2') }}
        </div>
      </div>

      <div class="modal-footer">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-generic" data-dismiss="modal">{{ mt._('_common.close') }}</button></div>
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-main" id="confirm-send-order" data-action="">{{ mt._('_common.confirm') }}</button></div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<!-- Modal for modify order -->
<div class="modal fade modal-modify-order" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <input type="hidden" id="order-to-modify" name="order-to-modify" value="">

      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('_common.modifyorder') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>

      <div class="modal-body">
        <div class="modal-section pb-10x">
          {{ mt._('_common.modifyorder.warning1') }} <span id="order-to-modify-txt"></span>.<br/>{{ mt._('_common.modifyorder.warning2') }}
        </div>
      </div>

      <div class="modal-footer">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-generic" data-dismiss="modal">{{ mt._('_common.close') }}</button></div>
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-main" id="confirm-modify-order" data-action="">{{ mt._('_common.confirm') }}</button></div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<!-- Modal for cancel order -->
<div class="modal fade modal-cancel-order" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <input type="hidden" id="order-to-delete" name="order-to-delete" value="">

      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('_common.cancelorder') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>

      <div class="modal-body">
        <div class="modal-section pb-10x">
          {{ mt._('_common.cancelorder.warning1') }} <span id="order-to-delete-txt"></span>.<br/>{{ mt._('_common.cancelorder.warning2') }}
        </div>
      </div>

      <div class="modal-footer">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-generic" data-dismiss="modal">{{ mt._('_common.close') }}</button></div>
            <div class="col-6 col-lg-4"><button type="button" class="btn btn-main" id="confirm-cancel-order" data-action="">{{ mt._('_common.confirm') }}</button></div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>