<view class="detail">
  <view class="head">
    <image src="{{detail.boxStylePic}}"></image>
    <text class="weight">{{detail.wallName}}-{{detail.boxName}}</text>
    <text class="ase">NO. {{detail.boxSn}}</text>
  </view>

  <view class="base-content">
    <view class="title">預訂信息</view>
    <view class="from">
      <view>
        <text class="label">龕位方位</text>
        <template v-if=""></template>
        <navigator wx:if="{{detail.boxPositionPic}}" class="value address" url="/pages/graveImage/graveImage?img={{detail.boxPositionPic}}" disable>
          {{detail.wallName}} 第{{detail.xposition}}行 第{{detail.yposition}}列
          <image src="/static/images/address_right.png"></image>
        </navigator>
        <text wx:if="{{!detail.boxPositionPic}}" class="value address">{{detail.wallName}} 第{{detail.xposition}}行 第{{detail.yposition}}列</text>
      </view>
      <view>
        <text class="label">龕位狀態</text>
        <text class="value">{{statusMap[detail.status]}}</text>
      </view>
      <view>
        <text class="label">龕位價格</text>
        <text class="value">HK$ {{detail.price}}</text>
      </view>
      <view>
        <text class="label">管理費用</text>
        <text class="value">HK$ {{detail.managementFee}}</text>
      </view>
    </view>
  </view>

  
  <view class="more-content">
    <view class="title">聯系方式</view>
    <view class="from">
      <view>
        <text class="label require">預訂姓名</text>
        <input class="value" placeholder="請輸入您的姓名" value="{{name}}" bindinput="bindNameChange" placeholder-style="color: #C8C9CC" />
      </view>
      <view>
        <text class="label require">手機號碼</text>
        <view class="phone value">
          <picker mode="selector" value="{{index}}" range="{{phoneTypes}}" class="type" bindchange="bindIndexChange">
            {{phoneTypes[index]}}
          </picker>
          <input class="value" value="{{phone}}" placeholder="請輸入您的手機電話" bindinput="bindPhoneChange" type="number" placeholder-style="color: #C8C9CC" />
        </view>
      </view>
      <view>
        <text class="label require">郵箱地址 email</text>
        <input class="value" placeholder="請輸入您的常用郵箱" value="{{email}}" bindinput="bindEmailChange" placeholder-style="color: #C8C9CC" />
      </view>
      <view>
        <text class="label">備註</text>
        <view class="remarks value">
          <textarea placeholder="請輸入您的備註留言" value="{{desc}}" bindinput="bindDescChange" placeholder-style="color: #C8C9CC" maxlength="50"></textarea>
          <view>{{currentSize}}/50個字</view>
        </view>
      </view>
    </view>
  </view>

  <button class="bottom" bindtap="submit">下單預訂</button>
</view>
