@extends('admin.layouts.index-template', [
    'pageTitle' => 'Subcategorías',
    'items' => $subCategories,
    'icon' => 'grid',
    'module' => 'Subcategorías',
    'createRoute' => route('sub-categories.create'),
    'indexRoute' => route('sub-categories.index'),
    'searchPlaceholder' => 'Buscar por nombre, slug o categoría...',
    'emptyIcon' => 'sitemap',
    'emptyTitle' => 'No hay subcategorías',
    'emptyMessage' => 'Comience agregando su primera subcategoría al catálogo',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $subCategories->total(),
            'color' => 'primary',
            'icon' => 'grid'
        ],
        'active' => [
            'label' => 'Activas',
            'count' => \App\Models\Subcaweb::where('WEB_VTA', 'S')->where('BORRADO', 'N')->count(),
            'color' => 'success',
            'icon' => 'checkbox-circle'
        ],
        'inactive' => [
            'label' => 'Inactivas', 
            'count' => \App\Models\Subcaweb::where('WEB_VTA', 'N')->where('BORRADO', 'N')->count(),
            'color' => 'secondary',
            'icon' => 'pause-circle'
        ],
        'show_home' => [
            'label' => 'Inicio',
            'count' => \App\Models\Subcaweb::where('showHome', 'Yes')->where('BORRADO', 'N')->count(),
            'color' => 'warning',
            'icon' => 'home'
        ],
        'no_image' => [
            'label' => 'Sin Imagen',
            'count' => \App\Models\Subcaweb::where('BORRADO', 'N')
                ->where(function($query) {
                    $query->whereNull('image')
                          ->orWhere('image', '');
                })->count(),
            'color' => 'info',
            'icon' => 'image'
        ],
        'no_products' => [
            'label' => 'Sin Productos',
            'count' => \App\Models\Subcaweb::doesntHave('productos')->where('BORRADO', 'N')->count(),
            'color' => 'danger',
            'icon' => 'error-warning'
        ]
    ]
])

@push('css')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('header-buttons')
    <a href="{{ route('sub-categories.create') }}" class="btn btn-primary">
        <i class="ri-add-line"></i> Nueva Subcategoría
    </a>
@endsection

@section('action-buttons')
    <button type="button" class="btn btn-success btn-sm me-2" title="Exportar subcategorías">
        <i class="ri-file-excel-line"></i> Exportar
    </button>
@endsection

@section('filters')
    <!-- Filtro por Categoría -->
    <div class="col-md-3">
        <label class="form-label small">Categoría</label>
        <select name="category" class="form-select form-select-sm" onchange="this.form.submit()">
            <option value="">Todas</option>
            @foreach(\App\Models\Categweb::where('BORRADO', 'N')->where('WEB_VTA', 'S')->orderBy('DE_CATEGOR')->get() as $category)
                <option value="{{ $category->CO_CATEGOR }}" {{ request('category') == $category->CO_CATEGOR ? 'selected' : '' }}>
                    {{ $category->DE_CATEGOR }}
                </option>
            @endforeach
        </select>
    </div>
    
    <!-- Filtro por Estado -->
    <div class="col-md-2">
        <label class="form-label small">Estado</label>
        <select name="web_vta" class="form-select form-select-sm" onchange="this.form.submit()">
            <option value="">Todos</option>
            <option value="S" {{ request('web_vta') === 'S' ? 'selected' : '' }}>Activa</option>
            <option value="N" {{ request('web_vta') === 'N' ? 'selected' : '' }}>Inactiva</option>
        </select>
    </div>
@endsection

