@extends(theme_view('layouts.app'))

@section('title', 'Mapa del Sitio')

@section('content')
@php
    $settings = \App\Models\SiteSetting::first();
    $primaryColor = $settings->color_primary ?? '#80b435';

    // Categorías activas con subcategorías activas
    $categories = \App\Models\Categweb::where('activo', 1)
        ->orderBy('DE_CATEGOR')
        ->get();

    // Marcas activas (que tienen productos)
    $brands = \App\Models\Marca::where('activo', 1)
        ->whereHas('productos')
        ->orderBy('DE_MARCA')
        ->get();

    // Páginas estáticas publicadas
    $pages = \App\Models\Page::where('status', 1)
        ->orderBy('name')
        ->get();

    // Verificar si hay FAQs
    $hasFaqs = \App\Models\Faq::where('status', 1)->exists();

    // Verificar si hay Blog posts
    $hasBlog = \App\Models\Blog::where('status', 1)->exists();
@endphp

<!-- Page Heading -->
<div class="page-heading">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="page-title">
                    <h2>Mapa del Sitio</h2>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Main Container -->
<div class="main-container col1-layout">
    <div class="main container">
        <div class="row">
            <div class="col-main col-sm-12">
                <div class="sitemap-content" style="padding: 20px 0;">

                    {{-- Bloque introductorio con datos de site_settings --}}
                    <div style="text-align: center; margin-bottom: 40px;">
                        <h3 style="color: #333; margin-bottom: 20px;">{{ $settings->fantasy_name ?? 'Bienvenido a nuestra tienda' }}</h3>
                        <p style="font-size: 16px; line-height: 1.6; color: #666;">
                            {{ $settings->meta_description ?? 'Explorá todas las secciones de nuestro sitio.' }}
                        </p>
                    </div>

                    <div class="row">
                        {{-- Columna 1: Páginas Principales --}}
                        <div class="col-md-3 col-sm-6 mb-4">
                            <div class="sitemap-section">
                                <h4 style="color: {{ $primaryColor }}; border-bottom: 2px solid {{ $primaryColor }}; padding-bottom: 10px; margin-bottom: 15px;">
                                    <i class="fa fa-home"></i> Páginas Principales
                                </h4>
                                <ul class="sitemap-list">
                                    <li><a href="{{ route('front.home') }}">Inicio</a></li>
                                    <li><a href="{{ route('front.shop') }}">Tienda</a></li>
                                    @foreach($pages as $page)
                                        <li><a href="{{ route('front.page', $page->slug) }}">{{ $page->name }}</a></li>
                                    @endforeach
                                    <li><a href="{{ route('front.contact') }}">Contacto</a></li>
                                    @if(showBlogInFooter())
                                        <li><a href="{{ route('front.blog.index') }}">Blog</a></li>
                                    @endif
                                    @if(showFaqsInFooter())
                                        <li><a href="{{ route('front.faqs.index') }}">Preguntas Frecuentes</a></li>
                                    @endif
                                </ul>
                            </div>
                        </div>

                        {{-- Columna 2: Mi Cuenta --}}
                        <div class="col-md-3 col-sm-6 mb-4">
                            <div class="sitemap-section">
                                <h4 style="color: {{ $primaryColor }}; border-bottom: 2px solid {{ $primaryColor }}; padding-bottom: 10px; margin-bottom: 15px;">
                                    <i class="fa fa-user"></i> Mi Cuenta
                                </h4>
                                <ul class="sitemap-list">
                                    @guest
                                        <li><a href="{{ route('account.login') }}">Iniciar Sesión</a></li>
                                        <li><a href="{{ route('account.register') }}">Registrarse</a></li>
                                    @else
                                        <li><a href="{{ route('account.profile') }}">Mi Perfil</a></li>
                                        <li><a href="{{ route('account.order') }}">Mis Pedidos</a></li>
                                    @endguest
                                    <li><a href="{{ route('account.wishlist') }}">Lista de Favoritos</a></li>
                                    @if(showCompareFeature())
                                    <li><a href="{{ route('front.compare') }}">Comparar Productos</a></li>
                                    @endif
                                    <li><a href="{{ route('front.cart') }}">Carrito de Compras</a></li>
                                </ul>
                            </div>
                        </div>

                        {{-- Columna 3: Información --}}
                        <div class="col-md-3 col-sm-6 mb-4">
                            <div class="sitemap-section">
                                <h4 style="color: {{ $primaryColor }}; border-bottom: 2px solid {{ $primaryColor }}; padding-bottom: 10px; margin-bottom: 15px;">
                                    <i class="fa fa-info-circle"></i> Información
                                </h4>
                                <ul class="sitemap-list">
                                    @if(showFaqsInFooter())
                                        @php
                                            $faqCategories = \App\Models\FaqCategory::where('status', 1)
                                                ->whereHas('faqs', function($q) {
                                                    $q->where('status', 1);
                                                })
                                                ->orderBy('order')
                                                ->get();
                                        @endphp
                                        @foreach($faqCategories as $faqCat)
                                            <li><a href="{{ route('front.faqs.category', $faqCat->slug) }}">{{ $faqCat->name }}</a></li>
                                        @endforeach
                                    @endif
                                    <li><a href="{{ route('front.contact') }}">Contacto</a></li>
                                    <li><a href="{{ route('front.sitemap') }}">Mapa del Sitio</a></li>
                                </ul>
                            </div>
                        </div>

                        {{-- Columna 4: Marcas (si hay y si están habilitadas en configuración) --}}
                        @if(showShopFilters() && $brands->count() > 0)
                        <div class="col-md-3 col-sm-6 mb-4">
                            <div class="sitemap-section">
                                <h4 style="color: {{ $primaryColor }}; border-bottom: 2px solid {{ $primaryColor }}; padding-bottom: 10px; margin-bottom: 15px;">
                                    <i class="fa fa-tags"></i> Marcas
                                </h4>
                                <ul class="sitemap-list" style="max-height: 300px; overflow-y: auto;">
                                    @foreach($brands as $brand)
                                        <li><a href="{{ route('front.shop', ['brand' => $brand->CO_MARCA]) }}">{{ $brand->DE_MARCA }}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        @endif
                    </div>

                    {{-- Categorías (sección completa) --}}
                    @if($categories->count() > 0)
                    <div class="row" style="margin-top: 30px;">
                        <div class="col-sm-12">
                            <h4 style="color: {{ $primaryColor }}; border-bottom: 2px solid {{ $primaryColor }}; padding-bottom: 10px; margin-bottom: 20px;">
                                <i class="fa fa-folder-open"></i> Categorías de Productos
                            </h4>
                        </div>

                        @foreach($categories as $category)
                        <div class="col-md-3 col-sm-6 mb-4">
                            <div class="sitemap-category">
                                <h5 style="font-weight: bold; margin-bottom: 10px;">
                                    <a href="{{ route('front.shop', $category->slug) }}" style="color: #333;">
                                        {{ $category->DE_CATEGOR }}
                                    </a>
                                </h5>
                                @php
                                    $subcategories = \App\Models\Subcaweb::where('CO_CATEGOR', $category->CO_CATEGOR)
                                        ->where('activo', 1)
                                        ->orderBy('DE_SUBCATE')
                                        ->get();
                                @endphp
                                @if($subcategories->count() > 0)
                                <ul class="sitemap-list sitemap-subcategories">
                                    @foreach($subcategories as $subcategory)
                                        <li>
                                            <a href="{{ route('front.shop', [$category->slug, $subcategory->slug]) }}">
                                                {{ $subcategory->DE_SUBCATE }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                                @endif
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
</div>

<style>
.sitemap-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sitemap-list li {
    padding: 5px 0;
    border-bottom: 1px dotted #eee;
}
.sitemap-list li:last-child {
    border-bottom: none;
}
.sitemap-list li a {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}
.sitemap-list li a:hover {
    color: {{ $primaryColor }};
}
.sitemap-subcategories {
    padding-left: 15px;
    font-size: 13px;
}
.sitemap-subcategories li {
    padding: 3px 0;
}
.sitemap-section, .sitemap-category {
    background: #fafafa;
    padding: 15px;
    border-radius: 5px;
    height: 100%;
}
.mb-4 {
    margin-bottom: 25px;
}
</style>
@endsection