@extends('layouts.app')

@php
    $fmtDate = fn($v) => $v ? \Illuminate\Support\Carbon::parse($v)->format('M j, Y H:i') : '—';
@endphp

@section('title', $rule->code . ' — ' . $rule->name)

@section('content')
<div class="container-fluid">

    @foreach(['success' => 'check-circle', 'warning' => 'exclamation-triangle', 'error' => 'exclamation-circle'] as $key => $icon)
        @if(session($key))
            <div class="alert alert-{{ $key }} alert-dismissible fade show">
                <i class="fas fa-{{ $icon }} mr-1"></i> {{ session($key) }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        @endif
    @endforeach

    <div class="card shadow mb-3">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <div>
                <h3 class="mb-0">
                    <span class="badge bg-light text-dark mr-2">{{ $rule->module->label() }}</span>
                    {{ $rule->code }}
                </h3>
                <small>{{ $rule->name }}</small>
            </div>
            <div>
                @if($rule->status->value === 'DRAFT')
                    <a href="{{ route('escalations.rules.edit', $rule) }}" class="btn btn-light btn-sm">
                        <i class="fas fa-edit"></i> Edit
                    </a>
                    <form method="POST" action="{{ route('escalations.rules.activate', $rule) }}" class="d-inline">
                        @csrf
                        <button class="btn btn-success btn-sm">
                            <i class="fas fa-check"></i> Activate
                        </button>
                    </form>
                @elseif($rule->status->value === 'ACTIVE')
                    <form method="POST" action="{{ route('escalations.rules.deactivate', $rule) }}" class="d-inline">
                        @csrf
                        <button class="btn btn-warning btn-sm">
                            <i class="fas fa-pause"></i> Deactivate
                        </button>
                    </form>
                @endif
                <a href="{{ route('escalations.rules.index') }}" class="btn btn-outline-light btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <strong>Status:</strong>
                    <span class="badge badge-{{ $rule->status->badge() }}">{{ $rule->status->label() }}</span>
                </div>
                <div class="col-md-3">
                    <strong>Condition:</strong>
                    <span class="badge badge-info">{{ $rule->condition_type->label() }}</span>
                </div>
                <div class="col-md-3">
                    <strong>Date Field:</strong> <code>{{ $rule->date_field }}</code>
                </div>
                <div class="col-md-3">
                    <strong>Threshold:</strong> {{ $rule->threshold_days }} days
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-md-3">
                    <strong>Action:</strong>
                    <span class="badge badge-primary">{{ $rule->action_type->label() }}</span>
                </div>
                <div class="col-md-3">
                    <strong>Created By:</strong> {{ $rule->creator?->name ?? '—' }}
                </div>
                <div class="col-md-3">
                    <strong>Approved:</strong> {{ $fmtDate($rule->approved_at) }}
                </div>
                <div class="col-md-3">
                    <strong>Total Fires:</strong> {{ $rule->events()->count() }}
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-history mr-1"></i> Recent Escalation Events
            </h6>
        </div>
        <div class="card-body">
            @if($recentEvents->isEmpty())
                <div class="alert alert-info mb-0">No events fired yet.</div>
            @else
                <table class="table table-sm table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>When</th>
                            <th>Record</th>
                            <th>Days Overdue</th>
                            <th>Result</th>
                            <th>Notified</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recentEvents as $e)
                            <tr>
                                <td>{{ $fmtDate($e->fired_at) }}</td>
                                <td>
                                    <span class="badge badge-secondary">{{ class_basename($e->subject_type) }}</span>
                                    {{ $e->subject_label }}
                                </td>
                                <td>{{ $e->days_overdue ?? '—' }}</td>
                                <td>
                                    <span class="badge badge-{{
                                        $e->action_result === 'SUCCESS' ? 'success' :
                                        ($e->action_result === 'FAILED' ? 'danger' : 'secondary')
                                    }}">{{ $e->action_result }}</span>
                                </td>
                                <td>{{ $e->notifiedUser?->name ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
</div>
@endsection