@section('table-headers')
    <tr>
        <th width="110">Código</th>
        <th width="80">Imagen</th>
        <th>Subcategoría</th>
        <th>Categoría</th>
        <th width="100">Productos</th>
        <th width="100">Estado</th>
        <th width="100">Inicio</th>
        <th width="100">Fecha</th>
        <th width="120">SEO con IA</th>
        <th width="120">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($subCategories as $subCategory)
    <tr>
        <td>{{ trim($subCategory->CO_CATEGOR) }} / {{ trim($subCategory->CO_SUBCATE) }}</td>
        <td>
            @if(!empty($subCategory->image))
                <img src="{{ asset('uploads/subcategory/thumb/'.$subCategory->image) }}" 
                     class="img-thumbnail" 
                     alt="{{ $subCategory->DE_SUBCATE }}"
                     style="width: 50px; height: 50px; object-fit: cover;">
            @else
                <div class="d-flex align-items-center justify-content-center" 
                     style="width: 50px; height: 50px; border-radius: 4px; border: 2px dashed #dee2e6; background-color: #f8f9fa;">
                    <i class="ri-image-line text-secondary" style="font-size: 1.2rem;"></i>
                </div>
            @endif
        </td>
        <td>
            <div>
                <strong>{{ $subCategory->DE_SUBCATE ?? 'Sin nombre' }}</strong>
                <br><small class="text-muted">{{ strtolower(str_replace(' ', '-', $subCategory->DE_SUBCATE ?? '')) }}</small>
            </div>
        </td>
        <td>
            <span class="badge badge-light">{{ $subCategory->categoria ? $subCategory->categoria->DE_CATEGOR : 'Sin categoría' }}</span>
        </td>
        <td>
            @if($subCategory->productos_count > 0)
                <span class="badge bg-primary">{{ $subCategory->productos_count }}</span>
            @else
                <span class="badge badge-light">0</span>
            @endif
        </td>
        <td>
            @if($subCategory->WEB_VTA == 'S')
                <span class="badge bg-success">Activa</span>
            @else
                <span class="badge bg-secondary">Inactiva</span>
            @endif
        </td>
        <td>
            @if($subCategory->showHome == 'Yes')
                <span class="badge bg-warning">Sí</span>
            @else
                <span class="badge badge-light">No</span>
            @endif
        </td>
        <td>
            <small>-</small>
        </td>
        <td>
            @if($subCategory->ai_generated_at && ($subCategory->ai_meta_title || $subCategory->ai_meta_description))
                <span class="badge bg-success">Generado</span>
            @else
                <span class="badge bg-secondary">No generado</span>
            @endif
        </td>
        <td>
            <div class="d-flex gap-1">
                <a href="{{ route('sub-categories.images', [trim($subCategory->CO_CATEGOR), trim($subCategory->CO_SUBCATE)]) }}"
                   class="btn btn-sm btn-info" title="Imágenes">
                    <i class="ri-image-line"></i>
                </a>

                <a href="{{ route('sub-categories.seo', [trim($subCategory->CO_CATEGOR), trim($subCategory->CO_SUBCATE)]) }}"
                   class="btn btn-sm btn-success" title="SEO">
                    <i class="ri-global-line"></i>
                </a>

                <a href="{{ route('sub-categories.edit', [trim($subCategory->CO_CATEGOR), trim($subCategory->CO_SUBCATE)]) }}"
                   class="btn btn-sm btn-warning" title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>

                @if($subCategory->variedades_count > 0)
                <a href="{{ route('variedades.index') }}?category={{ $subCategory->CO_CATEGOR }}&subcategory={{ $subCategory->CO_SUBCATE }}"
                   class="btn btn-sm btn-primary" title="Ver Variedades ({{ $subCategory->variedades_count }})">
                    <i class="ri-organization-chart"></i>
                </a>
                @endif

                @if($subCategory->productos_count > 0)
                <a href="{{ route('products.index') }}?category={{ $subCategory->CO_CATEGOR }}&subcategory={{ $subCategory->CO_SUBCATE }}"
                   class="btn btn-sm btn-dark" title="Ver Productos ({{ $subCategory->productos_count }})">
                    <i class="ri-inbox-unarchive-line"></i>
                </a>
                @endif
            </div>
        </td>
    </tr>
    @endforeach
@endsection