@extends('user::emails.layouts.main', [
    'title' => '訓練完成通知',
    'emailTitle' => '訓練完成通知'
])

@section('content')
    <div class="greeting">
        {{ $project->user->name }} 您好，
    </div>

    <div class="content-section">
        <p>您的訓練任務已經完成！以下是訓練詳細資訊：</p>
    </div>

    <div class="user-info-box">
        <h3>訓練資訊</h3>
        <div class="info-row">
            <span class="info-label">專案名稱：</span>
            <span class="info-value">{{ $project->name }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">訓練包 ID：</span>
            <span class="info-value">{{ $trainingPkg->training_pkg_id }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">開始時間：</span>
            <span class="info-value">{{ $trainingPkg->started_at?->format('Y-m-d H:i:s') ?? '未知' }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">完成時間：</span>
            <span class="info-value">{{ now()->format('Y-m-d H:i:s') }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">訓練進度：</span>
            <span class="info-value">{{ $trainingPkg->progress }}%</span>
        </div>
    </div>

    <div class="content-section">
        <p>您可以前往以下連結查看訓練結果並下載訓練模型：</p>
    </div>

    <div class="action-center">
        <a href="{{ $trainingHistoryUrl }}" class="btn btn-primary" style="margin-right: 10px;">
            查看訓練記錄
        </a>
        <a href="{{ $projectUrl }}" class="btn btn-secondary">
            返回專案頁面
        </a>
    </div>

    <div class="content-section">
        <p style="color: #666; font-size: 14px; margin-top: 20px;">
            提醒：訓練完成後，您可以下載訓練模型、進行推論測試，或開始模型轉換。
        </p>
    </div>
@endsection