@extends('layouts.app')

@section('content')
<div class="container">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1>新增 Redmine 專案</h1>
    <a href="{{ route('redmine-projects.index') }}" class="btn btn-outline-secondary">
      <i class="bi bi-arrow-left"></i> 返回列表
    </a>
  </div>

  @if ($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
  @endif

  <div class="card">
    <div class="card-header bg-success text-white">
      <i class="bi bi-folder-plus"></i> 專案資訊
    </div>
    <div class="card-body">
      <form action="{{ route('redmine-projects.store') }}" method="POST">
        @csrf

        <div class="row mb-3">
          <div class="col-md-6">
            <label class="form-label fw-bold">專案名稱 <span class="text-danger">*</span></label>
            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required
                   placeholder="例如：智新官網改版">
          </div>
          <div class="col-md-6">
            <label class="form-label fw-bold">Identifier <span class="text-danger">*</span></label>
            <input type="text" name="identifier" class="form-control" value="{{ old('identifier') }}" required
                   placeholder="例如：steps-web（小寫英數、連字號）" pattern="[a-z0-9\-_]+">
            <div class="form-text">唯一識別碼，僅限小寫英文、數字、連字號(-)</div>
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label fw-bold" for="description">專案描述</label>
          <textarea name="description" class="form-control" rows="3" placeholder="選填，專案說明" id="description">{{ old('description') }}</textarea>
        </div>

        <div class="row mb-3">
          <div class="col-md-6">
            <label class="form-label fw-bold" for="parent_id">上層專案</label>
            <select name="parent_id" class="form-select" id="parent_id">
              <option value="">-- 無（頂層專案）--</option>
              @foreach ($projects as $p)
                <option value="{{ $p['id'] }}" @selected(old('parent_id') == $p['id'])>
                  {{ $p['name'] }}
                </option>
              @endforeach
            </select>
          </div>
          <div class="col-md-6">
            <label class="form-label fw-bold">公開專案</label>
            <div class="form-check mt-2">
              <input type="checkbox" name="is_public" value="1" class="form-check-input" id="isPublic"
                     @checked(old('is_public'))>
              <label class="form-check-label" for="isPublic">設為公開（所有人可見）</label>
            </div>
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label fw-bold">啟用追蹤標籤 (Trackers)</label>
          <div class="row">
            @foreach ($trackers as $tracker)
              <div class="col-md-3 col-6">
                <div class="form-check">
                  <input type="checkbox" name="tracker_ids[]" value="{{ $tracker['id'] }}"
                         class="form-check-input" id="tracker{{ $tracker['id'] }}"
                         @checked(is_array(old('tracker_ids')) && in_array($tracker['id'], old('tracker_ids')))>
                  <label class="form-check-label" for="tracker{{ $tracker['id'] }}">{{ $tracker['name'] }}</label>
                </div>
              </div>
            @endforeach
          </div>
        </div>

        <hr>
        <div class="text-end">
          <button type="submit" class="btn btn-success">
            <i class="bi bi-check-lg"></i> 建立專案
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection