@extends('layouts.app')
@section('title', $project->name . ' - 概覽')

@section('content')
@include('projects._nav')

<div class="container-fluid px-4 py-4">
  @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
  @endif

  <div class="row g-4">
    {{-- 左欄：專案資訊 --}}
    <div class="col-lg-8">

      {{-- 基本資訊 --}}
      <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h6 class="mb-0 fw-bold"><i class="bi bi-info-circle me-2"></i>專案資訊</h6>
          @can('update', $project)
            <a href="{{ route('projects.edit', $project) }}" class="btn btn-sm btn-outline-secondary">編輯</a>
          @endcan
        </div>
        <div class="card-body">
          <div class="row g-3">
            <div class="col-sm-6">
              <small class="text-muted d-block">系統名稱</small>
              <span class="fw-medium">{{ $project->name }}</span>
            </div>
            @php $contracts = $project->contracts()->orderBy('name')->get(); @endphp
            @if($contracts->isNotEmpty())
            <div class="col-sm-6">
              <small class="text-muted d-block">合約</small>
              <div class="d-flex flex-wrap gap-1">
                @foreach($contracts as $c)
                  <span class="badge bg-light text-dark border" style="font-size:.8em">{{ $c->name ?: $c->project_type }}</span>
                @endforeach
              </div>
            </div>
            @endif
            <div class="col-sm-6">
              <small class="text-muted d-block">客戶</small>
              <span>{{ $project->client?->name ?? '未分類' }}</span>
            </div>
            <div class="col-sm-3">
              <small class="text-muted d-block">開始日期</small>
              <span>{{ $project->start_date ?? '—' }}</span>
            </div>
            <div class="col-sm-3">
              <small class="text-muted d-block">結束日期</small>
              <span>{{ $project->end_date ?? '—' }}</span>
            </div>
            <div class="col-sm-3">
              <small class="text-muted d-block">類型</small>
              <span>{{ $project->project_type ?? '—' }}</span>
            </div>
            <div class="col-sm-3">
              <small class="text-muted d-block">開發工具</small>
              <span>{{ $project->dev_tool ?? '—' }}</span>
            </div>
            @if($project->estimated_man_days)
            <div class="col-sm-3">
              <small class="text-muted d-block">評估人天</small>
              <span>{{ $project->estimated_man_days }} 天</span>
            </div>
            @endif
            @can('update', $project)
            @if($project->contract_amount)
            <div class="col-sm-3">
              <small class="text-muted d-block">合約金額</small>
              <span>NT$ {{ number_format($project->contract_amount) }}</span>
            </div>
            @endif
            @endcan
            @if($project->deliverables)
            <div class="col-12">
              <small class="text-muted d-block">交付項目</small>
              <span>{{ $project->deliverables }}</span>
            </div>
            @endif
          </div>
        </div>
      </div>

      {{-- 進行中議題 --}}
      @php
        $recentIssues = \App\Models\Issue::with(['assignee'])
            ->where('project_id', $project->id)
            ->where('status', 'in_progress')
            ->orderBy('updated_at', 'desc')
            ->limit(10)->get();
        $trackers   = \App\Models\IssueTracker::asOptions();
        $priorities = \App\Models\IssuePriority::asOptions();
      @endphp
      @if($recentIssues->isNotEmpty())
      <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h6 class="mb-0 fw-bold"><i class="bi bi-bug me-2"></i>進行中議題</h6>
          <a href="{{ route('projects.issues.index', $project) }}" class="btn btn-sm btn-outline-primary">全部議題</a>
        </div>
        <div class="table-responsive">
          <table class="table table-sm table-hover align-middle mb-0" style="font-size:.82rem;">
            <thead class="table-light">
              <tr>
                <th style="width:48px;" class="text-center text-muted">#</th>
                <th style="width:80px;">類型</th>
                <th>標題</th>
                <th style="width:70px;">優先權</th>
                <th style="width:70px;">負責人</th>
              </tr>
            </thead>
            <tbody>
          @foreach($recentIssues as $issue)
          @php
            $tColor = $trackers[$issue->tracker]['color'] ?? 'secondary';
            $tLabel = $trackers[$issue->tracker]['label'] ?? $issue->tracker;
            $pData  = $priorities[$issue->priority] ?? null;
          @endphp
          <tr style="cursor:pointer;" onclick="location.href='{{ route('projects.issues.show', [$project, $issue]) }}'">
            <td class="text-center" style="color:#aaa;font-size:.75rem;white-space:nowrap;">#{{ $issue->redmine_id ?? $issue->id }}</td>
            <td><span class="badge bg-{{ $tColor }}">{{ $tLabel }}</span></td>
            <td class="text-truncate" style="max-width:300px;">{{ $issue->title }}</td>
            <td>
              @if($pData)
              <span class="badge bg-{{ $pData['color'] ?? 'secondary' }}">
                <i class="bi bi-flag-fill me-1" style="font-size:.55rem;"></i>{{ $pData['label'] }}
              </span>
              @endif
            </td>
            <td class="text-muted small">{{ $issue->assignee?->name ?? '—' }}</td>
          </tr>
          @endforeach
            </tbody>
          </table>
        </div>
      </div>
      @endif

      {{-- 文件 --}}
      @php $recentDocs = $project->docs()->where('type','doc')->latest()->limit(5)->get() @endphp
      <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h6 class="mb-0 fw-bold"><i class="bi bi-file-earmark-text me-2"></i>文件</h6>
          <a href="{{ route('projects.docs.index', $project) }}" class="btn btn-sm btn-outline-primary">
            <i class="bi bi-arrow-right me-1"></i>查看文件
          </a>
        </div>
        @if($recentDocs->isNotEmpty())
        <div class="list-group list-group-flush">
          @foreach($recentDocs as $doc)
          <a href="{{ route('projects.docs.show', [$project, $doc]) }}"
             class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2">
            <span><i class="bi bi-file-earmark-text me-1 text-muted"></i>{{ $doc->title }}</span>
            <small class="text-muted">{{ $doc->updated_at?->format('Y-m-d') }}</small>
          </a>
          @endforeach
        </div>
        @else
        <div class="card-body text-center py-3 text-muted">
          <i class="bi bi-folder2 fs-4 d-block mb-1"></i>
          <small>尚無文件</small>
        </div>
        @endif
      </div>

      {{-- Wiki --}}
      @php $wikiDocs = $project->docs()->where('type','wiki')->latest()->limit(5)->get() @endphp
      <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h6 class="mb-0 fw-bold"><i class="bi bi-journal-richtext me-2"></i>Wiki</h6>
          <a href="{{ route('projects.wiki.index', $project) }}" class="btn btn-sm btn-outline-primary">
            <i class="bi bi-arrow-right me-1"></i>查看 Wiki
          </a>
        </div>
        @if($wikiDocs->isNotEmpty())
        <div class="list-group list-group-flush">
          @foreach($wikiDocs as $doc)
          <a href="{{ route('projects.wiki.show', [$project, $doc]) }}"
             class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2">
            <span><i class="bi bi-journal-text me-1 text-muted"></i>{{ $doc->title }}</span>
            <small class="text-muted">{{ $doc->updated_at?->format('Y-m-d') }}</small>
          </a>
          @endforeach
        </div>
        @else
        <div class="card-body text-center py-3 text-muted">
          <i class="bi bi-journal-x fs-4 d-block mb-1"></i>
          <small>尚無 Wiki 頁面</small>
        </div>
        @endif
      </div>
    </div>

    {{-- 右欄：統計 + 成員 --}}
    <div class="col-lg-4">

      {{-- 議題統計 --}}
      @php
        $issueStats = \App\Models\Issue::where('project_id', $project->id)
            ->selectRaw('status, COUNT(*) as cnt')
            ->groupBy('status')->pluck('cnt','status');
        $totalIssues = $issueStats->sum();
        $openIssues  = $issueStats->only(['pending','in_progress','hold','watching'])->sum();
      @endphp
      <div class="card shadow-sm mb-4">
        <div class="card-header"><h6 class="mb-0 fw-bold"><i class="bi bi-bar-chart me-2"></i>議題統計</h6></div>
        <div class="card-body py-2">
          <div class="d-flex justify-content-around text-center mb-3">
            <div>
              <div class="fs-4 fw-bold text-danger">{{ $openIssues }}</div>
              <small class="text-muted">進行中</small>
            </div>
            <div>
              <div class="fs-4 fw-bold text-success">{{ $issueStats['completed'] ?? 0 }}</div>
              <small class="text-muted">已完成</small>
            </div>
            <div>
              <div class="fs-4 fw-bold text-secondary">{{ $totalIssues }}</div>
              <small class="text-muted">總計</small>
            </div>
          </div>
          @if($totalIssues > 0)
            @php $pct = round(($issueStats['completed'] ?? 0) / $totalIssues * 100) @endphp
            <div class="progress" style="height:6px">
              <div class="progress-bar bg-success" style="width:{{ $pct }}%"></div>
            </div>
            <small class="text-muted">完成率 {{ $pct }}%</small>
          @endif
          <div class="mt-2">
            <a href="{{ route('projects.issues.index', $project) }}" class="btn btn-sm btn-outline-primary w-100">查看所有議題</a>
            @can('view', $project)
            <a href="{{ route('projects.issues.create', $project) }}" class="btn btn-sm btn-primary w-100 mt-1">+ 新增議題</a>
            @endcan
          </div>
        </div>
      </div>

      {{-- 成員 --}}
      @can('viewMembers', $project)
      <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h6 class="mb-0 fw-bold"><i class="bi bi-people me-2"></i>成員 ({{ $project->members->count() }})</h6>
          @can('update', $project)
            <a href="{{ route('projects.members.index', $project) }}" class="btn btn-sm btn-outline-secondary">管理</a>
          @endcan
        </div>
        <div class="list-group list-group-flush">
          @foreach($project->members->take(10) as $m)
            <div class="list-group-item py-1 px-3">
              <i class="bi bi-person me-1 text-muted"></i>{{ $m->name }}
            </div>
          @endforeach
          @if($project->members->count() > 10)
            <div class="list-group-item py-1 px-3 text-muted small">
              ... 以及另外 {{ $project->members->count() - 10 }} 位成員
            </div>
          @endif
        </div>
      </div>
      @endcan

      {{-- 附件 --}}
      @if($project->attachments->isNotEmpty())
      <div class="card shadow-sm">
        <div class="card-header"><h6 class="mb-0 fw-bold"><i class="bi bi-paperclip me-2"></i>附件 ({{ $project->attachments->count() }})</h6></div>
        <div class="list-group list-group-flush">
          @foreach($project->attachments->take(5) as $att)
            <a href="{{ Storage::url($att->path) }}" target="_blank"
               class="list-group-item list-group-item-action py-1 px-3 text-truncate">
              <i class="bi bi-file-earmark me-1 text-muted"></i>{{ $att->filename }}
            </a>
          @endforeach
        </div>
        @can('update', $project)
        <div class="card-footer">
          <form action="{{ route('projects.attachments.store', $project) }}" method="POST" enctype="multipart/form-data" class="d-flex gap-2">
            @csrf
            <input type="file" name="file" class="form-control form-control-sm" required>
            <button class="btn btn-sm btn-primary">上傳</button>
          </form>
        </div>
        @endcan
      </div>
      @endif
    </div>
  </div>
</div>
@endsection