@extends('layouts.app')
@section('title','Denuncia')
@section('content')
<div class="content-page">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        <div class="header-title">
                            <h4 class="mb-0">Denuncia {{ $denuncia->codigo }}</h4>
                            <span class="badge bg-primary">{{ $denuncia->estado_actual }}</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <p><strong>Tipo de denuncia:</strong> {{ $denuncia->tipo_denuncia }}</p>
                        <p><strong>Fecha de registro:</strong> {{ $denuncia->created_at->format('d/m/Y H:i') }}</p>

                        <hr>

                        <h5>Personas denunciadas</h5>

                        @foreach($denuncia->denunciados as $denunciado)
                            <div class="border rounded p-3 mb-2">
                                <p class="mb-1"><strong>Nombre:</strong> {{ $denunciado->nombre_completo }}</p>
                                <p class="mb-1"><strong>Lugar de trabajo:</strong> {{ $denunciado->lugar_trabajo ?? 'No registrado' }}</p>
                                <p class="mb-0"><strong>Área:</strong> {{ $denunciado->area_trabajo ?? 'No registrado' }}</p>
                            </div>
                        @endforeach

                        <hr>

                        <h5>Relato de los hechos</h5>
                        <p style="white-space: pre-line;">{{ $denuncia->relato_hechos }}</p>
                        <hr>

                        <h5>Pruebas adjuntas</h5>

                        @if($denuncia->pruebas->count())
                            <div class="row">
                                @foreach($denuncia->pruebas as $prueba)
                                    <div class="col-md-4 mb-3">
                                        <div class="border rounded p-3 h-100">
                                            <strong>{{ $prueba->nombre_original }}</strong>
                                            <br>
                                            <small class="text-muted">
                                                {{ strtoupper($prueba->extension) }}
                                            </small>

                                            <div class="mt-2">
                                                <a href="{{ asset('storage/' . $prueba->ruta) }}" 
                                                target="_blank" 
                                                class="btn btn-sm btn-outline-primary">
                                                    Ver archivo
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted">No se adjuntaron pruebas.</p>
                        @endif
                    </div>
                </div>
                <div class="card shadow-sm">
                    <div class="card-header">
                        <h5 class="mb-0">Historial de seguimiento</h5>
                    </div>

                    <div class="card-body">
                        @forelse($denuncia->seguimientos as $seguimiento)
                            <div class="border-start border-4 border-primary ps-3 mb-4">
                                <h6 class="mb-1">{{ $seguimiento->estado }}</h6>
                                <small class="text-muted">
                                    {{ $seguimiento->created_at->format('d/m/Y H:i') }}
                                </small>
                                <p class="mt-2 mb-0">
                                    {{ $seguimiento->observacion }}
                                </p>
                            </div>
                        @empty
                            <p class="text-muted">Todavía no existen acciones de seguimiento.</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection