<button type="button"
        id="suppliersBtn"
        subModule="suppliers"
        class="btn btn-default"
        ng-click="setSubModule($event)">{{ 'suppliers.buttons.SHOW_SUPPLIERS' | translate }}</button>

<button type="button"
        id="suppliersProductsBtn"
        subModule="suppliersProducts"
        class="btn btn-default"
        ng-click="setSubModule($event)">{{ 'suppliers.buttons.SHOW_SUPPLIERS_PRODUCTS' | translate }}</button>

<button type="button"
        id="suppliersProductsAddBtn"
        subModule="suppliersProductsAdd"
        class="btn btn-default"
        ng-click="setSubModule($event)">{{ 'suppliers.buttons.SUPPLIERS_PRODUCTS_ADD' | translate }}</button>

<div class="row">
    <div class="col-sm-12"
         id="suppliers-layer"
         ng-if="isSubmoduleVisible('suppliers')"
         ng-init="getSuppliers()">
        <h3>{{ 'suppliers.headers.SHOW_SUPPLIERS' | translate }}</h3>
        <table class="table table-striped table-hover" id="suppliers"></table>
    </div>
</div>

<div class="row">
    <div class="col-sm-12"
         id="suppliers-products-layer"
         ng-if="isSubmoduleVisible('suppliersProducts')"
         ng-init="getSuppliersProducts()">
        <h3>{{ 'suppliers.headers.SHOW_SUPPLIERS_PRODUCTS' | translate }}</h3>
        <table class="table table-striped table-hover" id="suppliers-products"></table>
    </div>
</div>

 <div class="row">
     <div class="col-sm-12"
          id="suppliers-products-add-layer"
          ng-if="isSubmoduleVisible('suppliersProductsAdd')">
         <h3>{{ 'suppliers.headers.SUPPLIERS_PRODUCTS_ADD' | translate }}</h3>
         <suppliers-products-add-edit ng-controller="suppliersProductsAddEditCtrl" ng-init="productsFormInit('ADD')"></suppliers-products-add-edit>
     </div>
 </div>
