@extends('layouts.app')
@section('title', '活動')

@section('content')
@php
  $allTrackers = \App\Models\IssueTracker::asOptions();
  $allStatuses = \App\Models\IssueStatus::asOptions();
  $trackerColor = [
    'bug'     => '#c0392b',
    'feature' => '#2980b9',
    'task'    => '#27ae60',
    'support' => '#8e44ad',
    'doc'     => '#e67e22',
  ];
  $today     = now()->format('Y-m-d');
  $yesterday = now()->subDay()->format('Y-m-d');
@endphp

@include('projects._list_tabs', ['activeTab' => 'activity'])

<div class="container py-4">

  {{-- 篩選列 --}}
  <form method="GET" action="{{ route('projects.activity') }}" class="mb-4">
    <div class="d-flex align-items-center gap-3 flex-wrap">
      <span class="text-muted small">顯示最近</span>
      <input type="number" name="days" value="{{ $days }}" min="7" max="180"
        class="form-control form-control-sm" style="width:80px;">
      <span class="text-muted small">天的活動</span>
      <button type="submit" class="btn btn-sm btn-primary">套用</button>
      <span class="text-muted small ms-auto">
        {{ $from->format('Y-m-d') }} ～ {{ now()->format('Y-m-d') }}
      </span>
    </div>
  </form>

  @if($grouped->isEmpty())
    <div class="text-center text-muted py-5">
      <i class="bi bi-inbox fs-1 d-block mb-2 opacity-25"></i>
      此時段內沒有活動記錄。
    </div>
  @else
    @foreach($grouped as $date => $items)
      @php
        $label = $date === $today
          ? '今天'
          : ($date === $yesterday ? '昨天' : $date);
      @endphp

      {{-- 日期標題 --}}
      <div class="d-flex align-items-center gap-2 mb-2 mt-4">
        <span class="badge bg-secondary bg-opacity-10 text-secondary border"
          style="font-size:.8rem;font-weight:600;">
          {{ $label }}
        </span>
        <div class="flex-grow-1 border-top" style="border-color:#e2e8f0 !important;"></div>
        <span class="text-muted small">{{ $items->count() }} 筆</span>
      </div>

      {{-- 活動列表 --}}
      <div class="card border-0 shadow-sm mb-2">
        <div class="list-group list-group-flush">
          @foreach($items as $issue)
            @php
              $tLabel  = $allTrackers[$issue->tracker]['label'] ?? $issue->tracker;
              $tBs     = $allTrackers[$issue->tracker]['color'] ?? 'secondary';
              $tColor  = $trackerColor[$issue->tracker] ?? '#555';
              $sBs     = $allStatuses[$issue->status]['color'] ?? 'secondary';
              $sLabel  = $allStatuses[$issue->status]['label'] ?? $issue->status;
              $isNew   = $issue->created_at->format('Y-m-d') === $date
                         && abs($issue->updated_at->timestamp - $issue->created_at->timestamp) < 60;
              $projName    = $issue->project->name ?? '—';
              $clientName  = $issue->project->client->name ?? null;
              $displayProj = $clientName ? $clientName . ' · ' . $projName : $projName;
              $assignee    = $issue->assignee->name ?? ($issue->user->name ?? null);
              $timeStr     = $issue->updated_at->format('H:i');
            @endphp
            <div class="list-group-item list-group-item-action border-0 py-2 px-3"
                 style="border-bottom:1px solid #f0f4f8 !important;">
              <div class="d-flex align-items-start gap-2">
                {{-- 圖示：新建立 vs 更新 --}}
                <div class="mt-1 flex-shrink-0">
                  @if($isNew)
                    <i class="bi bi-plus-circle-fill" style="color:{{ $tColor }};font-size:.9rem;"></i>
                  @else
                    <i class="bi bi-arrow-clockwise" style="color:{{ $tColor }};font-size:.9rem;opacity:.7;"></i>
                  @endif
                </div>
                <div class="flex-grow-1 min-w-0">
                  <div class="d-flex align-items-center gap-2 flex-wrap">
                    <span class="text-muted small" style="font-size:.78rem;">{{ $timeStr }}</span>
                    <span class="fw-semibold small text-dark">{{ $displayProj }}</span>
                    <span class="badge bg-{{ $tBs }}" style="font-size:.7rem;">{{ $tLabel }}</span>
                    @if($isNew)
                      <span class="badge bg-success-subtle text-success border border-success-subtle"
                        style="font-size:.7rem;">新</span>
                    @endif
                    <span class="badge text-bg-{{ $sBs }}" style="font-size:.7rem;">{{ $sLabel }}</span>
                  </div>
                  <div class="mt-1">
                    @if($issue->project_id)
                      <a href="{{ route('projects.issues.show', [$issue->project_id, $issue]) }}"
                         class="text-decoration-none fw-semibold" style="color:#1a6aae;font-size:.9rem;">
                        @if($issue->redmine_id)
                          <span class="text-muted me-1" style="font-size:.8rem;">#{{ $issue->redmine_id }}</span>
                        @endif
                        {{ $issue->title }}
                      </a>
                    @else
                      <span class="fw-semibold" style="font-size:.9rem;">{{ $issue->title }}</span>
                    @endif
                  </div>
                  @if($isNew && $issue->description)
                    <div class="text-muted mt-1" style="font-size:.8rem;overflow:hidden;max-height:2.8em;line-height:1.4;">
                      {{ Str::limit(strip_tags($issue->description), 120) }}
                    </div>
                  @endif
                  @if($assignee)
                    <div class="text-muted mt-1" style="font-size:.75rem;">
                      <i class="bi bi-person me-1"></i>{{ $assignee }}
                    </div>
                  @endif
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    @endforeach
  @endif

</div>
@endsection