<view class="home-page">
  <custom-nav padding-x="28">
    <view class="topbar">
      <text class="brand">数字人视频工厂</text>
      <view class="coin-pill">
        <image class="coin-icon icon-placeholder" src="/static/images/my/image.png" mode="aspectFit"></image>
        <text class="coin-label">金币</text>
        <text class="coin-count">128</text>
      </view>
    </view>
  </custom-nav>

  <view class="home-content">
    <view class="hero">
      <image src="../../static/images/indexed/top.png" style="width: 698rpx;height: 228rpx;"></image>
    </view>

    <view class="card parse-card">
      <view class="card-head">
        <view class="section-title">
          <text class="step-dot">1</text>
          <text>粘贴视频链接</text>
        </view>
        <view class="help-link">
          <text class="help-dot">?</text>
          <text>如何获取链接?</text>
        </view>
      </view>

      <view class="input-row">
        <input class="link-input" value="{{videoLink}}" placeholder="粘贴视频链接到这里" placeholder-class="input-placeholder" bindinput="handleInput" />
        <view class="paste-btn" bindtap="handlePaste">一键粘贴</view>
      </view>

      <view class="primary-action" bindtap="handleParse">
        <image class="plane-icon icon-placeholder" src="/static/images/xfj.png" mode="aspectFit"></image>
        <text>开始解析</text>
      </view>
    </view>

    <block wx:if="{{parsed}}">
      <view class="success-strip">
        <image class="success-icon icon-placeholder" src="/static/images/checked.png" mode="aspectFit"></image>
        <view class="success-copy">
          <text class="success-title">链接解析成功</text>
          <text class="success-subtitle">已为你提取到口播文案</text>
        </view>
        <view class="outline-btn" bindtap="handleReset">重新解析</view>
      </view>

      <view class="card copy-card">
        <view class="card-head copy-head">
          <text class="copy-title">提取到的文案</text>
          <view class="copy-btn" bindtap="handleCopy">
            <image class="copy-icon icon-placeholder" src="/static/images/file_copy.png" mode="aspectFit"></image>
            <text>复制文案</text>
          </view>
        </view>
        <view class="copy-box">
          <text>{{scriptText}}</text>
        </view>
        <view class="polish-btn" bindtap="handlePolish">
          <view class="polish-text">
            <image class="spark-icon icon-placeholder" src="/static/images/filter-3-filled.png" mode="aspectFit"></image>
            <text class="polish-title">AI 一键润色</text>
          </view>
          <view><text class="polish-subtitle">让口播更自然，更吸引人</text></view>
        </view>
      </view>

      <view class="tip-strip">
        <image class="tip-icon icon-placeholder" src="/static/images/lightbulb.png" mode="aspectFit"></image>
        <text>润色后可进入下一步，设置数字人和视频背景</text>
      </view>

      <view class="generate-btn" bindtap="handleGoCreate">
        <text>去生成数字人视频</text>
        <image class="arrow-icon icon-placeholder" src="/static/images/chevron-down.png" mode="aspectFit"></image>
      </view>
    </block>

    <block wx:else>
      <view class="flow-card">
        <image src="../../static/images/indexed/lc_card.png" style="width: 699rpx;height: 298rpx;"></image>
      </view>

      <view class="sample-card" bindtap="handleExperience">
        <image src="../../static/images/indexed/down_bottom.png" style="width: 100%;" mode="widthFix"></image>
      </view>
    </block>
  </view>

  <checkin-popup visible="{{showCheckinPopup}}" bind:close="handleCheckinClose" bind:rule="handleCheckinRule"></checkin-popup>
</view>


