@extends('layouts.app')

@section('content')
<div class="container">
    <h3 class="mb-3">Edit Known Error: <span class="text-primary">{{ $knownError->error_code }}</span></h3>

    <div class="card shadow-sm">
        <div class="card-body">
            <form action="{{ route('known-errors.update', $knownError->id) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="mb-3">
                    <label class="form-label fw-bold">Judul (Title)</label>
                    <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title', $knownError->title) }}" required>
                    @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Impact</label>
                        <select name="impact" class="form-select" required>
                            <option value="High" {{ old('impact', $knownError->impact) == 'High' ? 'selected' : '' }}>High</option>
                            <option value="Medium" {{ old('impact', $knownError->impact) == 'Medium' ? 'selected' : '' }}>Medium</option>
                            <option value="Low" {{ old('impact', $knownError->impact) == 'Low' ? 'selected' : '' }}>Low</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Status</label>
                        <select name="status" class="form-select" required>
                            <option value="draft" {{ old('status', $knownError->status) == 'draft' ? 'selected' : '' }}>Draft</option>
                            <option value="published" {{ old('status', $knownError->status) == 'published' ? 'selected' : '' }}>Published</option>
                            <option value="retired" {{ old('status', $knownError->status) == 'retired' ? 'selected' : '' }}>Retired</option>
                        </select>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold">Description</label>
                    <textarea name="description" class="form-control" rows="3" required>{{ old('description', $knownError->description) }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold text-danger">Root Cause (Akar Masalah)</label>
                    <textarea name="root_cause" class="form-control" rows="2">{{ old('root_cause', $knownError->root_cause) }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold text-warning">Workaround (Solusi Sementara)</label>
                    <textarea name="workaround" class="form-control" rows="3">{{ old('workaround', $knownError->workaround) }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold text-success">Resolution (Solusi Permanen)</label>
                    <textarea name="resolution" class="form-control" rows="3">{{ old('resolution', $knownError->resolution) }}</textarea>
                </div>

                <hr>
                <button type="submit" class="btn btn-primary">Update Data</button>
                <a href="{{ route('known-errors.index') }}" class="btn btn-secondary">Batal</a>
            </form>
        </div>
    </div>
</div>
@endsection