{{-- resources/views/gitlab-requests/list.blade.php --}}
@extends('layouts.app')

@section('content')
  <div class="container py-4">
    <h3 class="mb-4">📁 GitLab 專案列表</h3>

    <div class="d-flex justify-content-between align-items-center mb-3">
      <div>共 {{ $projects->count() }} 個專案</div>
      <button id="btn-refresh" class="btn btn-outline-secondary">🔄 重新載入專案</button>
    </div>

    <div class="table-responsive"><table class="table table-hover align-middle">
      <thead>
        <tr>
          <th>ID</th>
          <th>名稱</th>
          <th>完整名稱</th>
          <th>建立時間</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($projects as $p)
          @php
            // 确保 raw 是 array
            $raw = is_string($p->raw) ? json_decode($p->raw, true) : $p->raw;
          @endphp
          <tr>
            <td>{{ $p->project_id }}</td>
            <td>{{ $p->name }}</td>
            <td>{{ $p->name_with_namespace }}</td>
            <td>
              @if (!empty($raw['created_at']))
                {{ \Carbon\Carbon::parse($raw['created_at'])->format('Y-m-d H:i') }}
              @else
                —
              @endif
            </td>
            <td>
              @if (!empty($raw['web_url']))
                <a href="{{ $raw['web_url'] }}" target="_blank" class="btn btn-sm btn-primary">
                  檢視
                </a>
              @else
                —
              @endif
            </td>
          </tr>
        @endforeach
      </tbody>
    </table></div>
  </div>
@endsection

@push('scripts')
  <script>
    document.getElementById('btn-refresh').addEventListener('click', async event => {
      const btn = event.currentTarget;
      btn.disabled = true;
      btn.innerText = '🔄 同步中...';

      try {
        // 調用 AJAX API 刷新快取
        await fetch("{{ route('gitlab-requests.projects.ajax') }}?refresh=1", {
          headers: {
            'X-Requested-With': 'XMLHttpRequest'
          }
        });
        // 同步完成後重載當前列表頁
        window.location.href = "{{ route('gitlab-requests.list') }}";
      } catch (err) {
        console.error(err);
        alert('專案同步失敗');
      } finally {
        btn.disabled = false;
        btn.innerText = '🔄 重新載入專案';
      }
    });
  </script>
@endpush