@extends('layouts.app')
@section('title', '問題回報清單')
@section('content')
  <div class="container py-4">

    <div class="d-flex justify-content-between align-items-center mb-3">
      <h1 class="mb-0">問題回報清單</h1>
      <div>
        <a href="{{ route('issues.create') }}" class="btn btn-success">＋ 新回報</a>
        @if (auth()->user()->role === 'admin')
          <a href="{{ route('issues.stats') }}" class="btn btn-outline-primary ms-2">📊 統計</a>
        @endif
      </div>
    </div>

    <form class="row g-2 mb-3 align-items-end" method="GET">
      <div class="col-12 col-sm-auto">
        <label for="module_id" class="form-label mb-0">功能模組</label>
        <select id="module_id" name="module_id" class="form-select">
          <option value="">所有功能</option>
          @foreach ($modules as $m)
            <option value="{{ $m->id }}" {{ $req->module_id == $m->id ? 'selected' : '' }}>{{ $m->name }}
            </option>
          @endforeach
        </select>
      </div>
      <div class="col-12 col-sm-auto">
        <label for="category_id" class="form-label mb-0">類型</label>
        <select id="category_id" name="category_id" class="form-select">
          <option value="">所有類型</option>
          @foreach ($categories as $c)
            <option value="{{ $c->id }}" {{ $req->category_id == $c->id ? 'selected' : '' }}>{{ $c->name }}
            </option>
          @endforeach
        </select>
      </div>
      <div class="col-12 col-sm-auto">
        <label for="status" class="form-label mb-0">狀態</label>
        <select id="status" name="status" class="form-select">
          <option value="">所有狀態</option>
          <option value="pending" {{ $req->status == 'pending' ? 'selected' : '' }}>待處理</option>
          <option value="in_progress" {{ $req->status == 'in_progress' ? 'selected' : '' }}>處理中</option>
          <option value="hold" {{ $req->status == 'hold' ? 'selected' : '' }}>暫不處理</option>
          <option value="watching" {{ $req->status == 'watching' ? 'selected' : '' }}>觀察</option>
          <option value="completed" {{ $req->status == 'completed' ? 'selected' : '' }}>完成</option>
        </select>
      </div>
      <div class="col-12 col-sm-auto">
        <label for="q" class="form-label mb-0">關鍵字</label>
        <input id="q" name="q" type="text" class="form-control" placeholder="標題或內容"
          value="{{ $req->q ?? '' }}">
      </div>
      <div class="col-12 col-sm-auto">
        <button class="btn btn-secondary">搜尋</button>
        @if (request()->hasAny(['module_id', 'category_id', 'status', 'q']))
          <a href="{{ route('issues.index') }}" class="btn btn-link text-danger">清除</a>
        @endif
      </div>
    </form>

    @if (session('success'))
      <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="table-responsive">
    <table class="table table-bordered">
      <thead>
        <tr>
          <th style="width: 10%;">功能模組</th>
          <th style="width: 9%;">類型</th>
          <th style="width: 20%;">標題</th>
          <th style="width: 28%;">回報內容</th>
          <th style="width: 6%;">回報人</th>
          <th style="width: 8%;">狀態</th>
          <th style="width: 12%;">建立時間</th>
          @if (auth()->user()->role === 'admin')
            <th style="width: 10%;">操作</th>
          @endif
        </tr>
      </thead>
      <tbody>
        @foreach ($issues as $i)
          <tr>
            <td>{{ $i->module?->name ?? '—' }}</td>
            <td>{{ $i->category?->name ?? '—' }}</td>
            <td>{{ $i->title }}</td>
            <td>{{ $i->description }}</td>
            <td>{{ $i->user?->name ?? '—' }}</td>
            <td>
              @if (auth()->user()->role === 'admin')
                <form method="POST" action="{{ route('issues.updateStatus', $i) }}" class="d-inline">
                  @csrf
                  <select name="status" class="form-select form-select-sm d-inline w-auto" onchange="this.form.submit()">
                    <option value="pending" {{ $i->status == 'pending' ? 'selected' : '' }}>待處理</option>
                    <option value="in_progress" {{ $i->status == 'in_progress' ? 'selected' : '' }}>處理中</option>
                    <option value="hold" {{ $i->status == 'hold' ? 'selected' : '' }}>暫不處理</option>
                    <option value="watching" {{ $i->status == 'watching' ? 'selected' : '' }}>觀察</option>
                    <option value="completed" {{ $i->status == 'completed' ? 'selected' : '' }}>完成</option>
                  </select>
                </form>
              @else
                @if ($i->status == 'pending')
                  <span class="badge bg-secondary">待處理</span>
                @elseif($i->status == 'in_progress')
                  <span class="badge bg-warning text-dark">處理中</span>
                @elseif($i->status == 'hold')
                  <span class="badge bg-info text-dark">暫不處理</span>
                @elseif($i->status == 'watching')
                  <span class="badge bg-primary">觀察</span>
                @else
                  <span class="badge bg-success">完成</span>
                @endif
              @endif
            </td>
            <td>{{ optional($i->created_at)->format('Y-m-d H:i') ?? '-' }}</td>
            @if (auth()->user()->role === 'admin')
              <td>
                <a href="{{ route('issues.show', $i) }}" class="btn btn-sm btn-info">檢視</a>
              </td>
            @endif
          </tr>
        @endforeach
      </tbody>
    </table>
    </div>
  </div>
@endsection