@extends('layouts.partner-portal')
@section('title', '成果履歴')
@section('content')

@include('partner-portal.partials._summary')

<div class="pp-card">
  <div class="card-header">成果履歴</div>
  <div class="card-body p-0">
    @if($conversions->isEmpty())
    <div class="pp-empty">
      <i class="bi bi-graph-up"></i>
      <p class="small mb-0 mt-2">まだ成果がありません。</p>
    </div>
    @else
    <div class="table-responsive">
      <table class="table table-hover mb-0 align-middle">
        <thead class="table-light">
          <tr>
            <th class="ps-3">発生日時</th>
            <th>案件</th>
            <th>成果</th>
            <th class="text-end">報酬</th>
            <th class="pe-3">状態</th>
          </tr>
        </thead>
        <tbody>
          @foreach($conversions as $conversion)
          <tr>
            <td class="ps-3 small text-muted">{{ $conversion->occurred_at ? $conversion->occurred_at->format('Y/m/d H:i') : '—' }}</td>
            <td>{{ $conversion->campaign->name ?? '—' }}</td>
            <td class="small">{{ \App\Models\PartnerCampaign::typeLabels()[$conversion->type] ?? $conversion->type }}</td>
            <td class="text-end">{{ number_format((int) $conversion->reward_amount) }}円</td>
            <td class="pe-3">
              <span class="badge {{ $conversion->statusBadgeClass() }}">{{ $conversion->statusLabel() }}</span>
              @if($conversion->paid_at)
              <div class="text-muted" style="font-size:.72rem">{{ $conversion->paid_at->format('Y/m/d') }} 支払</div>
              @endif
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    @endif
  </div>
</div>

@if($conversions->hasPages())
<div class="mt-3">{{ $conversions->links() }}</div>
@endif

<p class="text-muted small mt-3 mb-0">
  <i class="bi bi-info-circle me-1"></i>
  <strong>未確定</strong>は返金・キャンセルの確認期間中の成果です。期間を過ぎると<strong>確定</strong>になり、支払対象になります。
  取り消された購入などは<strong>無効</strong>になり、報酬の対象外です。
</p>
@endsection