@extends('layouts.app')
@section('title', $doc->title)

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

<div class="container py-4" style="max-width:720px;">
  <div class="d-flex align-items-center gap-2 mb-3">
    <i class="bi bi-folder2-open text-primary fs-4"></i>
    <h5 class="mb-0">{{ $doc->title }}</h5>
  </div>

  <p class="text-muted small mb-3">此項目底下有多個檔案，請選擇要下載的檔案：</p>

  <div class="list-group">
    @foreach($doc->attachments as $attachment)
      <a href="{{ Storage::disk('public')->url($attachment->path) }}"
         class="list-group-item list-group-item-action d-flex align-items-center gap-2">
        <i class="bi bi-file-earmark-arrow-down text-secondary"></i>
        <span class="text-truncate">{{ $attachment->filename }}</span>
      </a>
    @endforeach
  </div>

  <a href="{{ route('projects.docs.index', $project) }}" class="btn btn-sm btn-outline-secondary mt-3">
    <i class="bi bi-arrow-left me-1"></i>返回文件列表
  </a>
</div>
@endsection