@extends('layouts.app')

@section('titulo', 'Revisión: ' . $revision->hotel->nombre)
@section('contenido1')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-fire-extinguisher mr-2"></i>
                        Revisión: {{ $revision->hotel->nombre }}
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('revisiones-incendio.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left mr-1"></i>
                            Volver
                        </a>
                    </div>
                </div>
                
                <div class="card-body">
                    <!-- Información general -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-info">
                                    <i class="fas fa-building"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Establecimiento</span>
                                    <span class="info-box-number">{{ $revision->hotel->nombre }}</span>
                                    <div class="progress">
                                        <div class="progress-bar bg-info" style="width: 100%"></div>
                                    </div>
                                    <span class="progress-description">
                                        {{ $revision->hotel->direccion }}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-success">
                                    <i class="fas fa-user-tie"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Técnico Responsable</span>
                                    <span class="info-box-number">{{ $revision->tecnico->nombre }}</span>
                                    <div class="progress">
                                        <div class="progress-bar bg-success" style="width: 100%"></div>
                                    </div>
                                    <span class="progress-description">
                                        Fecha: {{ \Carbon\Carbon::parse($revision->fecha_revision)->format('d/m/Y') }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Resumen de detectores -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-primary">
                                    <i class="fas fa-fire"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Detectores</span>
                                    <span class="info-box-number">{{ $revision->detectores_total }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-success">
                                    <i class="fas fa-check-circle"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Funcionando</span>
                                    <span class="info-box-number">{{ $revision->detectores_ok }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger">
                                    <i class="fas fa-exclamation-triangle"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Con Problemas</span>
                                    <span class="info-box-number">{{ $revision->detectores_problemas }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning">
                                    <i class="fas fa-percentage"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">% Funcionamiento</span>
                                    <span class="info-box-number">
                                        {{ $revision->detectores_total > 0 ? round(($revision->detectores_ok / $revision->detectores_total) * 100, 1) : 0 }}%
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Detalles de detectores -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-list mr-2"></i>
                                        Detalles de Detectores
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Ubicación</th>
                                                    <th>Modelo</th>
                                                    <th>Estado</th>
                                                    <th>Observaciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($revision->detectores as $detector)
                                                    <tr>
                                                        <td>{{ $detector->ubicacion }}</td>
                                                        <td>{{ $detector->modelo }}</td>
                                                        <td>
                                                            @if($detector->funcionando)
                                                                <span class="badge badge-success">
                                                                    <i class="fas fa-check mr-1"></i>
                                                                    Funcionando
                                                                </span>
                                                            @else
                                                                <span class="badge badge-danger">
                                                                    <i class="fas fa-times mr-1"></i>
                                                                    Problema
                                                                </span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $detector->observaciones ?: '-' }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Observaciones y recomendaciones -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-comment mr-2"></i>
                                        Observaciones
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <p>{{ $revision->observaciones }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-lightbulb mr-2"></i>
                                        Recomendaciones
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <p>{{ $revision->recomendaciones }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Generación de documentos -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-file-alt mr-2"></i>
                                        Generar Documentos
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h5>Informes</h5>
                                            @if($plantillasInforme->count() > 0)
                                                @foreach($plantillasInforme as $plantilla)
                                                    <a href="{{ route('revisiones-incendio.generar-informe', ['revisionId' => $revision->id, 'templateId' => $plantilla->id]) }}" 
                                                       class="btn btn-outline-primary btn-sm mb-2">
                                                        <i class="fas fa-file-alt mr-1"></i>
                                                        {{ $plantilla->name }}
                                                    </a>
                                                @endforeach
                                            @else
                                                <p class="text-muted">No hay plantillas de informe disponibles.</p>
                                            @endif
                                        </div>
                                        <div class="col-md-6">
                                            <h5>Certificados</h5>
                                            @if($plantillasCertificado->count() > 0)
                                                @foreach($plantillasCertificado as $plantilla)
                                                    <a href="{{ route('revisiones-incendio.generar-certificado', ['revisionId' => $revision->id, 'templateId' => $plantilla->id]) }}" 
                                                       class="btn btn-outline-success btn-sm mb-2">
                                                        <i class="fas fa-certificate mr-1"></i>
                                                        {{ $plantilla->name }}
                                                    </a>
                                                @endforeach
                                            @else
                                                <p class="text-muted">No hay plantillas de certificado disponibles.</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Histórico de documentos generados -->
                    @if($documentosGenerados->count() > 0)
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">
                                            <i class="fas fa-history mr-2"></i>
                                            Documentos Generados
                                        </h3>
                                        <div class="card-tools">
                                            <a href="{{ route('revisiones-incendio.historial', $revision->id) }}" 
                                               class="btn btn-info btn-sm">
                                                <i class="fas fa-list mr-1"></i>
                                                Ver Todo
                                            </a>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>Documento</th>
                                                        <th>Tipo</th>
                                                        <th>Generado por</th>
                                                        <th>Fecha</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($documentosGenerados->take(5) as $documento)
                                                        <tr>
                                                            <td>{{ $documento->template->name }}</td>
                                                            <td>
                                                                <span class="badge badge-{{ $documento->template->type == 'informe' ? 'primary' : 'success' }}">
                                                                    {{ ucfirst($documento->template->type) }}
                                                                </span>
                                                            </td>
                                                            <td>{{ $documento->user->name ?? 'Usuario eliminado' }}</td>
                                                            <td>{{ $documento->generated_at->format('d/m/Y H:i') }}</td>
                                                            <td>
                                                                <div class="btn-group btn-group-sm">
                                                                    @if($documento->hasFile())
                                                                        <a href="{{ route('revisiones-incendio.descargar-documento', ['revisionId' => $revision->id, 'responseId' => $documento->id]) }}" 
                                                                           class="btn btn-outline-primary" 
                                                                           title="Descargar">
                                                                            <i class="fas fa-download"></i>
                                                                        </a>
                                                                    @endif
                                                                    <button type="button" 
                                                                            class="btn btn-outline-danger" 
                                                                            onclick="eliminarDocumento({{ $documento->id }})"
                                                                            title="Eliminar">
                                                                        <i class="fas fa-trash"></i>
                                                                    </button>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function eliminarDocumento(responseId) {
    if (confirm('¿Estás seguro de que quieres eliminar este documento? Esta acción no se puede deshacer.')) {
        fetch(`/revisiones-incendio/{{ $revision->id }}/documentos/${responseId}`, {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                'Content-Type': 'application/json',
            },
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Error al eliminar el documento');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al eliminar el documento');
        });
    }
}
</script>
@endsection