@extends('user::layouts/panel')

@section('module-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div class="d-flex align-items-center gap-3">
        @include('custom::components.reply-btn', ['url' => route('panel.task.sprint')])
    </div>
    <button type="button" class="btn btn-primary edit-sprint" data-id="{{ $sprint->id }}">
        <i class="fas fa-edit me-2"></i>編輯資料
    </button>
</div>

<div class="row">
    <div class="col-12">
        <!-- 基本資訊卡片 -->
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-white py-3">
                <h5 class="mb-0 text-primary fw-bold">基本資訊</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table align-middle">
                        <tbody>
                            <tr>
                                <th class="bg-light w-auto">名稱</th>
                                <td class="fw-medium">{{ $sprint->name }}</td>
                            </tr>
                            <tr>
                                <th class="bg-light">週期</th>
                                <td>
                                    <i class="fas fa-calendar me-2"></i>
                                    {{ $sprint->year }}年第{{ $sprint->week }}週
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">時間區間</th>
                                <td>
                                    <i class="fas fa-calendar-alt me-2"></i>
                                    {{ $sprint->start_date->format('Y/m/d') }} ~ {{ $sprint->end_date->format('Y/m/d') }}
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">狀態</th>
                                <td>
                                    <span class="badge bg-{{ $sprint->status_class }}">
                                        {{ $sprint->status_text }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">需記錄工時的使用者</th>
                                <td>
                                    @foreach($users as $user)
                                        <span class="badge bg-info me-2">
                                            <i class="fas fa-user me-1"></i>{{ $user->name }}
                                        </span>
                                    @endforeach
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">補充說明</th>
                                <td>
                                    <div class="p-3 bg-light rounded">
                                        {!! nl2br(e($sprint->description ?: '無說明')) !!}
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">建立資訊</th>
                                <td>
                                    <div class="p-3 bg-light rounded">
                                        {!! nl2br(e($sprint->description ?: '無說明')) !!}
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th class="bg-light">建立時間</th>
                                <td>
                                    <i class="fas fa-clock me-2"></i>{{ $sprint->created_at->format('Y-m-d H:i:s') }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- 專案進度表 -->
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                <h5 class="mb-0 text-primary fw-bold">專案進度</h5>
                <button type="button" class="btn btn-success" id="updateProgress">
                    <i class="fas fa-sync-alt me-2"></i>更新專案進度
                </button>
            </div>
            <div class="card-body">
                @if(count($projects) > 0)
                    <div class="table-responsive">
                        <table class="table table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>專案名稱</th>
                                    <th>專案類型</th>
                                    <th>預估人天</th>
                                    <th>累計工時</th>
                                    <th>完成百分比</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($projects as $project)
                                    <tr>
                                        <td>
                                            <a href="{{ route('panel.project.projects.show', $project->id) }}" class="text-decoration-none">
                                                <i class="fas fa-project-diagram me-2"></i>{{ $project->name }}
                                            </a>
                                        </td>
                                        <td>{{ $project->type }}</td>
                                        <td>{{ $project->estimated_man_days }} 人天</td>
                                        <td>
                                            {{ number_format($project->total_hours, 2) }} 小時
                                            <small class="text-muted">(約 {{ number_format($project->total_man_days, 2) }} 人天)</small>
                                        </td>
                                        <td>{{ $project->progress_percentage }}%</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="alert alert-info d-flex align-items-center m-0">
                        <i class="fas fa-info-circle me-2"></i>
                        本週期尚未有任何專案工時紀錄
                    </div>
                @endif
            </div>
        </div>

        <!-- 工時紀錄摘要 -->
        <div class="card shadow-sm">
            <div class="card-header bg-white py-3">
                <h5 class="mb-0 text-primary fw-bold">工時紀錄摘要</h5>
            </div>
            <div class="card-body">
                @if(count($timeRecords) > 0)
                    <div class="table-responsive">
                        <table class="table table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>日期</th>
                                    <th>使用者</th>
                                    <th>專案</th>
                                    <th>工時 (小時)</th>
                                    <th>備註</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($timeRecords->sortByDesc('record_date') as $record)
                                    <tr>
                                        <td>
                                            <i class="fas fa-calendar-day me-2"></i>{{ $record->record_date }}
                                        </td>
                                        <td>
                                            <i class="fas fa-user me-2"></i>{{ $record->user->name }}
                                        </td>
                                        <td>
                                            <i class="fas fa-project-diagram me-2"></i>{{ $record->taskProject->name }}
                                        </td>
                                        <td>
                                            <i class="fas fa-clock me-2"></i>{{ number_format($record->hours, 2) }}
                                        </td>
                                        <td>{{ $record->remark ?: '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="alert alert-info d-flex align-items-center m-0">
                        <i class="fas fa-info-circle me-2"></i>
                        此Sprint尚未有任何工時紀錄
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- 編輯 Sprint Modal -->
<div class="modal fade" id="editSprintModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">編輯 Sprint</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="editSprintForm" name="editSprintForm" class="form-horizontal">
                    @csrf
                    <input type="hidden" name="sprint_id" id="sprint_id" value="{{ $sprint->id }}">

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="name" class="form-label">名稱</label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ $sprint->name }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="year" class="form-label">年份</label>
                            <input type="number" class="form-control" id="year" name="year" min="2020" max="2050" value="{{ $sprint->year }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="week" class="form-label">週數</label>
                            <input type="number" class="form-control" id="week" name="week" min="1" max="53" value="{{ $sprint->week }}" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="start_date" class="form-label">開始日期</label>
                            <input type="date" class="form-control" id="start_date" name="start_date"
                                   value="{{ Carbon\Carbon::parse($sprint->start_date)->format('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="end_date" class="form-label">結束日期</label>
                            <input type="date" class="form-control" id="end_date" name="end_date"
                                   value="{{ Carbon\Carbon::parse($sprint->end_date)->format('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="status_id" class="form-label">狀態</label>
                            <select class="form-select" id="status_id" name="status_id" required>
                                <option value="1" {{ $sprint->status_id == 1 ? 'selected' : '' }}>計畫中</option>
                                <option value="2" {{ $sprint->status_id == 2 ? 'selected' : '' }}>開放填寫中</option>
                                <option value="3" {{ $sprint->status_id == 3 ? 'selected' : '' }}>已結束</option>
                            </select>
                        </div>
                    </div>

                    <div class="mb-3">
                      <label class="form-label">需記錄工時的使用者</label>
                      <div class="table-responsive">
                          <table class="table table-bordered">
                              <thead>
                                  <tr>
                                      <th>使用者</th>
                                      <th>週一</th>
                                      <th>週二</th>
                                      <th>週三</th>
                                      <th>週四</th>
                                      <th>週五</th>
                                      <th>說明</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  @foreach($editModalUsers as $user)
                                      <tr>
                                          <td>
                                              <div class="form-check">
                                                  <input class="form-check-input user-checkbox" type="checkbox"
                                                      value="{{ $user->id }}" id="user_{{ $user->id }}"
                                                      name="user_ids[]" {{ $user->is_selected ? 'checked' : '' }}>
                                                  <label class="form-check-label" for="user_{{ $user->id }}">
                                                      {{ $user->name }}
                                                      @if($user->status == 0)
                                                          <span class="text-danger">(已停用)</span>
                                                      @endif
                                                  </label>
                                              </div>
                                          </td>
                                          <td><input type="number" step="0.5" min="0" max="1" class="form-control form-control-sm" name="user_monday[{{ $user->id }}]" value="{{ $user->monday }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                          <td><input type="number" step="0.5" min="0" max="1" class="form-control form-control-sm" name="user_tuesday[{{ $user->id }}]" value="{{ $user->tuesday }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                          <td><input type="number" step="0.5" min="0" max="1" class="form-control form-control-sm" name="user_wednesday[{{ $user->id }}]" value="{{ $user->wednesday }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                          <td><input type="number" step="0.5" min="0" max="1" class="form-control form-control-sm" name="user_thursday[{{ $user->id }}]" value="{{ $user->thursday }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                          <td><input type="number" step="0.5" min="0" max="1" class="form-control form-control-sm" name="user_friday[{{ $user->id }}]" value="{{ $user->friday }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                          <td><input type="text" class="form-control form-control-sm" name="user_remarks[{{ $user->id }}]" value="{{ $user->remark }}" {{ !$user->is_selected ? 'disabled' : '' }}></td>
                                      </tr>
                                  @endforeach
                              </tbody>
                          </table>
                      </div>
                  </div>

                    <div class="mb-3">
                        <label for="description" class="form-label">補充說明</label>
                        <textarea class="form-control" id="description" name="description" rows="3">{{ $sprint->description }}</textarea>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button type="submit" class="btn btn-primary" id="updateBtn">更新</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 更新專案進度 Modal -->
<div class="modal fade" id="updateProgressModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">更新專案進度</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="progressForm" name="progressForm" class="form-horizontal">
                    @csrf
                    <input type="hidden" name="sprint_id" value="{{ $sprint->id }}">
                    <input type="hidden" name="record_date" value="{{ date('Y-m-d') }}">

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>專案名稱</th>
                                    <th>當前進度</th>
                                    <th>新進度</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($projects) > 0)
                                    @foreach($projects as $project)
                                        <tr>
                                            <td class="align-middle">{{ $project->name }}</td>
                                            <td class="align-middle">{{ $project->progress_percentage }}%</td>
                                            <td>
                                                <input type="hidden" name="project_ids[]" value="{{ $project->id }}">
                                                <input type="number" class="form-control" name="percentages[]" min="0" max="100" step="0.01" value="{{ $project->progress_percentage }}">
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="3" class="text-center">本週期尚未有任何專案工時紀錄</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button type="submit" class="btn btn-primary" id="saveProgressBtn">儲存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('links')
@endpush

@push('meta')
<meta name="js-sprint-update-url" content="{{ $binding['update_url'] }}">
<meta name="js-progress-update-url" content="{{ $binding['progress_update_url'] }}">
@endpush

@push('module-scripts')
<script src="{{ Module::asset('task:js/sprints/show.js') }}" type="module"></script>
@endpush