<!-- SIDE MENU -->
<div id="dashboard-options-menu" class="side-menu dashboard left closed" ng-controller="initCtrl">
  <!-- SVG PLUS -->
  <svg class="svg-plus">
    <use xlink:href="#svg-plus"></use>
  </svg>
  <!-- /SVG PLUS -->
  <!-- SIDE MENU HEADER -->
  <div class="side-menu-header">
    <!-- USER QUICKVIEW -->
    <div class="user-quickview">
      <!-- USER AVATAR -->
      <a href="author-profile.html">
        <div class="outer-ring">
          <div class="inner-ring"></div>
          <figure class="user-avatar">
            <img src="asset/images/avatars/avatar_01.jpg" alt="avatar">
          </figure>
        </div>
      </a>
      <!-- /USER AVATAR -->
      <!-- USER INFORMATION -->
      <p class="user-money">{{user.username}}</p>
      <p class="user-name">Administrateur</p>
      <!-- /USER INFORMATION -->
    </div>
    <!-- /USER QUICKVIEW -->
  </div>
  <!-- /SIDE MENU HEADER -->
  <!-- DROPDOWN -->
  <ul class="dropdown dark hover-effect interactive">
    <!-- DROPDOWN ITEM -->
    <li class="dropdown-item">
      <a href="#!/dashboard">
      <span class="sl-icon icon-speedometer"></span>
      Tableau de bord
      </a>
    </li>
    <!-- /DROPDOWN ITEM -->
    <!-- DROPDOWN ITEM -->
    <li class="dropdown-item">
      <a href="#!/clients">
      <span class="sl-icon icon-people"></span>
      Clients
      </a>
    </li>
    <!-- /DROPDOWN ITEM -->
    <!-- DROPDOWN ITEM -->
    <li class="dropdown-item">
      <a href="#!/providers">
      <span class="sl-icon icon-organization"></span>
      Fournisseurs
      </a>
    </li>
    <!-- /DROPDOWN ITEM -->
    <!-- DROPDOWN ITEM -->
    <li class="dropdown-item active">
      <a href="#!/products">
      <span class="sl-icon icon-basket"></span>
      Produits
      </a>
    </li>
    <!-- /DROPDOWN ITEM -->
    <!-- DROPDOWN ITEM -->
    <li class="dropdown-item">
      <a href="#!/orders">
      <span class="sl-icon icon-credit-card"></span>
      Commandes
      </a>
    </li>
    <!-- /DROPDOWN ITEM -->
  </ul>
  <!-- /DROPDOWN -->
  <a href="#!/logout" class="button medium primary">Déconnexion</a>
</div>
<!-- /SIDE MENU -->
<!-- DASHBOARD BODY -->
<div class="dashboard-body">
  <!-- DASHBOARD HEADER -->
  <div class="dashboard-header retracted">
    <!-- DASHBOARD HEADER ITEM -->
    <div class="dashboard-header-item title">
      <!-- DB SIDE MENU HANDLER -->
      <div class="db-side-menu-handler">
        <img src="asset/images/dashboard/db-list-left.png" alt="db-list-left">
      </div>
      <!-- /DB SIDE MENU HANDLER -->
      <img src="asset/images/logo.png" alt="logo">
    </div>
    <!-- /DASHBOARD HEADER ITEM -->
  </div>
  <!-- DASHBOARD HEADER -->
  <!-- DASHBOARD CONTENT -->
  <div class="dashboard-content">
    <!-- HEADLINE -->
    <div class="headline buttons one primary">
      <h4>Produits</h4>
      <a href="#!/products" class="button primary">Retour</a>
    </div>
    <!-- /HEADLINE -->
    <!-- FORM BOX ITEMS -->
    <div class="form-box-items">
      <!-- FORM BOX ITEM -->
      <div class="form-box-item">
        <h4>Ajouter un prix</h4>
        <hr class="line-separator">
        <form name="addForm">
        <!-- INPUT CONTAINER -->
        <div class="input-container">
          <label for="client" class="rl-label required">Client</label>
          <label for="client" class="select-block">
            <select ng-model="client" ng-options="client as client.companyName for client in clients track by client.clientId" required>
            </select>

            <!-- SVG ARROW -->
            <svg class="svg-arrow">
              <use xlink:href="#svg-arrow"></use>
            </svg>
            <!-- /SVG ARROW -->
          </label>
        </div>
        <!-- /INPUT CONTAINER -->
        <!-- INPUT CONTAINER -->
        <div class="input-container">
          <label for="price" class="rl-label required">Prix</label>
          <input type="number" ng-model="specialPrice" min="0" step="0.01" required>
        </div>
        <!-- /INPUT CONTAINER -->
          <p ng-show="addAlertError" class="highlighted">
            {{addAlertError}}
          </p>
          <hr class="line-separator">
          <input type="submit" class="button mid primary" ng-click="addPrice()" value="Envoyer" style="margin-top:24px !important;"/>
		  </form>
      </div>
      <!-- /FORM BOX ITEM -->
    </div>
    <!-- /FORM BOX -->
    <!-- PACK BOXES -->
    <div class="pack-boxes">
      <div class="pack-box" ng-repeat="price in prices">
        <p class="text-header small">{{getCompanyName(price.clientId)}}</p>
        <p class="price larger">{{price.specialPrice | number: 2}}</p>
        <p class="credit">#{{price.clientId}}</p>
        <a ng-click="deletePrice(price.clientId)" class="button primary">Supprimer</a>
      </div>
    </div>
    <!-- /PACK BOXES -->
  </div>
  <!-- DASHBOARD CONTENT -->
</div>
<!-- /DASHBOARD BODY -->
<div class="shadow-film closed"></div>