{{-- PHASE 2: RISK ASSESSMENT & CLASSIFICATION --}}
@php $assessment = $deviation->assessment; @endphp
<section class="phase-section" data-phase="2">

    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h4 class="mb-0">
                <span class="badge badge-info mr-1">2</span>
                Risk Assessment (FMEA)
            </h4>
            @if($assessment && $assessment->approved_at)
                <span class="badge badge-success">Approved</span>
            @elseif($assessment)
                <span class="badge badge-warning">Pending Approval</span>
            @else
                <span class="badge badge-secondary">Not Started</span>
            @endif
        </div>
        <div class="card-body">

            @if($assessment)
                {{-- RPN cards --}}
                <div class="row text-center mb-4">
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <h3>{{ $assessment->severity }}</h3>
                            <small>Severity</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <h3>{{ $assessment->occurrence }}</h3>
                            <small>Occurrence</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <h3>{{ $assessment->detection }}</h3>
                            <small>Detection</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 rounded rpn-{{ strtolower($assessment->risk_priority ?? 'low') }}">
                            <h3>{{ $assessment->rpn }}</h3>
                            <small>RPN — {{ $assessment->risk_priority }}</small>
                        </div>
                    </div>
                </div>

                <table class="table table-sm table-bordered">
                    <tr><th width="30%">Classification</th>
                        <td>
                            <span class="badge badge-{{ match($assessment->classification?->value) {
                                'CRITICAL' => 'danger',
                                'MAJOR' => 'warning',
                                'MINOR' => 'success',
                                default => 'secondary',
                            } }}">{{ $assessment->classification?->value ?? '—' }}</span>
                        </td>
                    </tr>
                    <tr><th>Investigation Level</th><td>{{ $assessment->investigation_level ?? '—' }}</td></tr>
                    <tr><th>Assessed By</th><td>{{ $assessment->assessor?->name ?? '—' }}</td></tr>
                    <tr><th>Assessed At</th><td>{{ $assessment->assessment_date?->format('M j, Y H:i') ?? '—' }}</td></tr>
                    <tr><th>Notes</th><td>{!! nl2br(e($assessment->assessment_notes)) !!}</td></tr>
                </table>

                @if(!$assessment->approved_at)
                    <form method="POST"
                          action="{{ route('deviations.assessment.approve', $assessment) }}"
                          class="mt-3">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">Approval Comments</label>
                            <textarea name="comments" rows="2" class="form-control"></textarea>
                        </div>
                        <button type="submit" class="btn btn-success"
                                onclick="return confirm('Approve this risk assessment?')">
                            <i class="fas fa-check"></i> Approve Assessment
                        </button>
                    </form>
                @endif

                <hr>
                <button class="btn btn-outline-primary" data-toggle="modal" data-target="#editAssessmentModal">
                    <i class="fas fa-edit"></i> Update Assessment
                </button>

            @else
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i>
                    No risk assessment completed yet. This is required for Gate 2.
                </div>
                <button class="btn btn-primary" data-toggle="modal" data-target="#editAssessmentModal">
                    <i class="fas fa-plus"></i> Complete Risk Assessment
                </button>
            @endif
        </div>
    </div>
</section>

{{-- Assessment Modal --}}
<div class="modal fade" id="editAssessmentModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="POST" action="{{ route('deviations.assessment.store', $deviation) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Risk Assessment (FMEA)</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-label">Severity (1–10) *</label>
                            <input type="number" name="severity" min="1" max="10"
                                   value="{{ old('severity', $assessment->severity ?? 5) }}"
                                   class="form-control" required>
                            <small class="text-muted">Impact if failure occurs</small>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Occurrence (1–10) *</label>
                            <input type="number" name="occurrence" min="1" max="10"
                                   value="{{ old('occurrence', $assessment->occurrence ?? 5) }}"
                                   class="form-control" required>
                            <small class="text-muted">Likelihood of recurrence</small>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Detection (1–10) *</label>
                            <input type="number" name="detection" min="1" max="10"
                                   value="{{ old('detection', $assessment->detection ?? 5) }}"
                                   class="form-control" required>
                            <small class="text-muted">Higher = harder to detect</small>
                        </div>
                    </div>

                    <div class="mb-3 mt-3">
                        <label class="form-label">Classification *</label>
                        <select name="classification" class="form-control" required>
                            @foreach(['INCIDENT', 'MINOR', 'MAJOR', 'CRITICAL'] as $c)
                                <option value="{{ $c }}"
                                    @selected(old('classification', $assessment->classification?->value ?? '') === $c)>
                                    {{ $c }}
                                    — Level: {{ \App\Enums\DeviationClassification::from($c)->investigationLevel() }}
                                    / RCA: {{ \App\Enums\DeviationClassification::from($c)->rcaMethod() }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Assessment Notes * (min 20 chars)</label>
                        <textarea name="assessment_notes" rows="3" class="form-control" required minlength="20">{{ old('assessment_notes', $assessment->assessment_notes ?? '') }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Save Assessment
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>