<!-- Modal -->
<div class="modal" id="tshirt-design-saved" tabindex="2" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" ng-click="closeSavedModal()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <div class="subframe-design">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" id="tab-saved-favorite" class="active"><a ng-click="openSavedTab('favorite')" role="tab" data-toggle="tab">マイアルバム</a></li>
                    <li role="presentation" id="tab-saved-recommend"><a ng-click="openSavedTab('recommend')" role="tab" data-toggle="tab">おすすめ</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="content-saved-favorite">
                        <div class="saved-list" ng-init="currentFavoritePage=1;perFavoritePage=18">
                            <div class="saved-item" ng-repeat="item in (favoriteList | limitTo:perFavoritePage:((currentFavoritePage-1)*perFavoritePage)) track by $index">
                                <button ng-click="deleteFavorite($index)">X</button>
                                <img ng-click="restoreSaved(item)" ng-src="{{item.thumb}}" title="<img src='{{item.thumb}}' style='width:200px;background:#e2e2e2;margin:0;padding:0;margin-left:-8px;border:0'/>" data-toggle="tooltip"/>
                            </div>
                            <div class="clearfix"></div>
                            <div class="footer-bar">
                                <div class="pull-left footer-pagination" ng-click="currentFavoritePage=currentFavoritePage-1" ng-show="currentFavoritePage > 1">< Back</div>
                                {{currentFavoritePage}}/{{Math.ceil(favoriteList.length/perFavoritePage)}}
                                <div class="pull-right footer-pagination" ng-click="currentFavoritePage=currentFavoritePage+1" ng-show="currentFavoritePage < Math.ceil(favoriteList.length/perFavoritePage)">Next ></div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="content-saved-recommend">
                        <div class="saved-list" ng-init="currentRecommendPage=1;perRecommendPage=18">
                            <div class="saved-item" ng-repeat="item in (recommendList | limitTo:perRecommendPage:((currentRecommendPage-1)*perRecommendPage)) track by $index" ng-click="restoreSaved(item)" title="<img src='{{item.thumb}}' style='width:200px;background:#e2e2e2;margin:0;padding:0;margin-left:-8px;border:0'/>" data-toggle="tooltip">
                                <img ng-src="{{item.thumb}}"/>
                            </div>
                            <div class="clearfix"></div>
                            <div class="footer-bar">
                                <div class="pull-left footer-pagination" ng-click="currentRecommendPage=currentRecommendPage-1" ng-show="currentRecommendPage > 1">< Back</div>
                                {{currentRecommendPage}}/{{Math.ceil(recommendList.length/perRecommendPage)}}
                                <div class="pull-right footer-pagination" ng-click="currentRecommendPage=currentRecommendPage+1" ng-show="currentRecommendPage < Math.ceil(recommendList.length/perRecommendPage)">Next ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>