<div class="row">
  <div class="page-wrapper chiller-theme toggled">
    <nav id="sidebar" class="sidebar-wrapper">
      <menu-admin name={{name}}></menu-admin>
      <link-exit></link-exit>
    </nav>

    <main class="page-content">
      <div class="container-fluid justify-content-md-center">

        <h2>Sellers Cadastrados</h2>
        <div class="row">
          <div class="col-md-7">
            <input type="text" ng-model="procurar" class="form-control" placeholder="Digite sua busca">
          </div>

          <div class="col-md-2">
            <a href="#/seller/new" class="btn btn-success">Novo Seller</a>
          </div>
        </div>

        <p ng-show="mensagem.length" class="alert alert-info">{{mensagem}}</p>

        <div class="row form-login" ng-init="inicio()">

        <div class="col">
          <table class="table">
            <thead>
              <tr>
                <th scope="col">Doca</th>
                <th scope="col">Razão Social</th>
                <th scope="col">CNPJ</th>
                <th scope="col">Responsável/Diretor</th>
                <th scope="col">Telefone</th>
                <th scope="col"></th>
              </tr>
            </thead>
            <tbody dir-paginate="s in seller|filter:procurar|itemsPerPage:10">
              <tr>
                <th scope="row">{{ s.warehouseId }}</th>
                <td>{{ s.name }}</td>
                <td>{{ s.cnpj }}</td>
                <td>{{ s.boss }}</td>
                <td>{{ s.phone }}</td>
                <td><a href="#/details-seller/{{ s.id }}" class="btn btn-outline-primary btn-sm">Detalhes</a></td>
              </tr>
            </tbody>
          </table>
        </div>

      </div>

        <div class="row justify-content-md-center">

          <nav>
            <dir-pagination-controls max-size="5" boundary-links="false"></dir-pagination-controls>
          </nav>

        </div>

      </div>
    </main>

  </div>

</div>
