@extends('layouts.app')
@section('title', '成約状況')
@section('page-title', 'パートナー')
@section('page-subtitle', '紹介経由で発生した成果を1件ずつ確認します。未確定は返金・キャンセルの猶予期間中、確定は支払い対象、支払済は精算が終わったものです。')
@push('styles')
@include('partner.partials._styles')
@endpush
@section('content')

<div class="partner-tabs">
  <span class="tab-item active">成約状況</span>
  <a class="tab-item" href="{{ route('partner.ranking.index') }}">ランキング</a>
  <a class="tab-item" href="{{ route('partner.rewards.index') }}">報酬集計</a>
  <a class="tab-item" href="{{ route('partner.payouts.index') }}">支払明細</a>
</div>

@include('partner.partials._tracking_notice')

@include('partner.partials._report_filters', ['action' => route('partner.conversions.index')])

<div class="partner-stat-row">
  <div class="partner-stat">
    <div class="stat-label">成果件数</div>
    <div class="stat-value">{{ number_format($totals['count']) }}</div>
    @if(($totals['canceled_count'] ?? 0) > 0)
    <div class="stat-note">うち無効 {{ number_format($totals['canceled_count']) }}件（金額の合計には含みません）</div>
    @endif
  </div>
  <div class="partner-stat">
    <div class="stat-label">売上（無効を除く）</div>
    <div class="stat-value">{{ number_format($totals['amount']) }}<span class="fs-6">円</span></div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">未確定の報酬</div>
    <div class="stat-value">{{ number_format($totals['pending_reward']) }}<span class="fs-6">円</span></div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">確定・支払済の報酬</div>
    <div class="stat-value">{{ number_format($totals['payable_reward']) }}<span class="fs-6">円</span></div>
  </div>
</div>

@if($conversions->isEmpty())
<div class="card partner-card"><div class="card-body partner-empty">
  <i class="bi bi-bar-chart-line"></i>
  <h5>成果の記録がありません</h5>
  <p class="text-muted small mb-0">紹介URLを配布すると、そこ経由の購入・登録・予約がここに1件ずつ記録されます。</p>
</div></div>
@else
<div class="card partner-card"><div class="card-body p-0">
  <div class="table-responsive">
  <table class="table table-hover mb-0 align-middle">
    <thead class="table-light">
      <tr>
        <th class="ps-4">発生日時</th>
        <th>パートナー</th>
        <th>案件</th>
        <th>成果</th>
        <th>顧客</th>
        <th class="text-end">売上</th>
        <th class="text-end">報酬</th>
        <th>ステータス</th>
        <th class="text-end pe-4">操作</th>
      </tr>
    </thead>
    <tbody>
      @foreach($conversions as $conversion)
      <tr>
        <td class="ps-4 text-muted small">{{ $conversion->occurred_at ? $conversion->occurred_at->format('Y/m/d H:i') : '—' }}</td>
        <td>{{ $conversion->partner->name ?? '（削除済み）' }}</td>
        <td>{{ $conversion->campaign->name ?? '—' }}</td>
        <td class="small">{{ \App\Models\PartnerCampaign::typeLabels()[$conversion->type] ?? $conversion->type }}</td>
        <td class="small text-muted">{{ $conversion->customer_name ?: ($conversion->customer_email ?: '—') }}</td>
        <td class="text-end">{{ number_format((int) $conversion->amount) }}円</td>
        <td class="text-end">{{ number_format((int) $conversion->reward_amount) }}円</td>
        <td>
          <span class="badge {{ $conversion->statusBadgeClass() }}">{{ $conversion->statusLabel() }}</span>
          @if($conversion->approved_at)
          <div class="text-muted" style="font-size:.72rem">確定 {{ $conversion->approved_at->format('Y/m/d') }}</div>
          @endif
          @if($conversion->paid_at)
          <div class="text-muted" style="font-size:.72rem">支払 {{ $conversion->paid_at->format('Y/m/d') }}</div>
          @endif
        </td>
        <td class="text-end pe-4">
          @if($conversion->payout_id !== null)
          <span class="text-muted small" title="支払明細に含まれているため個別に変更できません">
            <i class="bi bi-lock"></i> 明細に計上済み
          </span>
          @else
          <form method="POST" action="{{ route('partner.conversions.status', $conversion) }}" class="d-inline-flex gap-1 justify-content-end">
            @csrf @method('PUT')
            @if($conversion->status !== \App\Models\PartnerConversion::STATUS_APPROVED)
            <button type="submit" name="status" value="approved" class="btn btn-sm btn-outline-success" title="報酬の支払対象にする">確定</button>
            @endif
            @if($conversion->status === \App\Models\PartnerConversion::STATUS_APPROVED)
            <button type="submit" name="status" value="paid" class="btn btn-sm btn-outline-primary" title="振込が終わった扱いにする">支払済</button>
            @endif
            @if($conversion->status !== \App\Models\PartnerConversion::STATUS_CANCELED)
            <button type="submit" name="status" value="canceled" class="btn btn-sm btn-outline-danger" title="報酬の対象外にする"
                    onclick="return confirm('この成果を無効にしますか？\n報酬集計から外れます。')">無効</button>
            @else
            <button type="submit" name="status" value="pending" class="btn btn-sm btn-outline-secondary" title="未確定に戻す">戻す</button>
            @endif
          </form>
          @endif
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>
<div class="mt-3">{{ $conversions->links() }}</div>
@endif
@endsection