@extends('layouts.app')
@section('title', '問題詳情')
@section('content')
  <div class="container py-4">
    <div class="d-flex align-items-center justify-content-between mb-3">
      <h1 class="mb-0">問題詳情</h1>
      <a href="{{ route('issues.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回清單
      </a>
    </div>
    <div class="table-responsive"><table class="table">
      <tr>
        <th>功能模組</th>
        <td>{{ $issue->module->name }}</td>
      </tr>
      <tr>
        <th>類型</th>
        <td>{{ $issue->category->name }}</td>
      </tr>
      <tr>
        <th>標題</th>
        <td>{{ $issue->title }}</td>
      </tr>
      <tr>
        <th>內容</th>
        <td>{{ $issue->description }}</td>
      </tr>
      <tr>
        <th>回報人</th>
        <td>{{ $issue->user->name }}</td>
      </tr>
      <tr>
        <th>狀態</th>
        <td>
          @if ($issue->status == 'pending')
            <span class="badge bg-secondary">待處理</span>
          @elseif($issue->status == 'in_progress')
            <span class="badge bg-warning text-dark">處理中</span>
          @elseif($issue->status == 'hold')
            <span class="badge bg-info text-dark">暫不處理</span>
          @elseif($issue->status == 'watching')
            <span class="badge bg-primary">觀察</span>
          @else
            <span class="badge bg-success">完成</span>
          @endif
        </td>
      </tr>
      <tr>
        <th>建立時間</th>
        <td>{{ $issue->created_at->format('Y-m-d H:i') }}</td>
      </tr>
    </table></div>
    <a href="{{ route('issues.index') }}" class="btn btn-secondary">返回清單</a>
  </div>
@endsection