<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>适配</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 确认信息区域 -->
  <ion-card class="ion-margin">
    <ion-card-header>
      <ion-card-title>确认信息</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <ion-list>
        <ion-item>
          <ion-label>物品名称：</ion-label>
          <ion-text item-end>智能手表</ion-text>
        </ion-item>
        <ion-item>
          <ion-label>尺寸：</ion-label>
          <ion-text item-end>45mm x 35mm x 10mm</ion-text>
        </ion-item>
        <ion-item>
          <ion-label>重量：</ion-label>
          <ion-text item-end>100g</ion-text>
        </ion-item>
        <ion-item>
          <ion-label>保证运输时间：</ion-label>
          <ion-text item-end>无要求</ion-text>
        </ion-item>
        
      </ion-list>
      <ion-button expand="block" color="secondary" (click)="confirmInfo()">确认</ion-button>
      <ion-button expand="block" color="medium" fill="outline" (click)="modifyInfo()">修改</ion-button>
    </ion-card-content>
  </ion-card>

  <!-- 适配运输方式区域 -->
  <ion-card class="ion-margin">
    <ion-card-header>
      <ion-card-title>适配运输方式</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <ion-segment [(ngModel)]="transportType">
        <ion-segment-button value="recommend">
          智能推荐方案
        </ion-segment-button>
        <ion-segment-button value="custom">
          用户自定义方案
        </ion-segment-button>
      </ion-segment>
      <div [ngSwitch]="transportType">
        <div *ngSwitchCase="'recommend'">
          <ion-button expand="block" (click)="AIadaptation()">智能适配</ion-button>
          <!--<p>推荐使用快递A，采用空运运输，预计到达时间2天。</p>...-->
          <ion-card-title>最佳运输方式：</ion-card-title>
        </div>
        <div *ngSwitchCase="'custom'">
          <ion-item>
            <ion-label>选择运输公司：</ion-label>
            <ion-select [(ngModel)]="selectedCarrier">
              <ion-select-option value="carrier1">快递A</ion-select-option>
              <ion-select-option value="carrier2">快递B</ion-select-option>
              <ion-select-option value="carrier2">快递C</ion-select-option>

              <!-- 更多运输公司选项... -->
            </ion-select>
          </ion-item>
          <ion-item>
            <ion-label>选择运输方式：</ion-label>
            <ion-select [(ngModel)]="selectedMethod">
              <ion-select-option value="method1">陆运</ion-select-option>
              <ion-select-option value="method2">空运</ion-select-option>
              <ion-select-option value="method2">海运</ion-select-option>

              <!-- 更多运输方式选项... -->
            </ion-select>
          </ion-item>
        </div>
      </div>
      <ion-button expand="block" (click)="confirmTransport()">点击确认</ion-button>
    </ion-card-content>

   
  </ion-card>

  <ion-card> 
   <div *ngIf="submittedData">
    <h3>获取提交的数据：</h3>
    <p>物品信息: {{ submittedData.itemInfo }}</p>
    <p>物品分类: {{ submittedData.itemCategory }}</p>
    <p>发送地址: {{ submittedData.sendAddress }}</p>
    <p>收货地址: {{ submittedData.receiveAddress }}</p>
    <!-- 其他需要显示的数据字段 -->
   </div>
  </ion-card>

  <ion-header>
    <ion-toolbar>
      <ion-title>
        AIGC 消息发送
      </ion-title>
    </ion-toolbar>
  </ion-header>
  
  <ion-content>
    <ion-item>
      <ion-input placeholder="输入消息" [(ngModel)]="userInput"></ion-input>
    </ion-item>
  
    <ion-button expand="block" (click)="sendMessage()">发送</ion-button>
  
    <ion-card *ngFor="let message of messageList">
      <ion-card-header>
        {{message?.role}}
      </ion-card-header>
      <ion-card-content>
        {{ message?.content }}
      </ion-card-content>
    </ion-card>
  </ion-content>
 
</ion-content>