<ion-header>

  <ion-navbar>
    <ion-title>{{batch.batchName}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <ion-slides #contentSlides class="height-190" (ionSlideDidChange)="slideChanged()" >
    <ion-slide>
      <ion-content direction="y" scrollbar-y="true">
        <div class="content">
          <div class="sign-info" *ngIf="batch.order">
            <p class="info-title">报名信息</p>
            <div class="content-item">
              <p> <span>携带人数：</span><span>{{order?.personnumber}}</span> </p>
              <p> <span>报名备注：</span><span>{{order?.orderbz}}</span> </p>
            </div>
          </div>
          <!--<div class="feedback-info" *ngIf="batch.order">-->
            <!--<p class="info-title">出行反馈</p>-->
            <!--<div class="content-item">-->
              <!--<p> <span>出行结果：</span><span>1</span> </p>-->
              <!--<p> <span>评价反馈：</span><span>备注</span> </p>-->
            <!--</div>-->
          <!--</div>-->
          <div class="batch-info">
            <div class="content-item">
              <p> <span>报名截止：</span><span>{{this.batch.batchEndDate}}</span> </p>
              <p> <span>出行日期：</span><span>{{batch.batchGoDate}}</span> </p>
              <p> <span>可携带人数：</span><span>{{batch.batchPerNumber}}</span> </p>
              <p> <span>集合时间：</span><span>{{batch.batchSetTime}}</span> </p>
              <p> <span>集合地点：</span><span>{{batch.batchSetAddress}}</span> </p>
              <p> <span>活动须知：</span><span [innerHtml]='batch.batchNotice' ></span> </p>
            </div>
          </div>
          <div class="content-button">
            <div class="button-left">报名人数<span class="color-24bafc margin-left-15">{{batch.hasSignUpCount}}/{{batch.batchLimitNumber}}</span></div>
            <div class="button-right" >
              <!--是否报名了>时间是否截止->人数是否满了->-->
              <ng-container  *ngIf="batch.order">
                <span class="button-btn button-btn2" (click)="sureCancelOrder()">取消报名</span>
              </ng-container>
              <ng-container *ngIf="!batch.order">
                <!--时间截止-->
                <ng-container *ngIf="batch.signUp">
                  <!--人数满-->
                  <ng-container *ngIf="batch.hasSignUpCount == batch.batchLimitNumber">
                    <span  class="button-btn button-btn3">立即报名</span>
                  </ng-container>
                  <!--人数未满-->
                  <ng-container *ngIf="batch.hasSignUpCount < batch.batchLimitNumber">
                    <span  (click)="goApply()"  class="button-btn button-btn1">立即报名</span>
                  </ng-container>
                </ng-container>
                <ng-container *ngIf="!batch.signUp">
                    <span class="button-btn button-btn3">报名截止</span>
                </ng-container>
              </ng-container>


            </div>
          </div>
        </div>
      </ion-content>
    </ion-slide>
  </ion-slides>

</ion-content>
