<?php 
/**
* Create standart Bootstrap Pattern to use in Gutenberg
*/


/** Register Pattern Categories */
// Container Patterns -------------------------------------------------------
register_block_pattern_category(
    'container',
    array('label' => __('Container', 'bstheme'))
    );
    
    remove_theme_support('core-block-patterns');
    register_block_pattern(
    'bs-section-pattern-hero-gutenberg-screen',
    array(
    'title' => __('Hero (Gutenberg, Screen)', 'bstheme'),
    'description' => _x('Standard Hero (Cover, Container-Fluid, Container-XL, Row (Custom), 2 Col-6', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0","className":"fullHeroWrapper"} -->
    <!-- wp:cover {"dimRatio":0,"overlayColor":"Def","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
    <div class="wp-block-cover" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-def-background-color has-background-dim-0 has-background-dim"></span>
        <div class="wp-block-cover__inner-container"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
            <!-- wp:wp-bootstrap-blocks/row {"template":"custom","className":"fyCenter"} -->
            <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} -->
            <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
            <div class="wp-block-group"><!-- wp:heading -->
                <h2>Hi ich bin eine Überschrifft</h2>
                <!-- /wp:heading -->
    
                <!-- wp:heading {"level":3} -->
                <h3>Und ich bin eine Subheadline</h3>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:group -->
            <!-- /wp:wp-bootstrap-blocks/column -->
    
            <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} /-->
            <!-- /wp:wp-bootstrap-blocks/row -->
            <!-- /wp:wp-bootstrap-blocks/container -->
        </div>
    </div>
    <!-- /wp:cover -->
    <!-- /wp:wp-bootstrap-blocks/container -->'
    ),
    );
    
    remove_theme_support('core-block-patterns');
    register_block_pattern(
    'bs-section-pattern-hero-gutenberg-auto',
    array(
    'title' => __('Hero (Gutenberg, Auto)', 'bstheme'),
    'description' => _x('Standard Hero (Cover, Container-Fluid, Container-XL, Row (Custom), 2 Col-6', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:cover {"dimRatio":20,"minHeight":430,"minHeightUnit":"px","isDark":false,"className":"basicHero boxed heroAuto"} -->
    <div class="wp-block-cover is-light basicHero boxed heroAuto" style="min-height:430px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-20 has-background-dim"></span>
        <div class="wp-block-cover__inner-container"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0"} -->
            <!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
            <!-- wp:wp-bootstrap-blocks/row {"template":"custom"} -->
            <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} -->
            <!-- wp:paragraph -->
            <p></p>
            <!-- /wp:paragraph -->
            <!-- /wp:wp-bootstrap-blocks/column -->
    
            <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} -->
            <!-- wp:paragraph -->
            <p></p>
            <!-- /wp:paragraph -->
            <!-- /wp:wp-bootstrap-blocks/column -->
            <!-- /wp:wp-bootstrap-blocks/row -->
            <!-- /wp:wp-bootstrap-blocks/container -->
            <!-- /wp:wp-bootstrap-blocks/container -->
        </div>
    </div>
    <!-- /wp:cover -->'
    ),
    );
    
    remove_theme_support('core-block-patterns');
    register_block_pattern(
    'bs-section-pattern-cover',
    array(
    'title' => __('Section Pattern mit Hintergrund (2 Col LG)', 'bstheme'),
    'description' => _x('Standard Sektions-Vorlage (Gruppe, Cover ,Container-Fluid, Container-XL, Row (Custom), 2 Col-6', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:group {"className":"iAos data-aos_fade-in","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
    <div class="wp-block-group iAos data-aos_fade-in"><!-- wp:cover {"overlayColor":"cyan-bluish-gray","isDark":false,"className":"w-100"} -->
        <div class="wp-block-cover is-light w-100"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span>
            <div class="wp-block-cover__inner-container"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0"} -->
                <!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
                <!-- wp:wp-bootstrap-blocks/row {"template":"custom"} -->
                <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} -->
                <!-- wp:paragraph -->
                <p></p>
                <!-- /wp:paragraph -->
                <!-- /wp:wp-bootstrap-blocks/column -->
    
                <!-- wp:wp-bootstrap-blocks/column {"sizeMd":6} -->
                <!-- wp:paragraph -->
                <p></p>
                <!-- /wp:paragraph -->
                <!-- /wp:wp-bootstrap-blocks/column -->
                <!-- /wp:wp-bootstrap-blocks/row -->
                <!-- /wp:wp-bootstrap-blocks/container -->
                <!-- /wp:wp-bootstrap-blocks/container -->
            </div>
        </div>
        <!-- /wp:cover -->
    </div>
    <!-- /wp:group -->'
    ),
    );
    register_block_pattern(
    'bs-section-pattern-basic',
    array(
    'title' => __('Section Pattern (1 Col)', 'bstheme'),
    'description' => _x('Standard Sektions-Vorlage (Gruppe, Container-Fluid, Container-XL, Row (Custom), 1 Col-12', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","right":"0rem","bottom":"2rem","left":"0rem"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
    <div class="wp-block-group iAos data-aos_fade-in" style="padding-top:2rem;padding-right:0rem;padding-bottom:2rem;padding-left:0rem"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/row {"template":"custom"} -->
        <!-- wp:wp-bootstrap-blocks/column -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
        <!-- /wp:wp-bootstrap-blocks/row -->
        <!-- /wp:wp-bootstrap-blocks/container -->
        <!-- /wp:wp-bootstrap-blocks/container -->
    </div>
    <!-- /wp:group -->'
    ),
    );
    register_block_pattern(
    'bs-section-pattern-col6',
    array(
    'title' => __('Section Pattern (2 Col LG)', 'bstheme'),
    'description' => _x('Standard Sektions-Vorlage (Gruppe, Container-Fluid, Container-XL, Row (Custom), 2 Col-6', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","right":"0rem","bottom":"2rem","left":"0rem"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
    <div class="wp-block-group iAos data-aos_fade-in" style="padding-top:2rem;padding-right:0rem;padding-bottom:2rem;padding-left:0rem"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/row {"template":"custom"} -->
        <!-- wp:wp-bootstrap-blocks/column {"sizeLg":6} -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
    
        <!-- wp:wp-bootstrap-blocks/column {"sizeLg":6} -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
        <!-- /wp:wp-bootstrap-blocks/row -->
        <!-- /wp:wp-bootstrap-blocks/container -->
        <!-- /wp:wp-bootstrap-blocks/container -->
    </div>
    <!-- /wp:group -->'
    )
    );
    
    register_block_pattern(
    'bs-section-pattern-col4',
    array(
    'title' => __('Section Pattern (3 Col LG)', 'bstheme'),
    'description' => _x('Standard Sektions-Vorlage (Gruppe, Container-Fluid, Container-XL, Row (Custom), 3 Col-4', 'Block pattern description', 'bstheme'),
    'categories' => array(_x('container', 'Unterseiten', 'bstheme')),
    'content' => '<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","right":"0rem","bottom":"2rem","left":"0rem"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
    <div class="wp-block-group iAos data-aos_fade-in" style="padding-top:2rem;padding-right:0rem;padding-bottom:2rem;padding-left:0rem"><!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/container {"isFluid":true,"fluidBreakpoint":"xl","marginAfter":"mb-0"} -->
        <!-- wp:wp-bootstrap-blocks/row {"template":"custom"} -->
        <!-- wp:wp-bootstrap-blocks/column {"sizeLg":4} -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
    
        <!-- wp:wp-bootstrap-blocks/column {"sizeLg":4} -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
    
        <!-- wp:wp-bootstrap-blocks/column {"sizeLg":4} -->
        <!-- wp:paragraph -->
        <p></p>
        <!-- /wp:paragraph -->
        <!-- /wp:wp-bootstrap-blocks/column -->
        <!-- /wp:wp-bootstrap-blocks/row -->
        <!-- /wp:wp-bootstrap-blocks/container -->
        <!-- /wp:wp-bootstrap-blocks/container -->
    </div>
    <!-- /wp:group -->'
    )
    );
