@extends('layouts.app')

@section('content')
  <div class="container mx-auto py-8">
    <div class="d-flex align-items-center justify-content-between mb-4">
      <h1 class="text-3xl font-bold mb-0">{{ $project->name }} — 專案管理</h1>
      <a href="{{ route('projects.show', $project) }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回專案
      </a>
    </div>

    {{-- 項目卡片群組 --}}
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
      {{-- 成員 --}}
      <div class="bg-white shadow rounded-lg p-6">
        <h2 class="text-2xl font-semibold mb-4">專案成員</h2>
        <ul class="list-disc list-inside">
          @foreach ($project->members as $member)
            <li>{{ $member->name }}</li>
          @endforeach
        </ul>
        @can('update', $project)
          <a href="{{ route('projects.members.index', $project) }}"
            class="mt-4 inline-block px-3 py-1 bg-green-600 text-white rounded">
            管理成員
          </a>
        @endcan
      </div>

      {{-- 文件 --}}
      <div class="bg-white shadow rounded-lg p-6">
        <h2 class="text-2xl font-semibold mb-4">文件</h2>
        <ul class="list-disc list-inside">
          @foreach ($project->docs()->where('type','doc')->get() as $doc)
            <li>
              <a href="{{ route('projects.docs.show', [$project, $doc]) }}" class="text-blue-600 hover:underline">
                {{ $doc->title }}
              </a>
            </li>
          @endforeach
        </ul>
        @can('update', $project)
          <a href="{{ route('projects.docs.create', $project) }}"
            class="mt-4 inline-block px-3 py-1 bg-blue-600 text-white rounded">
            新增文件
          </a>
        @endcan
      </div>

      {{-- 附件 --}}
      <div class="bg-white shadow rounded-lg p-6">
        <h2 class="text-2xl font-semibold mb-4">附件</h2>
        <ul class="list-disc list-inside">
          @foreach ($project->attachments as $att)
            <li>
              <a href="{{ Storage::url($att->path) }}" target="_blank" class="text-blue-600 hover:underline">
                {{ $att->filename }}
              </a>
            </li>
          @endforeach
        </ul>
        @can('update', $project)
          <form action="{{ route('projects.attachments.store', $project) }}" method="POST" enctype="multipart/form-data"
            class="mt-4">
            @csrf
            <input type="file" name="file" required class="mb-2">
            <button type="submit" class="px-3 py-1 bg-indigo-600 text-white rounded">
              上傳附件
            </button>
          </form>
        @endcan
      </div>
    </div>
  </div>
@endsection