{{-- resources/views/test-reports/_form.blade.php --}}

@php
  // 決定目前模式：表單重填舊值，或編輯時根據是否已有 attachment_path
  $inputType = old('input_type', isset($report) && ($report->attachment_path ?? false) ? 'file' : 'content');
@endphp

<div class="mb-3">
  <label for="title" class="form-label">標題</label>
  <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror"
    value="{{ old('title', $report->title ?? '') }}" required>
  @error('title')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror
</div>

<div class="mb-3">
  <label for="project_id" class="form-label">專案</label>
  <select name="project_id" id="project_id" class="form-select @error('project_id') is-invalid @enderror" required>
    <option value="">請選擇專案</option>
    @foreach ($projects as $project)
      <option value="{{ $project->id }}"
        {{ old('project_id', $report->project_id ?? ($selectedProjectId ?? '')) == $project->id ? 'selected' : '' }}>
        {{ $project->client?->name ?? '未分類' }} ／ {{ $project->name }}
      </option>
    @endforeach
  </select>
  @error('project_id')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror
</div>

{{-- 填報方式 --}}
<div class="mb-3">
  <label class="form-label">填報方式</label>
  <div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="input_type" id="type_content" value="content"
        {{ $inputType === 'content' ? 'checked' : '' }}>
      <label class="form-check-label" for="type_content">貼上內容</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="input_type" id="type_file" value="file"
        {{ $inputType === 'file' ? 'checked' : '' }}>
      <label class="form-check-label" for="type_file">上傳檔案</label>
    </div>
  </div>
</div>

{{-- 貼上內容 --}}
<div class="mb-3" id="content-block">
  <label for="content" class="form-label">內容</label>
  <textarea name="content" id="content" rows="6" class="form-control @error('content') is-invalid @enderror"
    {{ $inputType === 'content' ? 'required' : 'disabled' }}>{{ old('content', $report->content ?? '') }}</textarea>
  @error('content')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror
</div>

{{-- 上傳檔案 --}}
<div class="mb-3" id="file-block">
  <label for="attachment" class="form-label">上傳檔案</label>
  <input type="file" name="attachment" id="attachment" class="form-control @error('attachment') is-invalid @enderror"
    {{ $inputType === 'file' ? 'required' : 'disabled' }}>
  @error('attachment')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror

  @if (!empty($report->attachment_path))
    <small class="text-muted">
      目前檔案：
      <a href="{{ asset('storage/' . $report->attachment_path) }}" target="_blank">下載</a>
    </small>
  @endif
</div>

{{-- 上傳程式碼檔案（用於 AI 程式碼檢查） --}}
<div class="mb-3">
  <label for="code_files" class="form-label">
    上傳程式碼
    <small class="text-muted">（選填，可多選，支援 .php .js .py .java .vue .blade.php .zip 等）</small>
  </label>
  <input type="file" name="code_files[]" id="code_files" multiple
    class="form-control @error('code_files') is-invalid @enderror @error('code_files.*') is-invalid @enderror"
    accept=".php,.js,.ts,.py,.java,.vue,.css,.html,.blade.php,.zip,.jsx,.tsx,.go,.rb,.cs,.cpp,.c,.h,.swift,.kt,.rs,.sql,.sh,.yml,.yaml,.json,.xml,.env.example">
  @error('code_files')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror
  @error('code_files.*')
    <div class="invalid-feedback">{{ $message }}</div>
  @enderror

  @if (!empty($report->code_file_paths))
    <div class="mt-2">
      <small class="text-muted">已上傳的檔案：</small>
      <ul class="list-unstyled ms-2 mb-0">
        @foreach ($report->code_file_paths as $cf)
          <li><i class="bi bi-file-code me-1"></i>{{ basename($cf) }}</li>
        @endforeach
      </ul>
    </div>
  @endif
</div>

@push('scripts')
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const radioContent = document.getElementById('type_content');
      const radioFile = document.getElementById('type_file');
      const contentBlock = document.getElementById('content-block');
      const fileBlock = document.getElementById('file-block');

      function toggleInput() {
        const isContent = radioContent.checked;
        contentBlock.querySelector('textarea').disabled = !isContent;
        contentBlock.querySelector('textarea').required = isContent;
        fileBlock.querySelector('input').disabled = isContent;
        fileBlock.querySelector('input').required = !isContent;
      }

      radioContent.addEventListener('change', toggleInput);
      radioFile.addEventListener('change', toggleInput);
      toggleInput();
    });
  </script>
@endpush