<div class="container">
  {{> notifications notification-page.success withCloseBtn="true"}}
  <main class="fdl">
    <section class="fdl__pm">
      <div class="fdl__header-wrap">
        <h2>Product management</h2>
      </div>
      <div class="fdl__pm-actions">
        <div class="fdl__panel-top container">
          <div class="row">
            <div class="fdl__panel-search">
              {{#if fdlDropdown}}
                <div class="fdl__panel-search__dropdown">
                  <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}}">
                    <select id="d1" name="{{id}}" {{#if disabled}}disabled{{/if}}>
                      <option value="" disabled selected hidden>Please select</option>
                      <option>Product</option>
                      <option>Modified by</option>
                    </select>
                    <span class="icon">
                      <i class="fas fa-chevron-down"></i>
                    </span>
                  </div>
                </div>
              {{/if}}
              <div class="fdl__panel-search__searchfield">
                <form class="fdl__search">
                  <input aria-label="search" type="text" class="fdl__search__input" placeholder="">
                  <button class="fdl__search__submit" aria-label="search submit">
                  <span class="fdl__search__submit-icon">
                    <i class="fas fa-search"></i>
                  </span>
                    <span class="fdl__search__submit-label">Search</span>
                  </button>
                </form>
              </div>
            </div>
            <div class="fdl__panel-buttons">
              <button class="btn btn-primary btn_full">
                <span class="btn__text">Bulk upload</span>
              </button>
              <button class="btn btn-secondary btn_full">
                <span class="btn__text">Download</span>
              </button>
            </div>
          </div>
        </div>
        <div class="fdl__panel-bottom">
          <div class="fdl__panel-filter">
            {{#each fdl.fdlFilter}}
              {{> radiobutton id=id name=name label=label value=value checked=checked }}
            {{/each}}
          </div>
        </div>
      </div>
    </section>
    <hr/>
    <section class="fdl__search-results">
      <div class="fdl__header-wrap">
        <button class="btn btn-secondary btn_full btn-refresh">
          <span class="btn__text">Refresh</span>
        </button>
        <h2>Search results</h2>
        <div class="fdl__header-add">
          <div class="fdl__header-add-field">
            {{> input placeholder="Product code"}}
          </div>
          <a href="../page_fdl-new-product.html">
            <button class="btn btn-primary btn_full">
              <span class="btn__text">Add</span>
            </button>
          </a>
        </div>
      </div>
      {{> fdl-table}}
    </section>
  </main>
</div>