@extends('layouts.app')
@section('title', '支払明細')
@section('page-title', 'パートナー')
@section('page-subtitle', '確定した報酬をパートナーごとの支払明細にまとめます。明細を作ると、その成果は次回の集計対象から外れます。振込が終わったら「支払済」にしてください。')
@push('styles')
@include('partner.partials._styles')
@endpush
@section('content')

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

<div class="partner-note">
  <i class="bi bi-info-circle me-1"></i>
  明細にできるのは <strong>「確定」でまだどの明細にも入っていない成果</strong> だけです。
  未確定・無効・支払済の成果は含まれません。
  @if((int) $setting->minimum_payment > 0)
  最低支払額（{{ number_format($setting->minimum_payment) }}円）に届かないパートナーは明細を作らず<strong>繰り越し</strong>ます。
  @endif
  <span class="d-block mt-1 text-muted">※ 実際の振込は monaka の外で行います。CSVを銀行の一括振込に利用できます。</span>
</div>

<div class="partner-stat-row">
  <div class="partner-stat">
    <div class="stat-label">明細にできる報酬</div>
    <div class="stat-value">{{ number_format($eligibleAmount) }}<span class="fs-6">円</span></div>
    <div class="stat-note">確定・未割当の成果 {{ number_format($eligibleCount) }}件</div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">振込待ちの明細</div>
    <div class="stat-value">{{ number_format($pendingTotal) }}<span class="fs-6">円</span></div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">支払済の合計</div>
    <div class="stat-value">{{ number_format($paidTotal) }}<span class="fs-6">円</span></div>
  </div>
</div>

<div class="partner-form-card">
  <div class="card-header">支払明細を作成</div>
  <div class="card-body">
    <form method="POST" action="{{ route('partner.payouts.store') }}" class="row g-2 align-items-end"
          onsubmit="return confirm('この条件で支払明細を作成しますか？\n対象の成果は次回の集計から外れます。')">
      @csrf
      <div class="col-6 col-md-3">
        <label class="form-label mb-1 small">対象期間（開始）</label>
        <input type="date" name="from" class="form-control form-control-sm" value="{{ $filterFrom }}">
      </div>
      <div class="col-6 col-md-3">
        <label class="form-label mb-1 small">対象期間（終了）</label>
        <input type="date" name="to" class="form-control form-control-sm" value="{{ $filterTo }}">
      </div>
      <div class="col-md-6">
        <button type="submit" class="btn btn-primary" @disabled($eligibleCount === 0)>
          <i class="bi bi-receipt me-1"></i>この期間の確定報酬で明細を作る
        </button>
        <div class="form-text">空欄なら全期間が対象です。成果の発生日時で絞り込みます。</div>
      </div>
    </form>
  </div>
</div>

<div class="partner-toolbar">
  <div class="d-flex gap-2 align-items-center flex-wrap">
    <a class="btn btn-sm {{ $status === '' ? 'btn-secondary' : 'btn-outline-secondary' }}" href="{{ route('partner.payouts.index') }}">すべて</a>
    <a class="btn btn-sm {{ $status === 'pending' ? 'btn-secondary' : 'btn-outline-secondary' }}" href="{{ route('partner.payouts.index', ['status' => 'pending']) }}">振込待ち</a>
    <a class="btn btn-sm {{ $status === 'paid' ? 'btn-secondary' : 'btn-outline-secondary' }}" href="{{ route('partner.payouts.index', ['status' => 'paid']) }}">支払済</a>
  </div>
  @if($payouts->isNotEmpty())
  <a href="{{ route('partner.payouts.csv', request()->only('status')) }}" class="btn btn-outline-secondary btn-sm">
    <i class="bi bi-download me-1"></i>振込用CSVをダウンロード
  </a>
  @endif
</div>

@if($payouts->isEmpty())
<div class="card partner-card"><div class="card-body partner-empty">
  <i class="bi bi-receipt"></i>
  <h5>支払明細がありません</h5>
  <p class="text-muted small mb-0">確定した報酬がたまったら、上のフォームから明細を作成してください。</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 class="text-end">成果件数</th>
        <th class="text-end">支払金額</th>
        <th>振込先</th>
        <th>ステータス</th>
        <th class="text-end pe-4">操作</th>
      </tr>
    </thead>
    <tbody>
      @foreach($payouts as $payout)
      @php $bank = (array) ($payout->partner->bank_info ?? []); @endphp
      <tr>
        <td class="ps-4">
          @if($payout->partner)
          <a href="{{ route('partner.partners.edit', $payout->partner) }}">{{ $payout->partner->name }}</a>
          @else
          <span class="text-muted">（削除済み）</span>
          @endif
        </td>
        <td class="text-muted small">{{ $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="small text-muted">
          @if(($bank['bank_name'] ?? '') !== '')
            {{ $bank['bank_name'] }} {{ $bank['branch'] ?? '' }}
            <div>{{ $bank['account_type'] ?? '' }} {{ $bank['account_number'] ?? '' }} {{ $bank['account_holder'] ?? '' }}</div>
          @else
            <span class="text-danger">未登録</span>
          @endif
        </td>
        <td>
          <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>
        <td class="text-end pe-4">
          @if($payout->status === \App\Models\PartnerPayout::STATUS_PENDING)
          <div class="d-inline-flex gap-1">
            <form method="POST" action="{{ route('partner.payouts.pay', $payout) }}"
                  onsubmit="return confirm('この明細を「支払済」にしますか？\n含まれる成果もすべて支払済になります。')">
              @csrf
              <button type="submit" class="btn btn-sm btn-outline-primary">支払済にする</button>
            </form>
            <form method="POST" action="{{ route('partner.payouts.destroy', $payout) }}"
                  onsubmit="return confirm('この明細を取り消しますか？\n含まれる成果は「確定」に戻り、次回の集計対象になります。')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
            </form>
          </div>
          @else
          <span class="text-muted small">—</span>
          @endif
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>
@endif
@endsection