<!--
  Generated template for the Menu page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary">
    <ion-title text-center>Top</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="top-menu-page">
    <ion-card class="title">
      <img src="assets/img/menuTitle.png"/>
      <div class="card-title">中学問題集</div>
      <div class="card-subtitle">理科</div>
    </ion-card>

    <button ion-button full large>１・２年生の復習</button>

    <ion-buttons end>
        <button ion-button center color="danger" round (click)="gotoStatus()" icon-left>
            <ion-icon name="stats"></ion-icon>達成状況を確認
        </button>
    </ion-buttons>

    <p *ngFor="let item_f of list_f">
    <button ion-button color="light" block round (click)="itemSelected(item_f)">{{item_f.title}}</button>
    </p>

    <!--
    <button ion-button full>２年生</button>

    <p *ngFor="let item_s of list_s">
    <button ion-button color="light" block round (click)="itemSelected(item_s)">{{item_s.title}}</button>
    </p>

    <button ion-button full>３年生</button>

    <p *ngFor="let item_t of list_t">
    <button ion-button color="light" block round (click)="itemSelected(item_t)">{{item_t.title}}</button>
    </p>
    -->

</ion-content>