<div class="x_panel">
  <div class="x_title">
    <h2>{{ mt._('admin.menu.specialselections') }}</h2>
    <div class="clearfix"></div>
  </div>

  <div class="x_content">
    <div class="row">
      <div class="col-md-12 form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" style="text-align:right;line-height:34px">{{ mt._('admin.selectcatalog') }}</label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <select class="select2_single form-control" id="select-catalog" tabindex="-1">
            <option value="none"> </option>
            {% for catalog in catalogs %}
            <option value="{{ catalog.cdcata }}">{{ catalog.cdcata }} - {{ catalog.dscata }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="col-md-12 mt-20x" id="selections-container" style="display:none">
        <table id='table-selections' class="table table-striped table-bordered">
          <thead>
            <tr>
              <th class="no-sort">{{ mt._('_common.code') }}</th>
              <th>{{ mt._('_common.description') }}</th>
              <th>{{ mt._('_common.status') }}</th>
              <th>{{ mt._('_common.products') }}</th>
              <th class="no-sort"></th>
            </tr>
          </thead>

          <tbody>

          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<!-- Modal for new selection -->
<div class="modal fade bs-modal-new-selection" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm" style="width:50%">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{{ mt._('close') }}"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel2">{{ mt._('admin.specialselections.new') }}</h4>
      </div>
      <div class="modal-body">
        <div class="row" style="padding-bottom:10px">
          <div class="col-md-12 bold text-center mb-30x">{{ mt._('_common.description') }}</div>
          <label for="new-des-it" class="control-label col-md-4 col-sm-4 col-xs-12 capitalize text-right mb-10x" style="line-height:34px">{{ mt._('_common.lang.it') }}</label>
          <div class="col-md-8 col-sm-8 col-xs-12 mb-10x"><input type="text" id="new-des-it" name="new-des-it" class="form-control" maxlength="60" size="60"></div>
          <label for="new-des-en" class="control-label col-md-4 col-sm-4 col-xs-12 capitalize text-right mb-10x" style="line-height:34px">{{ mt._('_common.lang.en') }}</label>
          <div class="col-md-8 col-sm-8 col-xs-12 mb-10x"><input type="text" id="new-des-en" name="new-des-en" class="form-control" maxlength="60" size="60"></div>
          <label for="new-des-es" class="control-label col-md-4 col-sm-4 col-xs-12 capitalize text-right mb-10x" style="line-height:34px">{{ mt._('_common.lang.es') }}</label>
          <div class="col-md-8 col-sm-8 col-xs-12 mb-10x"><input type="text" id="new-des-es" name="new-des-es" class="form-control" maxlength="60" size="60"></div>
          <label for="new-des-fr" class="control-label col-md-4 col-sm-4 col-xs-12 capitalize text-right mb-10x" style="line-height:34px">{{ mt._('_common.lang.fr') }}</label>
          <div class="col-md-8 col-sm-8 col-xs-12 mb-10x"><input type="text" id="new-des-fr" name="new-des-fr" class="form-control" maxlength="60" size="60"></div>
          <label for="new-des-de" class="control-label col-md-4 col-sm-4 col-xs-12 capitalize text-right mb-10x" style="line-height:34px">{{ mt._('_common.lang.de') }}</label>
          <div class="col-md-8 col-sm-8 col-xs-12 mb-10x"><input type="text" id="new-des-de" name="new-des-de" class="form-control" maxlength="60" size="60"></div>
        </div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-md-6">
            <button type="button" class="btn btn-default left-btn w-50" data-dismiss="modal">{{ mt._('_common.close') }}</button>
          </div>
          <div class="col-md-6">
            <button type="button" class="btn btn-primary right-btn w-50" id="save-selection">{{ mt._('_common.save') }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal for delete selection -->
<div class="modal fade modal-delete-selection" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm w-30">
    <div class="modal-content">
      <input type="hidden" id="modal-sstest-cdspsl" name="modal-sstest-cdspsl"/>
      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('admin.specialselections.delete') }}</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="row center"><div class='col-md-12 modal-section-title'>{{ mt._('admin.specialselections.warning') }}</div></div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-default left-btn w-50" data-dismiss="modal">{{ mt._('_common.close') }}</button>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary right-btn w-50 capitalize" id="delete-sstest" data-action="">{{ mt._('_common.delete') }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
