@extends('layouts.app')
@section('title', 'パートナー案件')
@section('page-title', 'パートナー')
@section('page-subtitle', '紹介者（パートナー）に紹介してもらう案件を作ります。何を成果とみなすか（メール登録・LINE登録・購入・イベント申込）と、1件あたりの報酬を案件ごとに決めます。案件を作ったあと、URL管理でパートナーごとの紹介URLを発行します。')
@push('styles')
@include('partner.partials._styles')
@endpush
@section('content')

<div class="partner-tabs">
  <a class="tab-item {{ $status === '' ? 'active' : '' }}" href="{{ route('partner.index') }}">すべて（{{ $countAll }}）</a>
  <a class="tab-item {{ $status === 'active' ? 'active' : '' }}" href="{{ route('partner.index', ['status' => 'active']) }}">公開中（{{ $countActive }}）</a>
  <a class="tab-item {{ $status === 'inactive' ? 'active' : '' }}" href="{{ route('partner.index', ['status' => 'inactive']) }}">停止中（{{ $countInactive }}）</a>
</div>

<div class="partner-stat-row">
  <div class="partner-stat">
    <div class="stat-label">案件</div>
    <div class="stat-value">{{ number_format($countAll) }}</div>
    <div class="stat-note">うち公開中 {{ number_format($countActive) }}</div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">パートナー</div>
    <div class="stat-value">{{ number_format($partnerCount) }}</div>
    <div class="stat-note"><a href="{{ route('partner.partners.index') }}">パートナー一覧を開く</a></div>
  </div>
  <div class="partner-stat">
    <div class="stat-label">記録済みの成果</div>
    <div class="stat-value">{{ number_format($conversionCount) }}</div>
    <div class="stat-note"><a href="{{ route('partner.conversions.index') }}">成約状況を開く</a></div>
  </div>
</div>

<div class="partner-toolbar">
  <div class="d-flex gap-2 align-items-center flex-wrap">
    <a href="{{ route('partner.partners.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-person-badge me-1"></i>パートナー一覧</a>
    <a href="{{ route('partner.links.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-link-45deg me-1"></i>URL管理</a>
    <a href="{{ route('partner.settings.edit') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-gear me-1"></i>設定</a>
  </div>
  <a href="{{ route('partner.campaign.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>案件を作成</a>
</div>

@if($campaigns->isEmpty())
<div class="card partner-card"><div class="card-body partner-empty">
  <i class="bi bi-list-task"></i>
  <h5>{{ $status === '' ? 'パートナー案件がありません' : '該当する案件がありません' }}</h5>
  @if($status === '')
  <p class="text-muted small mb-3">まず案件を作り、次に「パートナー一覧」で紹介者を登録し、「URL管理」で紹介URLを発行します。</p>
  <a href="{{ route('partner.campaign.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>案件を作成</a>
  @endif
</div></div>
@else
<div class="row g-3">
  @foreach($campaigns as $campaign)
  <div class="col-md-6 col-lg-4">
    <div class="card partner-card h-100">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start mb-2 gap-2">
          <h6 class="fw-semibold mb-0">{{ $campaign->name }}</h6>
          <span class="badge bg-light text-dark text-nowrap">{{ $campaign->typeLabel() }}</span>
        </div>
        <p class="text-muted small mb-2">{{ \Illuminate\Support\Str::limit($campaign->description ?: '説明なし', 80) }}</p>
        <div class="text-muted small"><i class="bi bi-cash-coin me-1"></i>報酬: {{ $campaign->commissionLabel() }}</div>
        <div class="text-muted small"><i class="bi bi-check2-square me-1"></i>承認: {{ $campaign->approvalLabel() }}</div>
        @if($campaign->start_at || $campaign->end_at)
        <div class="text-muted small">
          <i class="bi bi-calendar-range me-1"></i>
          {{ $campaign->start_at ? $campaign->start_at->format('Y/m/d H:i') : '—' }} 〜 {{ $campaign->end_at ? $campaign->end_at->format('Y/m/d H:i') : '—' }}
        </div>
        @endif
        <div class="text-muted small">
          <i class="bi bi-link-45deg me-1"></i>紹介先URL: {{ $campaign->primaryLpUrl() ? '設定済み' : '未設定' }}
        </div>
        <div class="mt-2">
          <span class="badge {{ $campaign->statusBadgeClass() }}">{{ $campaign->statusLabel() }}</span>
        </div>
      </div>
      <div class="card-footer">
        <div class="d-flex gap-2">
          <a href="{{ route('partner.campaign.edit', $campaign) }}" class="btn btn-sm btn-outline-secondary flex-fill">編集</a>
          <a href="{{ route('partner.links.index', ['campaign' => $campaign->id]) }}" class="btn btn-sm btn-outline-secondary">紹介URL</a>
          @if($campaign->visibility === 'public' && ! $campaign->public_token)
          <form method="POST" action="{{ route('partner.campaign.recruit-url', $campaign) }}">
            @csrf
            <button type="submit" class="btn btn-sm btn-outline-primary" title="パートナー募集ページのURLを発行">募集URL</button>
          </form>
          @endif
          <form method="POST" action="{{ route('partner.campaign.destroy', $campaign) }}" onsubmit="return confirm('「{{ $campaign->name }}」を削除しますか？\n発行済みの紹介URLも削除されます。\n成果（報酬）の記録は残りますが、案件名は表示されなくなります。')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
          </form>
        </div>
      </div>
    </div>
  </div>
  @endforeach
</div>
@endif
@endsection