
<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2>{{ mt._('admin.menu.quantityrules') }}</h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="row">
              <div class="col-md-2 col-sm-12 col-xs-12 right bold capitalize pt-10x">{{ mt._('_common.catalogs') }}</div>
              <div class="col-md-4 col-sm-12 col-xs-12">
                <select class="selectpicker" id="catalogs-select" name="catalogs" multiple data-actions-box="true">
                {% for catalog in catalogs %}
                  <option value="{{ catalog.cdcata }}">{{ catalog.cdcata }} - {{ catalog.dscata }}</option>
                {% endfor %}
                </select>
              </div>
              <div class="col-md-2 col-sm-12 col-xs-12 right bold capitalize pt-10x">{{ mt._('_common.lines') }}</div>
              <div class="col-md-4 col-sm-12 col-xs-12">
                <select class="selectpicker" id="lines-select" name="lines" multiple data-actions-box="true">
                {% for line in lines %}
                  <option value="{{ line.cdlinm }}">{{ line.dstitl }} - {{ line.dslinm }}</option>
                {% endfor %}
                </select>
              </div>
            </div>
          </div>
        </div>

        <div class="row pt-25x">
          <div class="col-md-6 col-sm-6 col-xs-6">&nbsp;</div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary right-btn w-30" id="load-items">{{ mt._('_common.load') }}</button>
          </div>
        </div>

        <div class="row pt-25x">
          <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
            <li role="presentation" class="active">
              <a href="#tab_content_models" data-anchor="tab_content_models" id="tab_models" role="tab" data-toggle="tab" aria-expanded="true">{{ mt._('_common.models') }}</a>
            </li>
{#
            <li role="presentation">
              <a href="#tab_content_articles" data-anchor="tab_content_articles" id="tab_articles" role="tab" data-toggle="tab" aria-expanded="false">{{ mt._('_common.articles') }}</a>
            </li>
#}
          </ul>

          <div class="row py-10x">
            <div class="col-md-6 col-sm-6 col-xs-6">&nbsp;</div>
            <div class="col-md-6 col-sm-6 col-xs-6">
              <button type="button" class="btn btn-primary right-btn w-30 save-rules">{{ mt._('_common.save') }}</button>
            </div>
          </div>

          <div id="myTabContent" class="tab-content">
            <div role="tabpanel" class="tab-pane fade active in" id="tab_content_models" aria-labelledby="tab_models">
              <table id="table-model" class="table table-striped table-bordered w-100">
                <thead>
                  <tr>
                    <th>{{ mt._('_common.code.model') }}</th>
                    <th>{{ mt._('_common.description.model') }}</th>
                    <th>{{ mt._('admin.quantityrules.size.min') }}</th>
                    <th>{{ mt._('admin.quantityrules.size.mul') }}</th>
                    <th>{{ mt._('admin.quantityrules.row.min') }}</th>
                    <th>{{ mt._('admin.quantityrules.row.mul') }}</th>
                  </tr>
                </thead>
                <tbody>

                </tbody>
              </table>
            </div>
{#
            <div role="tabpanel" class="tab-pane fade" id="tab_content_articles" aria-labelledby="tab_articles">
              <table id="table-article" class="table table-striped table-bordered w-100">
                <thead>
                  <tr>
                    <th>{{ mt._('_common.code.article') }}</th>
                    <th>{{ mt._('_common.description.article') }}</th>
                    <th>{{ mt._('admin.quantityrules.size.min') }}</th>
                    <th>{{ mt._('admin.quantityrules.size.mul') }}</th>
                    <th>{{ mt._('admin.quantityrules.row.min') }}</th>
                    <th>{{ mt._('admin.quantityrules.row.mul') }}</th>
                  </tr>
                </thead>
                <tbody>

                </tbody>
              </table>
            </div>
#}
          </div>

          <div class="row pt-25x">
            <div class="col-md-6 col-sm-6 col-xs-6">&nbsp;</div>
            <div class="col-md-6 col-sm-6 col-xs-6">
              <button type="button" class="btn btn-primary right-btn w-30 save-rules">{{ mt._('_common.save') }}</button>
            </div>
          </div>

        </div>

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