@extends('layouts.admin')

@section('title', '編輯問題')

@push('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('issues.index') }}">問題追蹤板</a></li>
    <li class="breadcrumb-item"><a href="{{ route('issues.show', $issue->id) }}">{{ Str::limit($issue->title, 20) }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">編輯</li>
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/issues/edit.css') }}">
@endpush

@section('content')
<!-- Header -->
<div class="edit-header">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h1><i class="bi bi-pencil-square me-3"></i>編輯問題</h1>
        </div>
        <div class="col-md-6 text-md-right">
            <a href="{{ route('issues.show', $issue->id) }}" class="btn btn-outline-light">
                <i class="bi bi-arrow-left me-2"></i>返回
            </a>
        </div>
    </div>
</div>

<form action="{{ route('issues.update', $issue->id) }}" method="POST">
    @csrf
    @method('PUT')

    <div class="form-card">
        <div class="card-header">
            <i class="bi bi-card-text me-2"></i>問題資訊
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12 mb-3">
                    <label class="form-label">
                        <i class="bi bi-tag"></i>問題分類
                        <span class="text-danger">*</span>
                    </label>
                    <select name="category" class="form-select form-select-lg" required>
                        <option value="工人問題" {{ $issue->category == '工人問題' ? 'selected' : '' }}>工人問題</option>
                        <option value="宿舍問題" {{ $issue->category == '宿舍問題' ? 'selected' : '' }}>宿舍問題</option>
                        <option value="公司問題" {{ $issue->category == '公司問題' ? 'selected' : '' }}>公司問題</option>
                        <option value="店鋪問題" {{ $issue->category == '店鋪問題' ? 'selected' : '' }}>店鋪問題</option>
                        <option value="其他問題" {{ $issue->category == '其他問題' ? 'selected' : '' }}>其他問題</option>
                    </select>
                </div>

                <div class="col-md-12 mb-3">
                    <label class="form-label">
                        <i class="bi bi-chat-left-text"></i>問題簡介
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text" 
                           name="title" 
                           class="form-control form-control-lg" 
                           value="{{ $issue->title }}"
                           required>
                </div>

                <div class="col-md-12 mb-3">
                    <label class="form-label">
                        <i class="bi bi-file-text"></i>問題內容
                        <span class="text-danger">*</span>
                    </label>
                    <textarea name="content" 
                              class="form-control" 
                              rows="6" 
                              required>{{ $issue->content }}</textarea>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">
                        <i class="bi bi-flag"></i>優先級
                        <span class="text-danger">*</span>
                    </label>
                    <select name="priority" class="form-select form-select-lg" required>
                        <option value="low" {{ $issue->priority == 'low' ? 'selected' : '' }}>低</option>
                        <option value="medium" {{ $issue->priority == 'medium' ? 'selected' : '' }}>中</option>
                        <option value="high" {{ $issue->priority == 'high' ? 'selected' : '' }}>高</option>
                        <option value="urgent" {{ $issue->priority == 'urgent' ? 'selected' : '' }}>緊急</option>
                    </select>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">
                        <i class="bi bi-clipboard-check"></i>狀態
                        <span class="text-danger">*</span>
                    </label>
                    <select name="status" class="form-select form-select-lg" required>
                        <option value="open" {{ $issue->status == 'open' ? 'selected' : '' }}>開啟</option>
                        <option value="in_progress" {{ $issue->status == 'in_progress' ? 'selected' : '' }}>處理中</option>
                        <option value="closed" {{ $issue->status == 'closed' ? 'selected' : '' }}>已完結</option>
                    </select>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">
                        <i class="bi bi-calendar-event"></i>處理期限
                    </label>
                    <input type="datetime-local" 
                           name="due_date" 
                           class="form-control form-control-lg"
                           value="{{ $issue->due_date ? $issue->due_date->format('Y-m-d\TH:i') : '' }}">
                </div>

                <div class="col-md-12 mb-3">
                    <label class="form-label">
                        <i class="bi bi-person-badge"></i>指派跟進人
                    </label>
                    <select name="assigned_to" class="form-select form-select-lg">
                        <option value="">-- 尚未指派 --</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ $issue->assigned_to == $user->id ? 'selected' : '' }}>
                                {{ $user->name }} {{ $user->isAdmin() ? '(管理員)' : '' }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    <!-- Submit Section -->
    <div class="submit-section">
        <div class="d-flex justify-content-center gap-3">
            <a href="{{ route('issues.show', $issue->id) }}" class="btn btn-cancel">
                <i class="bi bi-x-circle me-2"></i>取消
            </a>
            <button type="submit" class="btn btn-submit">
                <i class="bi bi-check-circle me-2"></i>儲存修改
            </button>
        </div>
    </div>
</form>
@endsection