@extends('layouts.app')
@section('title', isset($version) ? '編輯合約版本' : '新增合約版本')

@section('content')
@include('projects._nav', ['project' => $project])

<div class="container py-4" style="max-width:720px;">
  <h5 class="fw-bold mb-4">
    <i class="bi bi-file-earmark-text me-2 text-primary"></i>
    {{ isset($version) ? '編輯合約版本：' . $version->name : '新增合約版本' }}
  </h5>

  @if ($errors->any())
    <div class="alert alert-danger">
      <ul class="mb-0">@foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
  @endif

  @php
    $contract = $version->contract ?? null;
    $v = fn($field, $default = '') => old($field, $default);
  @endphp

  <form method="POST"
        action="{{ isset($version)
          ? route('projects.versions.update', [$project, $version])
          : route('projects.versions.store', $project) }}">
    @csrf
    @if (isset($version)) @method('PUT') @endif

    {{-- 合約內容（版本名稱直接沿用合約名稱） --}}
    <div class="card shadow-sm mb-4">
      <div class="card-header py-2 d-flex align-items-center gap-2">
        <i class="bi bi-file-earmark-text text-primary"></i>
        <span class="fw-semibold">合約內容</span>
      </div>
      <div class="card-body">
        <div class="mb-3">
          <label class="form-label fw-semibold" for="contract_name">合約名稱（即版本名稱） <span class="text-danger">*</span></label>
          <input type="text" name="name" id="contract_name" class="form-control" required maxlength="100"
                 value="{{ old('name', $contract?->name ?? '') }}" placeholder="例：2026宜蘭適性學習分析系統">
        </div>

        <div class="row g-3 mb-3">
          <div class="col-md-6">
            <label class="form-label fw-semibold">開始日期</label>
            <input type="date" name="start_date" class="form-control" value="{{ $v('start_date', $contract?->start_date?->format('Y-m-d')) }}">
          </div>
          <div class="col-md-6">
            <label class="form-label fw-semibold">結束日期</label>
            <input type="date" name="end_date" class="form-control" value="{{ $v('end_date', $contract?->end_date?->format('Y-m-d')) }}">
          </div>
        </div>

        <div class="row g-3 mb-3">
          <div class="col-md-6">
            <label class="form-label fw-semibold">專案類型</label>
            <select name="project_type" class="form-select">
              <option value="">請選擇</option>
              @foreach(\App\Models\ProjectType::allActive() as $pt)
                <option value="{{ $pt->label }}" {{ old('project_type', $contract?->project_type) === $pt->label ? 'selected' : '' }}>{{ $pt->label }}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-6">
            <label class="form-label fw-semibold">開發工具</label>
            <select name="dev_tool" class="form-select">
              <option value="">請選擇</option>
              @foreach(\App\Models\ProjectDevTool::labels() as $dt)
                <option value="{{ $dt }}" {{ old('dev_tool', $contract?->dev_tool) === $dt ? 'selected' : '' }}>{{ $dt }}</option>
              @endforeach
            </select>
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label fw-semibold">GitLab 專案</label>
          <select name="gitlab_project_id" class="form-select">
            <option value="">— 不連結 GitLab —</option>
            @foreach($gitlabProjects as $gp)
              <option value="{{ $gp->project_id }}"
                      {{ old('gitlab_project_id', $contract?->gitlab_project_id) == $gp->project_id && $gp->project_id ? 'selected' : '' }}>
                {{ $gp->name_with_namespace }}
              </option>
            @endforeach
          </select>
        </div>

        <div class="row g-3 mb-3">
          <div class="col-md-4">
            <label class="form-label fw-semibold">合約金額（元）</label>
            <input type="number" name="contract_amount" class="form-control" min="0" step="1" placeholder="未設定"
                   value="{{ old('contract_amount', $contract?->contract_amount ?? '') }}">
          </div>
          <div class="col-md-4">
            <label class="form-label fw-semibold">評估人天</label>
            <div class="input-group">
              <input type="number" name="estimated_man_days" class="form-control" min="0" max="9999" step="0.5" placeholder="未設定"
                     value="{{ old('estimated_man_days', $contract?->estimated_man_days ?? '') }}">
              <span class="input-group-text">天</span>
            </div>
          </div>
          <div class="col-md-4">
            <label class="form-label fw-semibold">請款日期</label>
            <input type="date" name="invoice_date" class="form-control" value="{{ $v('invoice_date', $contract?->invoice_date?->format('Y-m-d')) }}">
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label fw-semibold">備注／交付項目</label>
          <textarea name="notes" class="form-control" rows="2" placeholder="備注／交付項目">{{ old('notes', $contract?->notes ?? '') }}</textarea>
        </div>

        <div class="mb-1">
          <label class="form-label fw-semibold">定時寄送維護報告</label>
          <select name="send_maintenance_report" class="form-select" onchange="toggleContractMaint(this)">
            <option value="0" {{ old('send_maintenance_report', $contract?->send_maintenance_report ? '1' : '0') != '1' ? 'selected' : '' }}>否</option>
            <option value="1" {{ old('send_maintenance_report', $contract?->send_maintenance_report ? '1' : '0') == '1' ? 'selected' : '' }}>是</option>
          </select>
        </div>
        <div class="contract-maint-extra mt-2 {{ old('send_maintenance_report', $contract?->send_maintenance_report ? '1' : '0') == '1' ? '' : 'd-none' }}">
          <div class="row g-2">
            <div class="col-md-6">
              <label class="form-label fw-semibold">寄送週期</label>
              <select name="maintenance_report_cycle" class="form-select">
                <option value="">請選擇</option>
                <option value="monthly" {{ old('maintenance_report_cycle', $contract?->maintenance_report_cycle) == 'monthly' ? 'selected' : '' }}>每月</option>
                <option value="quarterly" {{ old('maintenance_report_cycle', $contract?->maintenance_report_cycle) == 'quarterly' ? 'selected' : '' }}>每季</option>
                <option value="semiannually" {{ old('maintenance_report_cycle', $contract?->maintenance_report_cycle) == 'semiannually' ? 'selected' : '' }}>每半年</option>
              </select>
              <div class="form-text">報告於每周期月底前 1 天自動寄出</div>
            </div>
            <div class="col-md-6">
              <label class="form-label fw-semibold">通知信箱</label>
              <input type="text" name="maintenance_report_recipient" class="form-control" placeholder="多組信箱用逗號隔開"
                     value="{{ old('maintenance_report_recipient', $contract?->maintenance_report_recipient ?? '') }}">
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- 繼承（僅新增時顯示） --}}
    @if (!isset($version) && $existingVersions->isNotEmpty())
    <div class="card shadow-sm mb-4" id="inheritCard">
      <div class="card-header py-2 d-flex align-items-center gap-2">
        <i class="bi bi-arrow-repeat text-primary"></i>
        <span class="fw-semibold">從現有版本繼承（延續案）</span>
        <span class="text-muted small ms-1">— 選填</span>
      </div>
      <div class="card-body">
        <div class="mb-3">
          <label class="form-label">來源版本</label>
          <select name="inherit_from" class="form-select" id="inheritFrom">
            <option value="">— 不繼承 —</option>
            @foreach ($existingVersions as $ev)
              <option value="{{ $ev->id }}" {{ old('inherit_from') == $ev->id ? 'selected' : '' }}>
                {{ $ev->name }}
                @if ($ev->due_date) （{{ $ev->due_date->format('Y-m-d') }}）@endif
              </option>
            @endforeach
          </select>
        </div>

        <div id="inheritOptions" class="{{ old('inherit_from') ? '' : 'd-none' }}">
          <div class="d-flex flex-column gap-2">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" name="inherit_issues" value="1" id="chkIssues" {{ old('inherit_issues', '1') ? 'checked' : '' }}>
              <label class="form-check-label" for="chkIssues">
                <i class="bi bi-bug me-1 text-danger"></i>複製未完成議題
                <span class="text-muted small">（狀態重設為「待處理」）</span>
              </label>
            </div>
            <div class="form-check text-muted">
              <input class="form-check-input" type="checkbox" disabled checked>
              <label class="form-check-label">
                <i class="bi bi-file-earmark-text me-1"></i>文件 / Wiki
                <span class="small">（以版本標籤管理，可在文件頁面指定版本）</span>
              </label>
            </div>
            <div class="form-check text-muted">
              <input class="form-check-input" type="checkbox" disabled checked>
              <label class="form-check-label">
                <i class="bi bi-people me-1"></i>成員
                <span class="small">（已共用，無需複製）</span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    {{-- 版本成員 --}}
    @if($projectMembers->isNotEmpty())
    <div class="card shadow-sm mb-4">
      <div class="card-header py-2 d-flex align-items-center gap-2">
        <i class="bi bi-people text-primary"></i>
        <span class="fw-semibold">成員限制</span>
        <span class="text-muted small ms-1">— 選填</span>
      </div>
      <div class="card-body">
        <p class="text-muted small mb-3">
          勾選的成員只能看到此版本的議題與文件，未勾選（或完全不設定）則沿用專案層級的存取權限。
        </p>
        <div class="row g-2">
          @foreach($projectMembers as $m)
          <div class="col-md-4 col-sm-6">
            <div class="form-check">
              <input class="form-check-input" type="checkbox"
                     name="members[]" value="{{ $m->id }}"
                     id="member_{{ $m->id }}"
                     {{ in_array($m->id, old('members', $versionMemberIds ?? [])) ? 'checked' : '' }}>
              <label class="form-check-label" for="member_{{ $m->id }}">{{ $m->name }}</label>
            </div>
          </div>
          @endforeach
        </div>
        <div class="mt-2">
          <button type="button" class="btn btn-link btn-sm p-0 text-muted"
                  onclick="document.querySelectorAll('[name=\'members[]\']').forEach(c=>c.checked=true)">全選</button>
          <span class="text-muted mx-1">·</span>
          <button type="button" class="btn btn-link btn-sm p-0 text-muted"
                  onclick="document.querySelectorAll('[name=\'members[]\']').forEach(c=>c.checked=false)">清除</button>
        </div>
      </div>
    </div>
    @endif

    <div class="d-flex gap-2">
      <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i>{{ isset($version) ? '儲存變更' : '建立版本' }}
      </button>
      <a href="{{ route('projects.roadmap', $project) }}" class="btn btn-outline-secondary">取消</a>
    </div>
  </form>
</div>

@push('scripts')
<script>
  document.getElementById('inheritFrom')?.addEventListener('change', function () {
    document.getElementById('inheritOptions').classList.toggle('d-none', !this.value);
  });

  window.toggleContractMaint = function (sel) {
    const extra = sel.closest('.card-body').querySelector('.contract-maint-extra');
    extra.classList.toggle('d-none', sel.value !== '1');
  };
</script>
@endpush
@endsection