@extends('layouts.app')

@section('title', 'Reportes Jasper - Administración')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">
                        <i class="fas fa-file-pdf"></i> Gestión de Reportes Jasper
                    </h3>
                    <div>
                        <button type="button" class="btn btn-info" onclick="scanFolder()">
                            <i class="fas fa-search"></i> Escanear Carpeta
                        </button>
                        <a href="{{ route('admin.reports.jasper.create') }}" class="btn btn-primary">
                            <i class="fas fa-plus"></i> Nuevo Reporte
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Información de la carpeta -->
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        <strong>Carpeta de Reportes:</strong> <code>storage/app/reportes-sos/</code>
                        <br>
                        <small>Sube tus archivos .jasper y .jrxml a esta carpeta para que el sistema los detecte automáticamente.</small>
                    </div>

                    <!-- Filtros -->
                    <form method="GET" class="mb-4">
                        <div class="row">
                            <div class="col-md-3">
                                <input type="text" name="search" class="form-control" placeholder="Buscar reporte..." value="{{ request('search') }}">
                            </div>
                            <div class="col-md-3">
                                <select name="report_type" class="form-control">
                                    <option value="">Todos los tipos</option>
                                    @foreach($reportTypes as $type)
                                        <option value="{{ $type }}" {{ request('report_type') == $type ? 'selected' : '' }}>
                                            {{ ucfirst(str_replace('_', ' ', $type)) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <select name="status" class="form-control">
                                    <option value="">Todos los estados</option>
                                    <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Activos</option>
                                    <option value="inactive" {{ request('status') === 'inactive' ? 'selected' : '' }}>Inactivos</option>
                                    <option value="missing" {{ request('status') === 'missing' ? 'selected' : '' }}>Archivos faltantes</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" class="btn btn-primary">Filtrar</button>
                                <a href="{{ route('admin.reports.jasper.index') }}" class="btn btn-secondary">Limpiar</a>
                            </div>
                        </div>
                    </form>

                    <!-- Tabla de reportes -->
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="thead-dark">
                                <tr>
                                    <th>Nombre</th>
                                    <th>Tipo</th>
                                    <th>Archivo</th>
                                    <th>Variables</th>
                                    <th>Parámetros</th>
                                    <th>Formatos</th>
                                    <th>Estado</th>
                                    <th>Archivo</th>
                                    <th>Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($reports as $report)
                                    <tr>
                                        <td>
                                            <strong>{{ $report->name }}</strong>
                                            @if($report->is_default)
                                                <span class="badge badge-primary ml-1">Por Defecto</span>
                                            @endif
                                            @if($report->description)
                                                <br><small class="text-muted">{{ Str::limit($report->description, 50) }}</small>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="badge badge-secondary">{{ ucfirst(str_replace('_', ' ', $report->report_type)) }}</span>
                                        </td>
                                        <td>
                                            <code>{{ $report->jasper_file }}</code>
                                            @if($report->jrxml_file)
                                                <br><small class="text-muted">Fuente: {{ $report->jrxml_file }}</small>
                                            @endif
                                        </td>
                                        <td>
                                            @if($report->variables && count($report->variables) > 0)
                                                <small>
                                                    @foreach($report->variables as $variable)
                                                        <span class="badge badge-info">{{ $variable }}</span>
                                                    @endforeach
                                                </small>
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($report->parameters && count($report->parameters) > 0)
                                                <small>
                                                    @foreach(array_keys($report->parameters) as $param)
                                                        <span class="badge badge-warning">{{ $param }}</span>
                                                    @endforeach
                                                </small>
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($report->output_formats && count($report->output_formats) > 0)
                                                <small>
                                                    @foreach($report->output_formats as $format)
                                                        <span class="badge badge-success">{{ strtoupper($format) }}</span>
                                                    @endforeach
                                                </small>
                                            @else
                                                <span class="badge badge-secondary">PDF</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($report->fileExists())
                                                @if($report->is_active)
                                                    <span class="badge badge-success">Activo</span>
                                                @else
                                                    <span class="badge badge-warning">Inactivo</span>
                                                @endif
                                            @else
                                                <span class="badge badge-danger">Archivo no encontrado</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($report->fileExists())
                                                <small class="text-success">
                                                    <i class="fas fa-check-circle"></i> Disponible
                                                    <br>
                                                    {{ number_format($report->getFileSize() / 1024, 2) }} KB
                                                </small>
                                            @else
                                                <small class="text-danger">
                                                    <i class="fas fa-times-circle"></i> No encontrado
                                                </small>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('admin.reports.jasper.show', $report) }}" class="btn btn-sm btn-outline-info" title="Ver detalles">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('admin.reports.jasper.edit', $report) }}" class="btn btn-sm btn-outline-primary" title="Editar">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <button type="button" class="btn btn-sm btn-outline-success" 
                                                        onclick="generateReport({{ $report->id }})" title="Generar">
                                                    <i class="fas fa-play"></i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-outline-{{ $report->is_active ? 'warning' : 'success' }}" 
                                                        onclick="toggleStatus({{ $report->id }})" title="{{ $report->is_active ? 'Desactivar' : 'Activar' }}">
                                                    <i class="fas fa-{{ $report->is_active ? 'pause' : 'play' }}"></i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-outline-danger" 
                                                        onclick="deleteReport({{ $report->id }})" title="Eliminar">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center py-4">
                                            <div class="text-muted">
                                                <i class="fas fa-file-pdf fa-3x mb-3"></i>
                                                <p>No se encontraron reportes Jasper</p>
                                                <a href="{{ route('admin.reports.jasper.create') }}" class="btn btn-primary">
                                                    <i class="fas fa-plus"></i> Crear primer reporte
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Paginación -->
                    @if($reports->hasPages())
                        <div class="d-flex justify-content-center mt-4">
                            {{ $reports->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para generar reporte -->
<div class="modal fade" id="generateModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Generar Reporte</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="generateForm">
                    <div class="form-group">
                        <label for="format">Formato de Salida</label>
                        <select class="form-control" id="format" name="format" required>
                            <option value="pdf">PDF</option>
                            <option value="xls">Excel (XLS)</option>
                            <option value="xlsx">Excel (XLSX)</option>
                            <option value="csv">CSV</option>
                            <option value="html">HTML</option>
                        </select>
                    </div>
                    <div id="parametersContainer">
                        <!-- Los parámetros se cargarán dinámicamente -->
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="confirmGenerate()">Generar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal de confirmación -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Confirmar acción</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p id="confirmMessage"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-danger" id="confirmButton">Confirmar</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
let currentReportId = null;

function scanFolder() {
    fetch('{{ route("admin.reports.jasper.scan") }}', {
        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('Carpeta escaneada exitosamente. Se encontraron ' + data.reports.length + ' archivos.');
            location.reload();
        } else {
            alert('Error al escanear la carpeta');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Error al escanear la carpeta');
    });
}

function generateReport(reportId) {
    currentReportId = reportId;
    $('#generateModal').modal('show');
}

function confirmGenerate() {
    if (currentReportId) {
        const formData = new FormData(document.getElementById('generateForm'));
        
        fetch(`/admin/reports/jasper/${currentReportId}/generate`, {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: formData
        })
        .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');
        });
    }
    $('#generateModal').modal('hide');
}

