@extends('layouts.app')

@section('title', 'Ver Reporte JasperReports')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-eye me-2"></i>Ver Reporte JasperReports
                    </h1>
                    <p class="text-muted mb-0">{{ $jasperReportConfig->report_name }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.config.jasper-reports.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Volver
                    </a>
                    <a href="{{ route('admin.config.jasper-reports.edit', $jasperReportConfig) }}" class="btn btn-warning">
                        <i class="fas fa-edit me-2"></i>Editar
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <!-- Información del Reporte -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info-circle me-2"></i>Información del Reporte
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Nombre del Reporte</label>
                                <p class="form-control-plaintext">{{ $jasperReportConfig->report_name }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Tipo de Reporte</label>
                                <p class="form-control-plaintext">
                                    <span class="badge badge-info">{{ $jasperReportConfig->report_type_formatted }}</span>
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Categoría</label>
                                <p class="form-control-plaintext">
                                    <span class="badge badge-secondary">{{ $jasperReportConfig->getReportCategoryFormatted() }}</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Estado</label>
                                <p class="form-control-plaintext">
                                    {!! $jasperReportConfig->status_badge !!}
                                </p>
                            </div>
                        </div>
                    </div>

                    @if($jasperReportConfig->description)
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Descripción</label>
                        <p class="form-control-plaintext">{{ $jasperReportConfig->description }}</p>
                    </div>
                    @endif

                    @if($jasperReportConfig->jasper_description)
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Descripción JasperReports</label>
                        <p class="form-control-plaintext">{{ $jasperReportConfig->jasper_description }}</p>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Archivos -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-file me-2"></i>Archivos del Reporte
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Archivo .jasper</label>
                                @if($jasperReportConfig->jasper_file)
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-file-pdf text-danger me-2"></i>
                                        <div>
                                            <div class="small">{{ $jasperReportConfig->jasper_file }}</div>
                                            <div class="small text-muted">{{ $jasperReportConfig->getFormattedFileSize() }}</div>
                                        </div>
                                    </div>
                                @else
                                    <p class="form-control-plaintext text-muted">Sin archivo .jasper</p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Archivo .jrxml</label>
                                @if($jasperReportConfig->jrxml_file)
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-file-code text-info me-2"></i>
                                        <div>
                                            <div class="small">{{ $jasperReportConfig->jrxml_file }}</div>
                                            <div class="small text-muted">Archivo fuente</div>
                                        </div>
                                    </div>
                                @else
                                    <p class="form-control-plaintext text-muted">Sin archivo .jrxml</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Variables y Parámetros -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-cogs me-2"></i>Variables y Parámetros
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Variables del Reporte</label>
                                <p class="form-control-plaintext">{{ $jasperReportConfig->getVariablesList() }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label font-weight-bold">Parámetros del Reporte</label>
                                <p class="form-control-plaintext">{{ $jasperReportConfig->getParametersList() }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Formatos de Salida -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-download me-2"></i>Formatos de Salida
                    </h6>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Formatos Soportados</label>
                        <div class="form-control-plaintext">
                            @if($jasperReportConfig->output_formats)
                                @foreach($jasperReportConfig->output_formats as $format)
                                    <span class="badge badge-success me-1">{{ $format }}</span>
                                @endforeach
                            @else
                                <span class="text-muted">PDF</span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <!-- Acciones -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-success">
                        <i class="fas fa-play me-2"></i>Acciones
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <button type="button" class="btn btn-success" onclick="generateReport({{ $jasperReportConfig->id }})">
                            <i class="fas fa-play me-2"></i>Generar Reporte
                        </button>
                        <button type="button" class="btn btn-info" onclick="previewReport({{ $jasperReportConfig->id }})">
                            <i class="fas fa-eye me-2"></i>Vista Previa
                        </button>
                        <button type="button" class="btn btn-secondary" onclick="getFileInfo({{ $jasperReportConfig->id }})">
                            <i class="fas fa-info-circle me-2"></i>Información del Archivo
                        </button>
                        <button type="button" class="btn btn-warning" onclick="toggleStatus({{ $jasperReportConfig->id }})">
                            <i class="fas fa-toggle-{{ $jasperReportConfig->is_active ? 'on' : 'off' }} me-2"></i>
                            {{ $jasperReportConfig->is_active ? 'Desactivar' : 'Activar' }}
                        </button>
                    </div>
                </div>
            </div>

            <!-- Información Adicional -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-info-circle me-2"></i>Información Adicional
                    </h6>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Creado por</label>
                        <p class="form-control-plaintext">{{ $jasperReportConfig->createdBy->name ?? 'Sistema' }}</p>
                    </div>
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Fecha de creación</label>
                        <p class="form-control-plaintext">{{ $jasperReportConfig->created_at->format('d/m/Y H:i:s') }}</p>
                    </div>
                    @if($jasperReportConfig->updated_at != $jasperReportConfig->created_at)
                    <div class="form-group">
                        <label class="form-label font-weight-bold">Última actualización</label>
                        <p class="form-control-plaintext">{{ $jasperReportConfig->updated_at->format('d/m/Y H:i:s') }}</p>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    // Función para generar reporte
    function generateReport(reportId) {
        const format = prompt('Selecciona el formato de salida:', 'PDF');
        if (format) {
            fetch(`/admin/config/jasper-reports/${reportId}/generate`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                body: JSON.stringify({ format: format })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Reporte generado exitosamente');
                    if (data.download_url) {
                        window.open(data.download_url, '_blank');
                    }
                } else {
                    alert('Error al generar reporte: ' + data.message);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Error al generar reporte');
            });
        }
    }

    // Función para vista previa
    function previewReport(reportId) {
        const format = prompt('Selecciona el formato para vista previa:', 'PDF');
        if (format) {
            fetch(`/admin/config/jasper-reports/${reportId}/preview/${format}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Vista previa generada exitosamente');
                    if (data.preview_url) {
                        window.open(data.preview_url, '_blank');
                    }
                } else {
                    alert('Error al generar vista previa: ' + data.message);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Error al generar vista previa');
            });
        }
    }

    // Función para obtener información del archivo
    function getFileInfo(reportId) {
        fetch(`/admin/config/jasper-reports/${reportId}/file-info`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                const info = data.file_info;
                let message = `Información del archivo:\n\n`;
                message += `Existe: ${info.exists ? 'Sí' : 'No'}\n`;
                message += `Tamaño: ${info.size}\n`;
                message += `Última modificación: ${info.last_modified}\n`;
                message += `Variables: ${info.variables}\n`;
                message += `Parámetros: ${info.parameters}\n`;
                message += `Formatos: ${info.output_formats}`;
                alert(message);
            } else {
                alert('Error al obtener información: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al obtener información del archivo');
        });
    }

    // Función para cambiar estado
    function toggleStatus(reportId) {
        fetch(`/admin/config/jasper-reports/${reportId}/toggle-status`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert(data.message);
                location.reload();
            } else {
                alert('Error al cambiar estado: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al cambiar estado');
        });
    }
</script>
@endpush