{#
 # For the full copyright and license information, please view the
 # docs/licenses/LICENSE.txt file that was distributed with this source code.
 #}

<div class="modal fade" id="product-pack-modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="card-header">
        <div class="row">
          <div class="col">
            <h3 class="card-header-title">
              {{ 'Products in pack'|trans({}, 'Admin.Global') }}
            </h3>
          </div>
          <div class="col">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <i class="material-icons">
                close
              </i>
            </button>
          </div>
        </div>
      </div>
      <div class="modal-body">
        <table class="table" id="product-pack-modal-table">
          <thead>
          <tr>
            <th colspan="3">{{ 'Product'|trans({}, 'Admin.Global') }}</th>
            <th>{{ 'Quantity'|trans({}, 'Admin.Global') }}</th>
            <th>{{ 'Available'|trans({}, 'Admin.Global') }}</th>
          </tr>
          </thead>
          <tbody>
          <tr class="d-none" id="template-pack-table-row">
            <td>{{ 'Package item'|trans({}, 'Admin.Global') }}</td>
            <td class="cell-product-img">
              <img alt=""/>
            </td>
            <td class="cell-product-name">
              <a href="">
                <p class="mb-0 product-name"></p>
                <p class="mb-0 product-reference">
                  {{ 'Reference number:'|trans({}, 'Admin.Orderscustomers.Feature') }}
                </p>
                <p class="mb-0 product-mpn">
                  {{ 'MPN:'|trans({}, 'Admin.Orderscustomers.Feature') }}
                </p>
                <p class="mb-0 product-supplier-reference">
                  {{ 'Supplier reference:'|trans({}, 'Admin.Orderscustomers.Feature') }}
                </p>
              </a>
            </td>
            <td class="cell-product-quantity">
              <span class="badge badge-secondary rounded-circle"></span>
            </td>
            <td class="cell-product-available-quantity"></td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
