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

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

        <h2>Promoções</h2>
        <div class="row form-login">

          <div class="col-md-8">
            <a href="#/new/promotions" role="button" class="newPromotion btn btn-success">Nova Promoção</a>
            <p class="aviso  alert alert-primary invisible">
              Você atingiu o máximo de promoções permitida.<br>
              Para adicionar nova promoção é necessário excluir uma promoção.
            </p>
          </div>

          
        </div>

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

        <div class="col">
          <table class="table">
            <thead>
              <tr>
                <th scope="col">Cupom</th>
                <th scope="col">Promoção</th>
                <th scope="col">Formato</th>
                <th scope="col">R$ %</th>
                <th scope="col">Período</th>
                <th scope="col">Status</th>
                <th scope="col"></th>
              </tr>
            </thead>
            <tbody ng-repeat="p in promotion">
              <tr>
                <th scope="row">{{ p.coupon }}</th>
                <td>{{ p.namePromotion }}</td>
                <td>{{ p.typePromotion }}</td>
                <td>{{ p.valuePromotion }}</td>
                <td>{{ p.beginDate | date:'dd/MM/yyyy' }} - {{ p.endDate | date:'dd/MM/yyyy' }}</td>
                <td>{{ p.status }}</td>
                <td><button class="btn btn-danger" ng-click="remove(p)">Excluir</button></td>
              </tr>
            </tbody>
          </table>
        </div>

      </div>

      </div>
    </main>

  </div>

</div>
