@extends('admin.layouts.app')
@section('content')

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<div class="content">
    <div class="container-fluid">
        <!-- Page Title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Tablero</a></li>
                            <li class="breadcrumb-item">Herramientas</li>
                            <li class="breadcrumb-item active">Setup del Sistema</li>
                        </ol>
                    </div>
                    <h4 class="page-title">Setup del Sistema</h4>
                </div>
            </div>
        </div>

        <!-- Warning Alert -->
        <div class="row">
            <div class="col-12">
                <div class="alert alert-warning d-flex align-items-center" role="alert">
                    <i class="mdi mdi-alert-circle-outline font-22 me-3"></i>
                    <div>
                        <strong>Advertencia Importante:</strong> Las opciones de setup eliminarán datos de forma permanente. 
                        Asegúrese de tener un respaldo completo de la base de datos antes de continuar.
                    </div>
                </div>
            </div>
        </div>

        <!-- Setup Options -->
        <div class="row">
            <!-- Limpiar Datos E-commerce -->
            <div class="col-xl-6 col-lg-6">
                <div class="card border-danger">
                    <div class="card-header bg-danger">
                        <h4 class="card-title mb-0 text-white">
                            <span class="badge bg-white text-danger me-2">1</span>
                            <i class="mdi mdi-delete-sweep"></i> Limpiar Datos E-commerce
                        </h4>
                    </div>
                    <div class="card-body">
                        <p class="text-muted">Limpia TODOS los datos para reimportación completa</p>
                        
                        <h5 class="mt-3">Esta opción eliminará:</h5>
                        <ul class="list-unstyled">
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las órdenes de clientes</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todos los productos (stock)</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las imágenes de productos</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todos los ratings de productos</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las categorías</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las subcategorías</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las variedades y subvariedades</li>
                            <li><i class="mdi mdi-check-circle text-danger"></i> Todas las marcas y rubros</li>
                        </ul>
                        
                        <div class="alert alert-danger mt-3">
                            <strong>⚠️ ADVERTENCIA:</strong> Esta opción eliminará TODO el catálogo. Base de datos quedará limpia para reimportación completa.
                        </div>
                        
                        <h6 class="mt-3 mb-2 text-center text-danger">Registros que serán ELIMINADOS:</h6>
                        <div class="row text-center">
                            <!-- Primera fila: Catálogo -->
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['stock'] }}</h4>
                                    <small class="text-muted">Productos</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['categories'] }}</h4>
                                    <small class="text-muted">Categorías</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['subcategories'] }}</h4>
                                    <small class="text-muted">Subcategorías</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['varieties'] }}</h4>
                                    <small class="text-muted">Variedades</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['subvarieties'] }}</h4>
                                    <small class="text-muted">Subvariedades</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border border-danger rounded">
                                    <h4 class="mb-0 text-danger">{{ $stats['catalog']['marcas'] }}</h4>
                                    <small class="text-muted">Marcas</small>
                                </div>
                            </div>
                            
                            <!-- Segunda fila: E-commerce -->
                            <div class="col-12 mt-2 mb-2">
                                <hr>
                            </div>
                            <div class="col-6 col-md-3 mb-2">
                                <div class="p-2 border border-warning rounded">
                                    <h4 class="mb-0 text-warning">{{ $stats['ecommerce']['orders'] }}</h4>
                                    <small class="text-muted">Órdenes</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-3 mb-2">
                                <div class="p-2 border border-warning rounded">
                                    <h4 class="mb-0 text-warning">{{ $stats['catalog']['stock_images'] }}</h4>
                                    <small class="text-muted">Imágenes</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-3 mb-2">
                                <div class="p-2 border border-warning rounded">
                                    <h4 class="mb-0 text-warning">{{ $stats['catalog']['stock_ratings'] }}</h4>
                                    <small class="text-muted">Ratings</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-3 mb-2">
                                <div class="p-2 border border-warning rounded">
                                    <h4 class="mb-0 text-warning">{{ $stats['ecommerce']['wishlists'] }}</h4>
                                    <small class="text-muted">Wishlists</small>
                                </div>
                            </div>
                        </div>
                        
                        <button class="btn btn-danger w-100 mt-3" onclick="executeSetup('clean-data')">
                            <i class="mdi mdi-delete-sweep"></i> Limpiar TODOS los Datos
                        </button>
                    </div>
                </div>
            </div>

            <!-- Importar Datos -->
            <div class="col-xl-6 col-lg-6">
                <div class="card border-info">
                    <div class="card-header bg-info text-white">
                        <h4 class="card-title mb-0 text-white">
                            <span class="badge bg-white text-info me-2">2</span>
                            <i class="mdi mdi-database-import"></i> Importar desde CodeIgniter
                        </h4>
                    </div>
                    <div class="card-body">
                        <p class="text-muted">Importa y actualiza TODO el catálogo desde base de datos externa</p>
                        
                        <h5 class="mt-3">Esta opción importará:</h5>
                        <ul class="list-unstyled">
                            <li><i class="mdi mdi-check-circle text-success"></i> Productos, categorías, subcategorías, variedades, subvariedades y marcas desde CodeIgniter</li>
                            <li><i class="mdi mdi-check-circle text-success"></i> Referencias a imágenes de productos</li>
                        </ul>
                        
                        <div class="alert alert-info mt-3">
                            <strong>ℹ️ Actualización:</strong> Los registros existentes serán actualizados con los datos más recientes
                        </div>
                        
                        <h6 class="mt-3 mb-2 text-center">Estado Actual en Base de Datos Local:</h6>
                        <div class="row text-center">
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-primary">{{ $stats['catalog']['stock'] }}</h4>
                                    <small class="text-muted">Productos</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-success">{{ $stats['catalog']['categories'] }}</h4>
                                    <small class="text-muted">Categorías</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-info">{{ $stats['catalog']['subcategories'] }}</h4>
                                    <small class="text-muted">Subcategorías</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-purple">{{ $stats['catalog']['varieties'] }}</h4>
                                    <small class="text-muted">Variedades</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-pink">{{ $stats['catalog']['subvarieties'] }}</h4>
                                    <small class="text-muted">Subvariedades</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h4 class="mb-0 text-dark">{{ $stats['catalog']['marcas'] }}</h4>
                                    <small class="text-muted">Marcas</small>
                                </div>
                            </div>
                            <div class="col-12 mt-2">
                                <div class="p-2 border rounded bg-warning bg-opacity-10">
                                    <h4 class="mb-0 text-warning">{{ $stats['catalog']['stock_images'] }}</h4>
                                    <small class="text-muted"><i class="mdi mdi-image-multiple"></i> Imágenes de Productos</small>
                                </div>
                            </div>
                        </div>
                        
                        <a href="{{ route('codeigniter.import.index') }}" class="btn btn-info w-100 mt-3">
                            <i class="mdi mdi-database-import"></i> Ir a Importar
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Estadísticas del Sistema -->
        <div class="row mt-4">
            <div class="col-12">
                <div class="card">
                    <div class="card-header bg-light">
                        <h4 class="card-title mb-0">
                            <i class="mdi mdi-chart-bar text-info"></i> Estado Actual del Sistema - Catálogo Completo
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-primary mb-0">{{ $stats['catalog']['stock'] }}</h3>
                                    <p class="text-muted mb-0">Productos</p>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-success mb-0">{{ $stats['catalog']['categories'] }}</h3>
                                    <p class="text-muted mb-0">Categorías</p>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-info mb-0">{{ $stats['catalog']['subcategories'] }}</h3>
                                    <p class="text-muted mb-0">Subcategorías</p>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-purple mb-0">{{ $stats['catalog']['varieties'] }}</h3>
                                    <p class="text-muted mb-0">Variedades</p>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-pink mb-0">{{ $stats['catalog']['subvarieties'] }}</h3>
                                    <p class="text-muted mb-0">Subvariedades</p>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-4 col-6 mb-3">
                                <div class="p-3 border rounded">
                                    <h3 class="text-dark mb-0">{{ $stats['catalog']['marcas'] }}</h3>
                                    <p class="text-muted mb-0">Marcas</p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row text-center mt-3">
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light">
                                    <h3 class="text-warning mb-0">{{ $stats['ecommerce']['orders'] }}</h3>
                                    <p class="text-muted mb-0"><i class="mdi mdi-cart"></i> Órdenes</p>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light">
                                    <h3 class="text-info mb-0">{{ $stats['catalog']['stock_images'] }}</h3>
                                    <p class="text-muted mb-0"><i class="mdi mdi-image-multiple"></i> Imágenes</p>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light">
                                    <h3 class="text-success mb-0">{{ $stats['ecommerce']['users'] }}</h3>
                                    <p class="text-muted mb-0"><i class="mdi mdi-account-multiple"></i> Usuarios</p>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light">
                                    <h3 class="text-danger mb-0">{{ $stats['catalog']['stock_ratings'] }}</h3>
                                    <p class="text-muted mb-0"><i class="mdi mdi-star"></i> Ratings</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Estadísticas de Contenido -->
                        <h6 class="mt-4 mb-3 text-center text-muted">Contenido del Sitio</h6>
                        <div class="row text-center">
                            @if(isset($stats['content']))
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-primary">{{ $stats['content']['pages'] ?? 0 }}</h5>
                                    <small class="text-muted">Páginas</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-info">{{ $stats['content']['blogs'] ?? 0 }}</h5>
                                    <small class="text-muted">Blogs</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-success">{{ $stats['content']['faqs'] ?? 0 }}</h5>
                                    <small class="text-muted">FAQs</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-warning">{{ $stats['content']['sliders'] ?? 0 }}</h5>
                                    <small class="text-muted">Sliders</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-danger">{{ $stats['content']['banners'] ?? 0 }}</h5>
                                    <small class="text-muted">Banners</small>
                                </div>
                            </div>
                            <div class="col-6 col-md-2 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-purple">{{ $stats['content']['blog_categories'] ?? 0 }}</h5>
                                    <small class="text-muted">Cat. Blog</small>
                                </div>
                            </div>
                            @endif
                        </div>
                        
                        <!-- Estadísticas de Ventas/Compras (si usa sucursales) -->
                        @if(isset($stats['sales']) && ($stats['sales']['ventarti'] > 0 || $stats['sales']['comparti'] > 0 || $stats['sales']['descarti'] > 0))
                        <h6 class="mt-4 mb-3 text-center text-muted">Consolidados de Ventas y Compras</h6>
                        <div class="row text-center">
                            <div class="col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-success">{{ $stats['sales']['ventarti'] ?? 0 }}</h5>
                                    <small class="text-muted">Ventas (ventarti)</small>
                                </div>
                            </div>
                            <div class="col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-primary">{{ $stats['sales']['comparti'] ?? 0 }}</h5>
                                    <small class="text-muted">Compras (comparti)</small>
                                </div>
                            </div>
                            <div class="col-md-4 mb-2">
                                <div class="p-2 border rounded bg-light">
                                    <h5 class="mb-0 text-warning">{{ $stats['sales']['descarti'] ?? 0 }}</h5>
                                    <small class="text-muted">Stock Sucursales (descarti)</small>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<script>
