<div class="modal fade modal-new-order px-0" id="modal-new-order" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" style="max-width:unset">
    <div class="modal-content" style="background-color:transparent;border:0">
      <input type="hidden" id="row-index-info" value=""/>
      <div class="mt-40x" style="background-color:transparent;border:none;display:flex">
        <h4 class="new-order-title">
          {{ session.get('auth')['type'] != 3 or common['customers']|length > 0
            ? (common['popup'] ? mt._('user.menu.neworder.title2') : mt._('user.menu.neworder.title'))
            : mt._('order.error.nocustomers') }}
        </h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times_grey.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
    {% if session.get('auth')['type'] != 3 or common['customers']|length > 0 %}
      <div class="d-none d-md-block" style="background-color:transparent;border:none;text-align:center">
        <span class="new-order-title" >
          {{ common['popup'] ? mt._('user.menu.neworder.title2.sub') : mt._('user.menu.neworder.title.sub') }}
        </span>
      </div>

      <div class="modal-body modal-body-new-order">
        <div class="row new-order-section">

          <div class="col-12 col-lg-3 new-order-label">{{ mt._('order.type') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="order_type" id="order_type" {{ common['orderTypeChoice'] != 2 and common['enableXlsOrder'] not in [1, 3] ? 'disabled' : '' }}>
                {# ORDER TYPE: reservation #}
                {% if common['orderTypeChoice'] != 1 %}
                  {% set checked = (common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3) and common['orderTypeChoice'] == 0 ? 'checked' : '' %}
                  <option value="res" {{ common['orderTypeChoice'] == 0 or common['defaultOrderType'] == 0 ? 'selected' : '' }}>{{ mt._('order.reservation') }}</option>
                {% endif %}

                {# ORDER TYPE: availability #}
                {% if common['orderTypeChoice'] != 0 %}
                  <option value="ava" {{ common['orderTypeChoice'] == 1 or common['defaultOrderType'] == 1 ? 'selected' : '' }}>{{ mt._('order.availability') }}</option>
                {% endif %}

                {# ORDER TYPE: xls #}
                {% if common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3 %}
                  <option value="xls">{{ mt._('order.xls') }}</option>
                {% endif %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>

          {# Reservation Order Sub-Menu #}
          {% if common['orderTypeChoice'] == 0 or common['orderTypeChoice'] == 2 %}
          <div class="col-12 col-lg-9 offset-lg-3" id="reservation-order-submenu" {% if common['orderTypeChoice'] == 0 %}style="display:block"{% endif %}>
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="reservation_order_type" id="reservation_order_type">
                  <option value="new">{{ mt._('order.new') }}</option>
                  <option value="dup">{{ mt._('order.duplicate') }}</option>
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
          {# Orders list (for duplicate order) #}
          <div class="col-12 col-lg-3 new-order-label reservation-new-order-submenu">{{ mt._('order.ordertoduplicate') }}</div>
          <div class="col-12 col-lg-9 reservation-new-order-submenu">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="old_orders" id="old_orders" class="selectpicker" data-live-search="true">
                {% for octest in common['old_orders'] %}
                  <option value="{{ octest.nuordc }}">{{ octest.nuordc }}{{ octest.dtmcli != '' ? ' - ' ~ octest.dtmcli : '' }} - {{ octest.descri }} - {{ octest.dscata }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
          {% endif %}

          {# Xls Order Sub-Menu #}
          {% if common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3 %}
          <div class="col-12 col-lg-9 offset-lg-3" id="xls-order-submenu" style="display:none">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="xls_order_type" id="xls_order_type">
                  <option value="dow">{{ mt._('order.template.download') }}</option>
                  <option value="upl">{{ mt._('order.upload.completed') }}</option>
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
          {% endif %}
        </div>

        <div class="row new-order-section default-info" id="catalog-section">
          {# Catalogs list #}
          <div class="col-12 col-lg-3 new-order-label">{{ mt._('order.selectcatalog') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="catalog" id="catalog-selector">
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>

          {# Labels list #}
          {% if common['chooseLabel'] == 1 and common['labels']|length > 0 %}
          <div class="col-12 col-lg-3 new-order-label">{{ mt._('order.selectlabel') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="label" id="label-selector">
                {% for anaeti in common['labels'] %}
                  <option class="label_selector" data-cdcata="{{ anaeti.cdcata }}" value="{{ anaeti.cdetic }}"
                    {{ anaeti.cdcata is defined and anaeti.cdcata != common['catalogs'][0].cdcata ? 'style="display:none"' : '' }}>{{ anaeti.dsetic }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
          {% endif %}
        </div>

        {% if session.get('auth')['type'] == 3 or (session.get('auth')['type'] == 4 and common['destinations']|length > 0) %}
        <div class="row new-order-section default-info">
          {# Customers list #}
          {% if session.get('auth')['type'] == 3 %}
          <div class="col-12 col-lg-3 new-order-label">{{ mt._('order.selectcustomer') }}</div>
          <div class="col-12 col-lg-9">
            <select name="customer" id="customer-selector" class="selectpicker" data-live-search="true">
              {% for anagra in common['customers'] %}
              {{ elements.getCustomerOptionForNewOrder(loop.index, anagra) }}
              {% endfor %}
            </select>
          </div>
          {% endif %}

          {# Destinations list #}
          {% if common['destinations']|length > 0 %}
          <div class="col-12 col-lg-3 new-order-label row-destinations">{{ mt._('order.selectdestination') }}</div>
          <div class="col-12 col-lg-9 row-destinations">
            <div class="form-element form-select">
            {% if session.get('auth')['type'] == 3 %}

              {% set curr_tpanag = common['destinations'][0].tpanag %}
              {% set curr_cdanag = common['destinations'][0].cdanag %}
              {{ elements.openDestinationSelector(false, curr_tpanag, curr_cdanag) }}

              {% for desmer in common['destinations'] %}
                {% if curr_tpanag != desmer.tpanag or curr_cdanag != desmer.cdanag %}
                  {{ elements.closeDestinationSelector() }}

                  {% set curr_tpanag = desmer.tpanag %}
                  {% set curr_cdanag = desmer.cdanag %}
                  {{ elements.openDestinationSelector(true, curr_tpanag, curr_cdanag) }}
                {% endif %}

                {{ elements.getDestinationOption(desmer) }}
              {% endfor %}

              {{ elements.closeDestinationSelector() }}

            {% elseif session.get('auth')['type'] == 4 %}

              <label class="form-custom-select">
                <select name="destination" id="destination-selector">
                {% if common['customers']|length > 0 %}
                  <option class="destination_selector" value="">
                    {{ mt._('_common.address.main') }} - {{ mt._('account.customer.businessname') }}
                  </option>
                {% endif %}
                {% for desmer in common['destinations'] %}
                  <option class="destination_selector" value="{{ desmer.cddesm }}">{{ desmer.desvid }} - {{ elements.printAddress(desmer) }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>

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

        {% if session.get('auth')['type'] == 3 and common['choosePriceList'] %}
        <div class="row new-order-section default-info">
          <div class="col-12 col-lg-3 new-order-label">{{ mt._('order.selectpricelist') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="pricelist" id="pricelist-selector">
                {% set defautPricelist = common['customers']|length > 0 ? common['customers'][0].nulist : '' %}
                {% for priceList in common['priceLists'] %}
                  <option value="{{ priceList.nulist }}" {{ priceList.nulist == defautPricelist ? 'selected' : '' }}>{{ priceList.nulist }} - {{ priceList.dslist }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
        </div>
        {% endif %}

        {% if common['manageIndicative'] > 0 %}
        <div class="row new-order-section default-info">
          <div class="col-12 col-lg-3 new-order-label">{{ common['indicativeText'] == 0 ? mt._('order.selectindicative') : mt._('order.selectordertype') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="indicative" id="indicative-selector">
              {% if session.get('auth')['type'] == 4 %}
                {% for indicative in common['indicatives'] %}
                  {% if common['customers'][0].default_tpindo == '' or common['customers'][0].default_tpindo == indicative.tpindo %}
                  {% set isSelected = common['customers'][0].default_tpindo == indicative.tpindo or loop.index0 == 0 %}
                  <option value="{{ indicative.tpindo }}" {{ isSelected ? "selected" : '' }}>{{ indicative.dsindo }}</option>
                  {% endif %}
                {% endfor %}
              {% else %}
                {% if common['manageIndicative'] == 1 %}
                  <option value="unassigned">&nbsp;</option>
                {% endif %}
                {% for indicative in common['indicatives'] %}
                  {% set isSelected = common['modelDetailStyle'] == 3 and common['zanDefaultInd'] == indicative.tpindo %}
                  <option value="{{ indicative.tpindo }}" {{ isSelected ? "selected" : '' }}>{{ indicative.dsindo }}</option>
                {% endfor %}
              {% endif %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
        </div>
        {% endif %}

        {# Delivery #}
        {% if common['hideDeliveryDate'] != 1 %}
        <div class="row new-order-section default-info" {{ common['doubleRowsNewOrder'] == 0 ? 'style="border:0"' : '' }}>
          <div class="col-12 col-lg-3 new-order-label text-capitalize">{{ mt._('_common.delivery') }}</div>
          <div class="col-12 col-lg-9 descr">
          {# Dates for reservation #}
          {% if common['orderTypeChoice'] == 0 or common['orderTypeChoice'] == 2 %}
            {% if common['dateTypeResOrder'] < 2 %}
            {# Use periods #}
            <div class="form-element form-select per-res">
              <label class="form-custom-select">
                <select id="per-res" name="period">
                  <option value="0000-00-00"></option>
                {% for scacon in common['periods'] %}
                  <option value="{{ scacon.dtmcli }}">{{ scacon.dsscad }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
            {% elseif common['dateTypeResOrder'] < 4 %}
            <div class="row form-element frd-res mx-0">
              {# Use free date #}
              <div class="col-10 px-0"><input type="text" class="datepicker datepicker-new-order" name="frd-res" id="frd-res" value=""></div>
              <div class="col-2 new-order-calendar"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></div>
            </div>
            {% elseif common['dateTypeResOrder'] < 5 %}
            <div class="row form-element frd-res mx-0" >
              {# Use period free date #}
              <div class="col-10 px-0"><input type="text" class="datepicker datepicker-new-order" id="frd-res" value=""></div>
              <div class="col-2 new-order-calendar"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></div>
            </div>
            {% else %}
            {# Use periods 2 steps #}
            <div class="form-element form-select per-res">
              <label class="form-custom-select">
                <select id="per-res-step-1" name="period">
                {% for scacon in common['periods'] %}
                  <option value="{{ scacon['tpcond'] }}" {{ loop.first ? 'selected' : '' }}>{{ scacon['dsscad'] }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
            {% endif %}
          {% endif %}

          {# Dates for availability #}
          {% set display = common['orderTypeChoice'] == 2 ? 'style="display:none"' : '' %}
          {% if common['orderTypeChoice'] == 1 or common['orderTypeChoice'] == 2 %}
            {% if common['dateTypeAvaOrder'] < 2 %}
            <div class="form-element form-select per-ava" {{ display }}>
              <label class="form-custom-select">
                {# Use periods #}
                <select id="per-ava" name="period">
                  <option value="0000-00-00"></option>
                {% for scacon in common['periods'] %}
                  <option value="{{ scacon.dtmcli }}">{{ scacon.dsscad }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
            {% elseif common['dateTypeAvaOrder'] < 4 %}
            <div class="row form-element frd-ava mx-0" {{ display }}>
              {# Use free date #}
              <div class="col-10 px-0"><input type="text" class="datepicker datepicker-new-order" id="frd-ava" value=""></div>
              <div class="col-2 new-order-calendar"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></div>
            </div>
            {% else %}
            {# Use fixed date #}
            <div class="fxd-ava" {{ display }}>
              <span id="fxd-ava"><?php echo date("d/m/Y", strtotime("+" . $common['dateOffset'] . " day")); ?></span>
            </div>
            {% endif %}
          {% endif %}

          {# Dates for xls #}
          {% if common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3 %}
            {% if common['dateTypeResOrder'] < 2 %}
            {# Use periods #}
            <div class="form-element form-select per-xls" style="display:none">
              <label class="form-custom-select">
                <select id="per-xls" name="period">
                  <option value="0000-00-00"></option>
                {% for scacon in common['periods'] %}
                  <option value="{{ scacon.dtmcli }}">{{ scacon.dsscad }}</option>
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
            {% else %}
            <div class="row form-element frd-xls mx-0" style="display:none">
              {# Use free date #}
              <div class="col-10 px-0"><input type="text" class="datepicker datepicker-new-order" id="frd-xls" value=""></div>
              <div class="col-2 new-order-calendar"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></div>
            </div>
            {% endif %}
          {% endif %}
          </div>

          {% if common['dateTypeResOrder'] == 5 %}
          <div class="col-12 col-lg-3">&nbsp;</div>
          <div class="col-12 col-lg-9 descr">
            <div class="form-element form-select per-res" {{ display }}>
              <label class="form-custom-select">
                <select id="per-res" name="period">
                {% for scacon in common['periods'] %}
                  {% set externalIsFirst = loop.first %}
                  {% for date in scacon['secondStep'] %}
                  <option value="{{ date }}" data-tpcond="{{ scacon['tpcond'] }}" {{ loop.first and externalIsFirst ? 'selected' : '' }} {{ externalIsFirst ? '' : 'style="display:none"' }}>
                    {{ date('d/m/Y', strtotime(date)) }}
                  </option>
                  {% endfor %}
                {% endfor %}
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
          {% endif %}
        </div>
        {% endif %}

        {# Xls upload info #}
        {% if common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3 %}
        <div class="row xls-upload-info" style="display:none">
          <div class="col-12 text-center" style="margin-top:20px;color:white;font-size:15px">
            <form action="{{ url('excel/uploadCompiledXlsTemplateForNewOrder') }}"  method="post" enctype="multipart/form-data" id="load-template">
              <input type="file" name="file" id="file">
            </form>
          </div>
        </div>
        {% endif %}

        {% if common['doubleRowsNewOrder'] == 1 %}
        <div class="row new-order-section default-info" style="border:0">
          <div class="col-12 col-lg-3 new-order-label">{{ mt._('_common.doublerows') }}</div>
          <div class="col-12 col-lg-9">
            <div class="form-element form-select">
              <label class="form-custom-select">
                <select name="doublerows" id="doublerows-selector">
                  <option value="0">Wholesale</option>
                  <option value="1">Retail</option>
                </select>
                <span class="pointer"><i class="fa fa-caret-down"></i></span>
              </label>
            </div>
          </div>
        </div>
        {% endif %}

        {# Action buttons #}
        {% if session.get('auth')['type'] != 3 or common['customers']|length > 0 %}
        <div class="row text-center mt-40x">
          <div class="col">
            <a href="#" id="create-order" class="btn btn-generic mt-0 w-50">
              {{ common['popup'] ? mt._('user.menu.neworder.title2.btn') : mt._('_common.confirm') }}
            </a>
            {% if common['enableXlsOrder'] == 1 or common['enableXlsOrder'] == 3 %}
            <a href="#" id="download-template" class="btn btn-generic mt-0 w-50" style="display:none">{{ mt._('order.template.download') }}</a>
            <a href="#" id="load-order" class="btn btn-generic mt-0 w-50" style="display:none">{{ mt._('order.upload') }}</a>
            {% endif %}
          </div>
        </div>
        {% endif %}

        {# Missing date error #}
        <div class="row">
          <div class="col-12 msg-error dtmcli-error text-center pr-30x pb-15x" style="color:white">{{ mt._('_common.dtmcli.mandatory') }}</div>
        </div>
      </div>
    {% endif %}
    </div>
  </div>
</div>
