<ion-view view-title="الرئيسية" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <ion-content class="padding">
        <div ng-repeat="item in allItems">


            <div ng-if="$index%2==0" class="row">



                <div class="col my_items_style2" align="center" >
                    <div align="center">
                        <ion-item style="border: none;"  ng-click="navigateToView(allItems[$index].item_id)">
                            <img  id={{allItems[$index].item_id}} height="100%"
                                  width="100%" align="center" src="icon/book_icon002.png" />
                        </ion-item>
                        <br>
                        <label>{{allItems[$index].item_name}}</label>
                    </div>
                </div>


                <div ng-if="allItems[$index+1] != null" class="col my_items_style2" align="center" >
                    <div align="center">
                        <ion-item style="border: none;" ng-click="navigateToView(allItems[$index+1].item_id)">
                            <img  id={{allItems[$index+1].item_id}} height="100%"
                                  width="100%" align="center" src="icon/book_icon002.png" />
                        </ion-item>
                        <br>
                        <label>{{allItems[$index+1].item_name}}</label>
                    </div>
                </div>


            </div>
        </div>
    </ion-content>
</ion-view>
<!--

<ion-view view-title="الكتب">
    <ion-content class="padding">


        <div class="row categoryCont" ng-repeat="row in bookList | inSlicesOf:2">
            <a class="col col-50 category" ng-repeat="book in row" href="#/tab/category/{{book.id}}">


                <div style="text-align: center;background-color: transparent!important">
                    {{book.name}}
                </div>
            </a>
        </div>
    </ion-content>
</ion-view>

-->
