<div class="ready-menu-second" ng-init="onInit()" ng-controller="ReadyMenuSecondController">
  <div class="ready-menu-second-wrapper">
    <div class="item" ng-repeat="diet in diets" ng-if="diet.dietType == filterBy">

      <div class="item-img">
        <div ng-click="deleteDietItem($index)" class="diet-item-delete-btn">
          <span class="fa fa-times"></span>
        </div>
        <img ng-src="{{diet.imageUrl}}">
      </div>
      <div class="item-content">
        <div class="item-title">
          <h1>{{diet.title}}</h1>
        </div>
        <div class="item-center">
          <div class="item-price">
            {{diet.price * +weekCount}} USD
            <select ng-model="weekCount">
              <option value="1" ng-selected="true">1 week</option>
              <option value="2">2 week</option>
              <option value="3">3 week</option>
              <option value="4">4 week</option>
            </select>
          </div>
          <div class="item-button">
            <button type="button" ng-click="addToCart(diet, diet.price, +weekCount)">Order</button>
          </div>
        </div>
        <div class="item-description">
          {{diet.description}}
        </div>
        <div class="item-numbers">
          <div class="item-numbers-text">
            On an average per day:
          </div>
          <div class="item-numbers-calories">
            {{diet.calories}}
          </div>
          <div class="item-numbers-proteins">
            {{diet.protein}}
          </div>
          <div class="item-numbers-fats">
            {{diet.fats}}
          </div>
          <div class="item-numbers-carbs">
            {{diet.carbs}}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
