@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.index') }}">案件一覧</a>
  <a class="tab-item" href="{{ route('partner.partners.index') }}">パートナー一覧</a>
  <span class="tab-item active">パートナーグループ</span>
</div>

<div class="partner-form-card">
  <div class="card-header">グループを追加</div>
  <div class="card-body">
    <form method="POST" action="{{ route('partner.groups.store') }}" class="d-flex gap-2 flex-wrap">
      @csrf
      <input type="text" name="name" class="form-control" style="max-width:360px" placeholder="新しいグループ名" required maxlength="100" value="{{ old('name') }}">
      <button type="submit" class="btn btn-primary text-nowrap"><i class="bi bi-plus-lg me-1"></i>追加</button>
    </form>
  </div>
</div>

<div class="card partner-card">
  <div class="card-body p-0">
    @if($groups->isEmpty())
    <div class="partner-empty">
      <i class="bi bi-folder"></i>
      <h5>グループがありません</h5>
      <p class="text-muted small mb-0">グループなしのパートナー: {{ number_format($ungroupedCount) }}名</p>
    </div>
    @else
    <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 pe-4">操作</th>
        </tr>
      </thead>
      <tbody>
        @foreach($groups as $group)
        <tr>
          <td class="ps-4">
            <form method="POST" action="{{ route('partner.groups.update', $group) }}" class="d-flex gap-2" id="group-form-{{ $group->id }}">
              @csrf @method('PUT')
              <input type="text" name="name" class="form-control form-control-sm" style="max-width:320px" value="{{ $group->name }}" required maxlength="100">
              <button type="submit" class="btn btn-sm btn-outline-success text-nowrap"><i class="bi bi-check-lg me-1"></i>保存</button>
            </form>
          </td>
          <td class="text-muted small">
            <a href="{{ route('partner.partners.index', ['group' => $group->id]) }}">{{ number_format($group->partners_count) }}名</a>
          </td>
          <td class="text-end pe-4">
            <form method="POST" action="{{ route('partner.groups.destroy', $group) }}" onsubmit="return confirm('「{{ $group->name }}」を削除しますか？\n所属していたパートナーは「グループなし」に戻ります。')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
            </form>
          </td>
        </tr>
        @endforeach
        <tr>
          <td class="ps-4 text-muted">グループなし</td>
          <td class="text-muted small">
            <a href="{{ route('partner.partners.index', ['group' => 'none']) }}">{{ number_format($ungroupedCount) }}名</a>
          </td>
          <td></td>
        </tr>
      </tbody>
    </table>
    @endif
  </div>
</div>
@endsection