@extends('adminlte::page')

@section('title', 'Detalle de mensaje')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="mb-0">Detalle de mensaje</h1>

        <div>
            <a href="{{ route('mensajes.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-arrow-left"></i> Volver
            </a>
        </div>
    </div>
@stop

@section('content')
    <div class="card card-outline card-primary">
        <div class="card-header">
            <h3 class="card-title">Información del mensaje</h3>
        </div>

        <div class="card-body">
            <p><strong>ID:</strong> {{ $mensaje->id }}</p>
            <p><strong>Proyecto:</strong> {{ $mensaje->proyecto->nombre ?? '' }}</p>
            <p><strong>Remitente:</strong> {{ $mensaje->remitente->name ?? '' }}</p>
            <p><strong>Tipo de destino:</strong> {{ ucfirst($mensaje->tipo_destino) }}</p>
            <p><strong>Equipo origen:</strong> {{ $mensaje->equipoOrigen->nombre ?? 'N/D' }}</p>
            <p><strong>Equipo destino:</strong> {{ $mensaje->equipoDestino->nombre ?? 'N/D' }}</p>
            <p><strong>Unidad origen:</strong> {{ $mensaje->unidadOrigen->nombre ?? 'N/D' }}</p>
            <p><strong>Unidad destino:</strong> {{ $mensaje->unidadDestino->nombre ?? 'N/D' }}</p>

            <p>
                <strong>Prioridad:</strong>
                @php
                    $prioridad = strtolower($mensaje->prioridad ?? '');
                    $badge = match($prioridad) {
                        'alta' => 'danger',
                        'normal' => 'warning',
                        'baja' => 'secondary',
                        default => 'info',
                    };
                @endphp
                <span class="badge badge-{{ $badge }}">{{ $mensaje->prioridad }}</span>
            </p>

            <p><strong>Fecha:</strong> {{ $mensaje->created_at?->format('d/m/Y H:i') }}</p>

            <hr>

            <p><strong>Contenido:</strong></p>
            <div class="p-3 border rounded bg-light">
                {{ $mensaje->contenido }}
            </div>
        </div>
    </div>
@stop