@php
$totalProjects = 0;
foreach ($projects_by_type as $projects) {
    $totalProjects += count($projects);
}
@endphp

<!-- 查看所有專案模態框 -->
<div class="modal fade" id="allProjectsModal" tabindex="-1" aria-labelledby="allProjectsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-fullscreen-lg-down modal-xl">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title" id="allProjectsModalLabel">
                    <i class="fas fa-list me-2"></i>{{ $currentYear }}年第{{ $currentWeek }}週 - 所有可選專案
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body overflow-auto vh-75">
                <!-- 統計資訊 -->
                <div class="mb-4 text-center">
                    <h6 class="text-muted mb-0">
                        <i class="fas fa-info-circle me-2"></i>共 <span id="totalProjectCount">{{ $totalProjects }}</span> 個專案可選擇
                        <small class="ms-3 text-secondary">提示：可使用 Ctrl+F 快速尋找專案</small>
                    </h6>
                </div>

                @if(!empty($changed_projects) && count($changed_projects) > 0)
                <!-- 本週變動專案 -->
                <div class="mb-4">
                    <div class="alert alert-warning" role="alert">
                        <h5 class="alert-heading mb-3">
                            <i class="fas fa-exchange-alt me-2"></i>本週狀態變動專案 ({{ count($changed_projects) }} 個)
                        </h5>
                        <div class="row">
                            @foreach($changed_projects as $project)
                            <div class="col-md-6 mb-2">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1">
                                        <strong>{{ $project['project_name'] }}</strong><br>
                                        <small class="text-muted">{{ $project['client_name'] }}</small>
                                    </div>
                                    <div class="text-end">
                                        <span class="badge bg-secondary me-1">{{ $project['from_category'] }}</span>
                                        <i class="fas fa-arrow-right mx-1"></i>
                                        <span class="badge bg-primary me-2">{{ $project['to_category'] }}</span>
                                        <button type="button" class="btn btn-sm btn-outline-primary select-project-btn"
                                                data-assignment-id="{{ $project['assignment_id'] }}"
                                                data-project-name="{{ $project['client_name'] }} - {{ $project['project_name'] }} [{{ $project['to_category'] }}]">
                                            選擇
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif

                <!-- 按類型分組的專案列表 -->
                @foreach($projects_by_type as $type => $projects)
                    @if(count($projects) > 0)
                    <div class="mb-4 project-type-section" data-type="{{ $type }}">
                        <h5 class="fw-bold mb-3">
                            {{ $type }} (<span class="project-count">{{ count($projects) }}</span> 個專案)
                        </h5>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover mb-0 project-modal-table">
                                <thead class="table-dark">
                                    <tr>
                                        <th class="col-client">客戶</th>
                                        <th class="col-project">專案名稱</th>
                                        <th class="col-status">狀態</th>
                                        <th class="col-mandays">預估人天</th>
                                        <th class="col-deadline">截止日期</th>
                                        <th class="col-action">操作</th>
                                    </tr>
                                </thead>
                                <tbody class="project-table-body">
                                    @foreach($projects as $project)
                                    <tr>
                                        <td class="text-break" title="{{ $project['client_name'] }}">
                                            {{ $project['client_name'] }}
                                        </td>
                                        <td class="text-break" title="{{ $project['project_name'] }}">
                                            {{ $project['project_name'] }}
                                        </td>
                                        <td class="text-center">
                                            <span class="badge bg-info">{{ $project['status_text'] }}</span>
                                        </td>
                                        <td class="text-center">
                                            {{ $project['estimated_man_days'] ?? 0 }} 人天
                                        </td>
                                        <td class="text-center">
                                            {{ $project['deadline'] ?? '未設定' }}
                                        </td>
                                        <td class="text-center">
                                            <button type="button" class="btn btn-sm btn-primary select-project-btn"
                                                    data-assignment-id="{{ $project['assignment_id'] }}"
                                                    data-project-name="{{ $project['client_name'] }} - {{ $project['project_name'] }} [{{ $project['status_text'] }}]">
                                                <i class="fas fa-plus me-1"></i>選擇
                                            </button>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif
                @endforeach

                @if($totalProjects === 0)
                <p class="text-center text-muted py-4">目前沒有可選擇的專案</p>
                @endif
            </div>
            <div class="modal-footer bg-light">
                <div class="text-muted me-auto">
                    <small><i class="fas fa-info-circle me-1"></i>點擊「選擇」按鈕將專案自動填入表單</small>
                </div>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-1"></i>關閉
                </button>
            </div>
        </div>
    </div>
</div>