@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.project.projects.show', $project->id)])
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-body">
                    <form action="{{ route('panel.project.projects.update', $project->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row g-3">
                            {{-- 流水編號 --}}
                            <div class="col-md-6">
                                <label for="serial_number" class="form-label fw-bold">
                                    流水編號
                                    <small class="text-muted">(格式：YYMMDD-N)</small>
                                </label>
                                <div class="input-group">
                                    <input type="text"
                                           class="form-control @error('serial_number') is-invalid @enderror"
                                           id="serial_number"
                                           name="serial_number"
                                           value="{{ old('serial_number', $project->serial_number) }}"
                                           required>
                                    <button class="btn btn-outline-secondary" type="button" id="refreshSerialNumber" title="重新生成編號">
                                        <i class="fas fa-sync-alt"></i>
                                    </button>
                                </div>
                                @error('serial_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 專案名稱 --}}
                            <div class="col-md-6">
                                <label for="name" class="form-label fw-bold">專案名稱</label>
                                <input type="text"
                                       class="form-control @error('name') is-invalid @enderror"
                                       id="name"
                                       name="name"
                                       value="{{ old('name', $project->name) }}"
                                       required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 客戶 --}}
                            <div class="col-md-6">
                                <label for="task_client_id" class="form-label fw-bold">客戶</label>
                                <select class="form-select @error('task_client_id') is-invalid @enderror"
                                        id="task_client_id"
                                        name="task_client_id"
                                        required>
                                    <option value="">請選擇客戶</option>
                                    @foreach($clients as $client)
                                        <option value="{{ $client->id }}" {{ old('task_client_id', $project->task_client_id) == $client->id ? 'selected' : '' }}>
                                            {{ $client->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('task_client_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 技術類型 --}}
                            <div class="col-md-6">
                                <label for="task_tech_type_id" class="form-label fw-bold">技術類型</label>
                                <select class="form-select @error('task_tech_type_id') is-invalid @enderror"
                                        id="task_tech_type_id"
                                        name="task_tech_type_id"
                                        required>
                                    <option value="">請選擇技術類型</option>
                                    @foreach($techTypes as $techType)
                                        <option value="{{ $techType->id }}" {{ old('task_tech_type_id', $project->task_tech_type_id) == $techType->id ? 'selected' : '' }}>
                                            {{ $techType->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('task_tech_type_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 專案類型（鎖定） --}}
                            <div class="col-md-6">
                                <label for="type_display" class="form-label fw-bold">專案類型</label>
                                <input type="text"
                                       class="form-control bg-light"
                                       id="type_display"
                                       value="{{ $project->type }}"
                                       disabled>
                                <input type="hidden" name="type" value="{{ $project->type }}">
                                <small class="text-muted">專案類型不可變更</small>
                            </div>

                            {{-- 狀態 --}}
                            <div class="col-md-6">
                                <label for="status_id" class="form-label fw-bold">狀態</label>
                                <select class="form-select @error('status_id') is-invalid @enderror"
                                        id="status_id"
                                        name="status_id"
                                        required>
                                    <option value="">請選擇狀態</option>
                                    @foreach($availableStatuses as $index => $statusName)
                                        <option value="{{ $index + 1 }}" {{ old('status_id', $project->status_id) == $index + 1 ? 'selected' : '' }}>
                                            {{ $statusName }}
                                        </option>
                                    @endforeach
                                    <option value="5" {{ old('status_id', $project->status_id) == 5 ? 'selected' : '' }}>已完成</option>
                                </select>
                                @error('status_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 開始日期 --}}
                            <div class="col-md-6">
                                <label for="start_date" class="form-label fw-bold">開始日期</label>
                                <div class="input-group">
                                    <input type="text"
                                           class="form-control @error('start_date') is-invalid @enderror"
                                           id="start_date"
                                           name="start_date"
                                           value="{{ old('start_date', $project->start_date) }}"
                                           placeholder="請選擇開始日期">
                                    <button class="btn btn-outline-secondary" type="button" data-clear title="清除">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                                @error('start_date')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 填寫日期 --}}
                            <div class="col-md-6">
                                <label for="time_record_start_date" class="form-label fw-bold">
                                    填寫日期
                                    <small class="text-muted">(工時填報起始日)</small>
                                </label>
                                <div class="input-group">
                                    <input type="text"
                                           class="form-control @error('time_record_start_date') is-invalid @enderror"
                                           id="time_record_start_date"
                                           name="time_record_start_date"
                                           value="{{ old('time_record_start_date', $timeRecordStartDate) }}"
                                           placeholder="預設同開始日期">
                                    <button class="btn btn-outline-secondary" type="button" data-clear title="清除">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                                @error('time_record_start_date')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">不填則以開始日期為準</small>
                            </div>

                            {{-- 預計完成日期 --}}
                            <div class="col-md-6">
                                <label for="deadline" class="form-label fw-bold">預計完成日期</label>
                                <div class="input-group">
                                    <input type="text"
                                           class="form-control @error('deadline') is-invalid @enderror"
                                           id="deadline"
                                           name="deadline"
                                           value="{{ old('deadline', $project->deadline) }}"
                                           placeholder="請選擇預計完成日期">
                                    <button class="btn btn-outline-secondary" type="button" data-clear title="清除">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                                @error('deadline')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 評估人天 --}}
                            <div class="col-md-6">
                                <label for="estimated_man_days" class="form-label fw-bold">評估人天</label>
                                <input type="number"
                                       class="form-control @error('estimated_man_days') is-invalid @enderror"
                                       id="estimated_man_days"
                                       name="estimated_man_days"
                                       min="0"
                                       step="0.01"
                                       value="{{ old('estimated_man_days', $project->estimated_man_days) }}">
                                @error('estimated_man_days')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 專案自檢表連結 --}}
                            <div class="col-md-6">
                                <label for="url" class="form-label fw-bold">專案自檢表連結</label>
                                <input type="url"
                                       class="form-control @error('url') is-invalid @enderror"
                                       id="url"
                                       name="url"
                                       value="{{ old('url', $project->url) }}"
                                       placeholder="請輸入連結網址">
                                @error('url')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 專案說明 --}}
                            <div class="col-12">
                                <label for="description" class="form-label fw-bold">專案說明</label>
                                <textarea class="form-control @error('description') is-invalid @enderror"
                                          id="description"
                                          name="description"
                                          rows="3"
                                          placeholder="請輸入專案說明">{{ old('description', $project->description) }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- 狀態變更說明 --}}
                            <div class="col-12">
                                <label for="status_change_description" class="form-label fw-bold">狀態變更說明</label>
                                <textarea class="form-control @error('status_change_description') is-invalid @enderror"
                                          id="status_change_description"
                                          name="status_change_description"
                                          rows="2"
                                          placeholder="請輸入此次狀態變更的原因或說明">{{ old('status_change_description') }}</textarea>
                                @error('status_change_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-4">
                            <a href="{{ route('panel.project.projects.show', $project->id) }}" class="btn btn-secondary px-4">
                                取消
                            </a>
                            <button type="submit" class="btn btn-primary px-4">
                                <i class="fas fa-save me-2"></i>儲存變更
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('meta')
    <meta name="js-next-serial-number-url" content="{{ route('panel.project.projects.next-serial-number') }}">
@endpush

@push('module-scripts')
    @vite('Modules/Project/resources/assets/js/projects/edit.js')
@endpush