@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($payouts->isEmpty())
    <div class="pp-empty">
      <i class="bi bi-receipt"></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 class="text-end">成果件数</th>
            <th class="text-end">支払金額</th>
            <th class="pe-3">状態</th>
          </tr>
        </thead>
        <tbody>
          @foreach($payouts as $payout)
          <tr>
            <td class="ps-3 small text-muted">{{ $payout->created_at ? $payout->created_at->format('Y/m/d') : '—' }}</td>
            <td class="small text-muted">{{ $payout->periodLabel() }}</td>
            <td class="text-end">{{ number_format($payout->conversion_count) }}件</td>
            <td class="text-end fw-semibold">{{ number_format($payout->total_amount) }}円</td>
            <td class="pe-3">
              <span class="badge {{ $payout->statusBadgeClass() }}">{{ $payout->statusLabel() }}</span>
              @if($payout->paid_at)
              <div class="text-muted" style="font-size:.72rem">{{ $payout->paid_at->format('Y/m/d') }}</div>
              @endif
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    @endif
  </div>
</div>

@php $bank = (array) ($partner->bank_info ?? []); @endphp
@if(($bank['bank_name'] ?? '') === '')
<div class="alert alert-warning mt-3 mb-0">
  <i class="bi bi-exclamation-triangle me-1"></i>
  <strong>振込先が未登録です。</strong>
  報酬をお受け取りいただくため、<a href="{{ route('public.partner.portal.profile') }}">登録情報</a>から口座を登録してください。
</div>
@endif
@endsection