@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', $reply->issue_id) }}">問題詳情</a></li>
    <li class="breadcrumb-item active" aria-current="page">編輯回覆</li>
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/issues/edit-reply.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', $reply->issue_id) }}" class="btn btn-outline-light">
                <i class="bi bi-arrow-left me-2"></i>返回
            </a>
        </div>
    </div>
</div>

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

    <div class="form-card">
        <div class="card-body">
            <div class="mb-3">
                <label class="form-label">
                    <i class="bi bi-chat-dots me-2"></i>回覆內容
                </label>
                <textarea name="content" 
                          class="form-control" 
                          rows="6" 
                          required>{{ $reply->content }}</textarea>
            </div>
        </div>
    </div>

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