@extends('admin.layouts.index-template', [
    'pageTitle' => $pageTitle,
    'items' => $brands,
    'collection' => $brands,
    'icon' => 'price-tag-3',
    'module' => 'Marcas',
    'createRoute' => route('brand.create'),
    'indexRoute' => route('brand.index'),
    'searchPlaceholder' => 'Buscar por nombre o slug...',
    'emptyIcon' => 'tags',
    'emptyTitle' => 'No hay marcas',
    'emptyMessage' => 'Comience agregando su primera marca al catálogo',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $brands->total(),
            'color' => 'primary',
            'icon' => 'price-tag-3'
        ],
        'active' => [
            'label' => 'Activas',
            'count' => \App\Models\Marca::where('WEB_VTA', 'S')->where('BORRADO', 'N')->count(),
            'color' => 'success',
            'icon' => 'checkbox-circle'
        ],
        'inactive' => [
            'label' => 'Inactivas', 
            'count' => \App\Models\Marca::where('WEB_VTA', 'N')->where('BORRADO', 'N')->count(),
            'color' => 'secondary',
            'icon' => 'pause-circle'
        ],
        'show_home' => [
            'label' => 'Inicio',
            'count' => \App\Models\Marca::where('showHome', 'Yes')->where('BORRADO', 'N')->count(),
            'color' => 'warning',
            'icon' => 'home'
        ],
        'no_image' => [
            'label' => 'Sin Imagen',
            'count' => \App\Models\Marca::where('BORRADO', 'N')
                ->where(function($query) {
                    $query->whereNull('image')
                          ->orWhere('image', '');
                })->count(),
            'color' => 'info',
            'icon' => 'image'
        ],
        'no_products' => [
            'label' => 'Sin Productos',
            'count' => \App\Models\Marca::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('brand.create') }}" class="btn btn-primary">
        <i class="ri-add-line"></i> Nueva Marca
    </a>
@endsection

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

@section('filters')
    <!-- Filtro por Estado -->
    <div class="col-md-3">
        <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="80">Código</th>
        <th width="80">Imagen</th>
        <th>Marca</th>
        <th width="100">Productos</th>
        <th width="100">Estado</th>
        <th width="100">Fecha</th>
        <th width="120">SEO con IA</th>
        <th width="120">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($brands as $brand)
    <tr>
        <td>{{ trim($brand->CO_MARCA) }}</td>
        <td>
            @if(!empty($brand->image))
                <img src="{{ asset('/uploads/brand/thumb/'.$brand->image) }}" 
                     class="img-thumbnail" 
                     alt="{{ $brand->DE_MARCA }}"
                     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>{{ $brand->DE_MARCA }}</strong>
                <br><small class="text-muted">{{ strtolower(str_replace(' ', '-', $brand->DE_MARCA)) }}</small>
            </div>
        </td>
        <td>
            @if($brand->productos_count > 0)
                <span class="badge bg-primary">{{ $brand->productos_count }}</span>
            @else
                <span class="badge badge-light">0</span>
            @endif
        </td>
        <td>
            @if($brand->WEB_VTA == 'S')
                <span class="badge bg-success">Activa</span>
            @else
                <span class="badge bg-secondary">Inactiva</span>
            @endif
        </td>
        <td>
            <small>-</small>
        </td>
        <td>
            @if($brand->ai_generated_at && ($brand->ai_meta_title || $brand->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('brand.images', trim($brand->CO_MARCA)) }}"
                   class="btn btn-sm btn-info" title="Imágenes">
                    <i class="ri-image-line"></i>
                </a>

                <a href="{{ route('brand.seo', trim($brand->CO_MARCA)) }}"
                   class="btn btn-sm btn-success" title="SEO">
                    <i class="ri-global-line"></i>
                </a>

                <a href="{{ route('brand.edit', trim($brand->CO_MARCA)) }}"
                   class="btn btn-sm btn-warning" title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>

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