function toggleStatus(reportId) {
    currentReportId = reportId;
    document.getElementById('confirmMessage').textContent = '¿Estás seguro de que deseas cambiar el estado de este reporte?';
    document.getElementById('confirmButton').className = 'btn btn-warning';
    document.getElementById('confirmButton').textContent = 'Cambiar Estado';
    document.getElementById('confirmButton').onclick = confirmToggleStatus;
    $('#confirmModal').modal('show');
}

function deleteReport(reportId) {
    currentReportId = reportId;
    document.getElementById('confirmMessage').textContent = '¿Estás seguro de que deseas eliminar este reporte? Esta acción no se puede deshacer.';
    document.getElementById('confirmButton').className = 'btn btn-danger';
    document.getElementById('confirmButton').textContent = 'Eliminar';
    document.getElementById('confirmButton').onclick = confirmDelete;
    $('#confirmModal').modal('show');
}

function confirmToggleStatus() {
    if (currentReportId) {
        fetch(`/admin/reports/jasper/${currentReportId}/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) {
                location.reload();
            } else {
                alert('Error al cambiar el estado: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al cambiar el estado');
        });
    }
    $('#confirmModal').modal('hide');
}

function confirmDelete() {
    if (currentReportId) {
        fetch(`/admin/reports/jasper/${currentReportId}`, {
            method: 'DELETE',
            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) {
                location.reload();
            } else {
                alert('Error al eliminar: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al eliminar');
        });
    }
    $('#confirmModal').modal('hide');
}
</script>
@endpush