function executeSetup(type) {
    let title = '';
    let text = '';
    let endpoint = '';
    
    switch(type) {
        case 'clean-data':
            title = 'Limpiar TODOS los Datos E-commerce';
            text = '¿Está seguro de limpiar TODOS los datos? Esto eliminará órdenes, productos, categorías, subcategorías, variedades, marcas y TODO el catálogo. La base de datos quedará completamente limpia para reimportación.';
            endpoint = '{{ route("setup.clean") }}';
            break;
        case 'import-data':
            title = 'Importar Datos';
            text = '¿Está seguro de importar los datos desde CodeIgniter? Esto puede tomar varios minutos.';
            endpoint = '{{ route("setup.import") }}';
            break;
    }
    
    Swal.fire({
        title: title,
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, ejecutar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            // Mostrar loading
            Swal.fire({
                title: 'Procesando...',
                text: 'Por favor espere mientras se ejecuta la operación',
                allowOutsideClick: false,
                showConfirmButton: false,
                willOpen: () => {
                    Swal.showLoading();
                }
            });
            
            fetch(endpoint, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                body: JSON.stringify({ confirm: true })
            })
            .then(response => response.json())
            .then(data => {
                if (data.status === 'success') {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Completado!',
                        text: data.message,
                        confirmButtonText: 'Aceptar'
                    }).then(() => {
                        window.location.reload();
                    });
                } else if (data.status === 'error') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: data.message || 'Ocurrió un error al ejecutar la operación'
                    });
                }
            })
            .catch(error => {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Error de conexión: ' + error.message
                });
            });
        }
    });
}
</script>

@endsection