<?php

if (!defined('ABSPATH')) {
    return array();
}

return array(
    'title'         => __('Brand Archive Page', 'ai-eshop-optimizer'),
    'description'   => _x('Per-brand archive: hero, sidebar (filters + blog), main column (story + 3-col product grid), shop-by-category strip.', 'Block pattern description', 'ai-eshop-optimizer'),
    'categories'    => array('aieo'),
    'keywords'      => array('brand', 'archive', 'taxonomy'),
    'viewportWidth' => 1280,
    'content'       => '<!-- wp:group {"align":"full","layout":{"type":"constrained","wideSize":"1440px"},"style":{"spacing":{"padding":{"top":"24px","bottom":"60px"},"blockGap":"24px"}}} -->
<div class="wp-block-group alignfull" style="padding-top:24px;padding-bottom:60px">

    <!-- wp:breadcrumbs {"showHomeItem":true} /-->

    <!-- wp:aieo/brand-archive-hero {"showCounts":true,"showWishlist":true,"showRating":true} /-->

    <!-- Mobile-only: condensed FiboFilters bar above the columns. The
         same fibofilters-pro plugin renders the mobile-style trigger,
         and CSS hides it on desktop where the vertical sidebar takes over. -->
    <!-- wp:group {"className":"aieo-brand-archive-mobile-bar","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
    <div class="wp-block-group aieo-brand-archive-mobile-bar">
        <!-- wp:fibofilters/filters {"layout":"mobile"} /-->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"className":"aieo-brand-archive-cols","style":{"spacing":{"blockGap":{"top":"32px","left":"32px"}}}} -->
    <div class="wp-block-columns aieo-brand-archive-cols">

        <!-- wp:column {"width":"260px","className":"aieo-brand-archive-sidebar"} -->
        <div class="wp-block-column aieo-brand-archive-sidebar" style="flex-basis:260px">
            <!-- wp:fibofilters/filters {"layout":"vertical"} /-->
            <!-- wp:aieo/brand-related {"showCategories":false,"showArticles":true,"showOtherBrands":true,"articlesLimit":3,"otherBrandsLimit":4,"layout":"vertical"} /-->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"className":"aieo-brand-archive-main"} -->
        <div class="wp-block-column aieo-brand-archive-main">

            <!-- wp:aieo/brand-story {"showHistory":true,"showAmbassadors":true,"showWebsite":true,"showFooter":false} /-->

            <!-- wp:woocommerce/product-collection {"queryId":7,"query":{"perPage":12,"pages":0,"offset":0,"postType":"product","order":"desc","orderBy":"date","inherit":true},"displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"className":"aieo-brand-products"} -->
                <!-- wp:woocommerce/product-template -->
                    <!-- wp:woocommerce/product-image {"imageSizing":"thumbnail","aspectRatio":"4/5"} /-->
                    <!-- wp:post-title {"level":3,"isLink":true} /-->
                    <!-- wp:woocommerce/product-price /-->
                    <!-- wp:aieo/product-card-swatches /-->
                <!-- /wp:woocommerce/product-template -->

                <!-- Pagination removed: WC product-collection ships
                     IAPI-driven client-side navigation (data-wp-on--scroll
                     "actions.watchScroll" on the wrapper). Infinite scroll
                     fetches the next page on viewport reach — no pager
                     needed. Future deliverable: explicit IAPI scroll-loader
                     block (`aieo/query-infinite-scroll`) + vanilla JS
                     fallback when IAPI is off. -->

                <!-- wp:query-no-results -->
                    <!-- wp:paragraph -->
                    <p>' . esc_html__('No products found for this brand.', 'ai-eshop-optimizer') . '</p>
                    <!-- /wp:paragraph -->
                <!-- /wp:query-no-results -->
            <!-- /wp:woocommerce/product-collection -->

        </div>
        <!-- /wp:column -->

    </div>
    <!-- /wp:columns -->

    <!-- Shop-by-category row (rectangular pink-outlined buttons,
         restyled to match the site-wide category/subcategory selector). -->
    <!-- wp:aieo/brand-related {"showCategories":true,"showArticles":false,"showOtherBrands":false,"layout":"horizontal"} /-->

</div>
<!-- /wp:group -->',
);
