@extends('task/layout')
@section('content')
<div class="container mt-4">

  {{-- 保存完了メッセージ --}}
  @if (session('success'))
    <div class="alert alert-success">
      {{ session('success') }}
    </div>
  @endif

  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h3>評価活動一覧</h3>
      <p class="text-muted">以下から、相互評価を行う評価活動を選択してください</p>
    </div>
    <div>
      <a href="{{ route('task.create') }}" class="btn btn-primary">
        <i class="fas fa-plus"></i> 新規登録
      </a>
    </div>
  </div>

  <div class="row">
    @forelse ($tasks as $task)
      <div class="col-md-4 mb-3">
        <div class="card h-100 shadow-sm">
          <div class="card-body">
            <h5 class="card-title">
              <a href="{{ route('task.overview', [$task->id]) }}" class="stretched-link text-decoration-none">
                {{ $task->title }}
              </a>
            </h5>
            <p class="card-text text-muted small mb-0">
              登録日：{{ $task->created_at->format('Y-m-d') }}
            </p>
          </div>
        </div>
      </div>
    @empty
      <div class="col-12">
        <p class="text-muted">評価活動がまだ登録されていません。</p>
      </div>
    @endforelse
  </div>

</div>
@endsection