@extends('layouts.app')
@section('title', 'パートナー一覧')
@section('page-title', 'パートナー')
@section('page-subtitle', '紹介してくれる人（パートナー）を登録・管理します。登録したパートナーには紹介コードが自動で割り当てられ、URL管理で案件ごとの紹介URLを発行できます。')
@push('styles')
@include('partner.partials._styles')
@endpush
@section('content')

<div class="partner-tabs">
  <a class="tab-item" href="{{ route('partner.index') }}">案件一覧</a>
  <span class="tab-item active">パートナー一覧</span>
  <a class="tab-item" href="{{ route('partner.groups.index') }}">パートナーグループ</a>
</div>

<div class="partner-toolbar">
  <div class="d-flex gap-2 align-items-center flex-wrap">
    <a href="{{ route('partner.groups.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-folder-plus 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>
  </div>
  <a href="{{ route('partner.partners.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>パートナーを登録</a>
</div>

@if($pendingCount > 0)
<div class="alert alert-warning d-flex justify-content-between align-items-center flex-wrap gap-2">
  <div><i class="bi bi-person-check me-1"></i><strong>{{ $pendingCount }}名</strong>のパートナーが承認待ちです。</div>
  <a href="{{ route('partner.partners.index', ['status' => 'pending']) }}" class="btn btn-sm btn-warning">承認待ちを表示</a>
</div>
@endif

@if($status === 'pending')
<div class="mb-3">
  <a href="{{ route('partner.partners.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>すべてのパートナーを表示</a>
</div>
@endif

@if($groups->isNotEmpty())
<ul class="nav nav-tabs mb-3">
  <li class="nav-item">
    <a class="nav-link {{ $group === '' ? 'active' : '' }}" href="{{ route('partner.partners.index') }}">
      すべて <span class="badge bg-secondary ms-1">{{ $allPartners->count() }}</span>
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link {{ $group === 'none' ? 'active' : '' }}" href="{{ route('partner.partners.index', ['group' => 'none']) }}">
      グループなし <span class="badge bg-secondary ms-1">{{ $allPartners->whereNull('group_id')->count() }}</span>
    </a>
  </li>
  @foreach($groups as $g)
  <li class="nav-item">
    <a class="nav-link {{ $group === (string) $g->id ? 'active' : '' }}" href="{{ route('partner.partners.index', ['group' => $g->id]) }}">
      <i class="bi bi-folder me-1"></i>{{ $g->name }}
      <span class="badge bg-secondary ms-1">{{ $allPartners->where('group_id', $g->id)->count() }}</span>
    </a>
  </li>
  @endforeach
</ul>
@endif

@if($partners->isEmpty())
<div class="card partner-card"><div class="card-body partner-empty">
  <i class="bi bi-person-badge"></i>
  <h5>{{ $allPartners->isEmpty() ? 'パートナーがいません' : 'このグループにパートナーがいません' }}</h5>
  @if($allPartners->isEmpty())
  <p class="text-muted small mb-3">紹介者を登録すると、案件ごとの紹介URLを発行できるようになります。</p>
  <a href="{{ route('partner.partners.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>パートナーを登録</a>
  @endif
</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 class="text-end">成果</th>
        <th>ステータス</th>
        <th>登録日</th>
        <th class="text-end pe-4">操作</th>
      </tr>
    </thead>
    <tbody>
      @foreach($partners as $partner)
      <tr>
        <td class="ps-4 fw-semibold">{{ $partner->name }}</td>
        <td class="text-muted small">{{ $partner->email ?: '—' }}</td>
        <td class="text-muted small partner-url-cell">{{ $partner->uid ?: '—' }}</td>
        <td>
          <form method="POST" action="{{ route('partner.partners.group.assign', $partner) }}">
            @csrf
            <select name="group_id" class="form-select form-select-sm" style="min-width:150px" onchange="this.form.submit()">
              <option value="">グループなし</option>
              @foreach($groups as $g)
              <option value="{{ $g->id }}" @selected((int) $partner->group_id === (int) $g->id)>{{ $g->name }}</option>
              @endforeach
            </select>
          </form>
        </td>
        <td class="text-end">{{ number_format((int) ($conversionCounts[$partner->id] ?? 0)) }}件</td>
        <td>
          <span class="badge {{ $partner->statusBadgeClass() }}">{{ $partner->statusLabel() }}</span>
          @if(! $partner->canSignInToPortal())
          <div class="text-muted" style="font-size:.72rem" title="マイページにログインできません">
            <i class="bi bi-lock"></i> マイページ不可
          </div>
          @endif
        </td>
        <td class="text-muted small">
          {{ $partner->created_at ? $partner->created_at->format('Y/m/d') : '—' }}
          @if($partner->applied_at)
          <div style="font-size:.72rem">申請 {{ $partner->applied_at->format('Y/m/d') }}</div>
          @endif
        </td>
        <td class="text-end pe-4">
          @if($partner->status === \App\Models\Partner::STATUS_PENDING)
          <div class="d-inline-flex gap-1 mb-1">
            <form method="POST" action="{{ route('partner.partners.approve', $partner) }}"
                  onsubmit="return confirm('「{{ $partner->name }}」を承認しますか？\n申請元の案件があれば紹介URLを発行し、本人にメールで通知します。')">
              @csrf
              <button type="submit" class="btn btn-sm btn-success">承認</button>
            </form>
            <form method="POST" action="{{ route('partner.partners.reject', $partner) }}"
                  onsubmit="return confirm('「{{ $partner->name }}」を却下（停止中）にしますか？')">
              @csrf
              <button type="submit" class="btn btn-sm btn-outline-danger">却下</button>
            </form>
          </div>
          @endif
          <div class="btn-group btn-group-sm">
            <a href="{{ route('partner.partners.edit', $partner) }}" class="btn btn-outline-secondary">編集</a>
            <a href="{{ route('partner.links.index', ['partner' => $partner->id]) }}" class="btn btn-outline-secondary">紹介URL</a>
          </div>
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>
@endif
@endsection