@extends('layouts.app')
@section('title','Detalle Denuncia')
@section('content')
<div class="content-page">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div class="mb-3">
                    <a href="{{ route('denuncias.index') }}" class="btn btn-outline-secondary">
                        Volver
                    </a>
                </div>

                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                @if($errors->any())
                    <div class="alert alert-danger">
                        {{ $errors->first() }}
                    </div>
                @endif

                <div class="row">
                    <div class="col-md-8">
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h4 class="mb-0">Denuncia {{ $denuncia->codigo }}</h4>
                            </div>

                            <div class="card-body">
                                <p><strong>Estado actual:</strong> {{ $denuncia->estado_actual }}</p>
                                <p><strong>Tipo:</strong> {{ $denuncia->tipo_denuncia }}</p>
                                <p><strong>Fecha:</strong> {{ $denuncia->created_at->format('d/m/Y H:i') }}</p>

                                <hr>

                                <h5>Datos del denunciante</h5>

                                @if($denuncia->es_anonima)
                                    <div class="alert alert-dark">
                                        Denuncia anónima.
                                    </div>
                                @else
                                    <p><strong>Nombre:</strong>
                                        {{ $denuncia->nombres }}
                                        {{ $denuncia->apellido_paterno }}
                                        {{ $denuncia->apellido_materno }}
                                    </p>
                                    <p><strong>Documento:</strong> {{ $denuncia->tipo_documento }} {{ $denuncia->numero_documento }}</p>
                                    <p><strong>Correo:</strong> {{ $denuncia->correo_electronico ?? 'No registrado' }}</p>
                                    <p><strong>Celular:</strong> {{ $denuncia->numero_celular }}</p>

                                    @if($denuncia->es_reserva)
                                        <span class="badge bg-warning text-dark">
                                            Solicitó reserva de identidad
                                        </span>
                                    @endif
                                @endif

                                <hr>

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

                                <hr>

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

                                <hr>

                                <h5>Pruebas adjuntas</h5>
                                @forelse($denuncia->pruebas as $prueba)
                                    <a href="{{ asset('storage/' . $prueba->ruta) }}" target="_blank" class="btn btn-sm btn-outline-primary mb-2">
                                        {{ $prueba->nombre_original }}
                                    </a>
                                @empty
                                    <p class="text-muted">No se adjuntaron pruebas.</p>
                                @endforelse
                            </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-3">
                                        <strong>{{ $seguimiento->estado }}</strong>
                                        <br>
                                        <small class="text-muted">
                                            {{ $seguimiento->created_at->format('d/m/Y H:i') }}
                                            -
                                            {{ $seguimiento->usuario->name ?? 'Sistema' }}
                                        </small>
                                        <p class="mt-2 mb-1">{{ $seguimiento->observacion }}</p>

                                        @if($seguimiento->visible_denunciante)
                                            <span class="badge bg-success">Visible para denunciante</span>
                                        @else
                                            <span class="badge bg-secondary">Interno</span>
                                        @endif
                                    </div>
                                @empty
                                    <p class="text-muted">Sin seguimiento registrado.</p>
                                @endforelse
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card shadow-sm">
                            <div class="card-header">
                                <h5 class="mb-0">Registrar seguimiento</h5>
                            </div>

                            <div class="card-body">
                                <form method="POST" action="{{ route('denuncias.seguimiento.store', $denuncia->id) }}">
                                    @csrf

                                    <div class="mb-3">
                                        <label>Estado</label>
                                        <select name="estado" class="form-control" required>
                                            <option value="">Seleccione</option>
                                            @foreach($estados as $estado)
                                                <option value="{{ $estado->titulo }}">
                                                    {{ $estado->titulo }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mb-3">
                                        <label>Observación / Acción realizada</label>
                                        <textarea name="observacion" rows="5" class="form-control" required>{{ old('observacion') }}</textarea>
                                    </div>

                                    <div class="mb-3">
                                        <label>Visible para denunciante</label>
                                        <select name="visible_denunciante" class="form-control" required>
                                            <option value="1">Sí, notificar al denunciante</option>
                                            <option value="0">No, solo registro interno</option>
                                        </select>
                                    </div>

                                    <button class="btn btn-success w-100">
                                        Guardar seguimiento
                                    </button>
                                </form>

                                <small class="text-muted d-block mt-3">
                                    Si la denuncia tiene correo registrado y el seguimiento es visible, se enviará una notificación.
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection