@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>
    <form method="POST" action="{{ route('issues.store') }}">
      @csrf
      <div class="mb-3">
        <label for="module_id">功能模組</label>
        <select name="module_id" class="form-select" required id="module_id">
          <option value="">請選擇</option>
          @foreach ($modules as $m)
            <option value="{{ $m->id }}">{{ $m->name }}</option>
          @endforeach
        </select>
      </div>
      <div class="mb-3">
        <label for="category_id">問題類型</label>
        <select name="category_id" class="form-select" required id="category_id">
          <option value="">請選擇</option>
          @foreach ($categories as $c)
            <option value="{{ $c->id }}">{{ $c->name }}</option>
          @endforeach
        </select>
      </div>
      <div class="mb-3">
        <label for="title">標題</label>
        <input name="title" class="form-control" maxlength="100" required id="title">
      </div>
      <div class="mb-3">
        <label for="description">問題描述</label>
        <textarea name="description" class="form-control" rows="5" maxlength="1000" required id="description"></textarea>
      </div>
      <button class="btn btn-primary">送出問題</button>
    </form>
  </div>
@endsection