<?php
/**
 * VW Gift Shop: Block Patterns
 *
 * @package VW Gift Shop
 * @since   1.0.0
 */

/**
 * Register Block Pattern Category.
 */
if ( function_exists( 'register_block_pattern_category' ) ) {

	register_block_pattern_category(
		'vw-gift-shop',
		array( 'label' => __( 'VW Gift Shop', 'vw-gift-shop' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'vw-gift-shop/banner-section',
		array(
			'title'      => __( 'Banner Section', 'vw-gift-shop' ),
			'categories' => array( 'vw-gift-shop' ),
			'content'    => "<!-- wp:columns {\"align\":\"full\",\"className\":\"banner-section\"} -->\n<div class=\"wp-block-columns alignfull banner-section\"><!-- wp:column {\"verticalAlignment\":\"top\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\"><!-- wp:columns {\"className\":\"banner-col\"} -->\n<div class=\"wp-block-columns banner-col\"><!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"75%\",\"className\":\"banner-left\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top banner-left\" style=\"flex-basis:75%\"><!-- wp:columns {\"className\":\"banner-top-left position-relative\"} -->\n<div class=\"wp-block-columns banner-top-left position-relative\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"80.6%\",\"className\":\"banner-content position-absolute\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center banner-content position-absolute\" style=\"flex-basis:80.6%\"><!-- wp:paragraph {\"className\":\"small-title  mb-0\",\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#bb8739\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#bb8739\"}}}}} -->\n<p class=\"small-title mb-0 has-text-color has-link-color\" style=\"color:#bb8739;font-size:16px\">Gift Shop</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"fontSize\":\"36px\"}}} -->\n<h1 class=\"wp-block-heading\" style=\"font-size:36px\">Immerse Your Self In The Gift Flavor</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p style=\"font-size:15px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"style\":{\"color\":{\"text\":\"#bb8739\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#bb8739\"}}},\"typography\":{\"fontSize\":\"15px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:15px\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background has-link-color wp-element-button\" style=\"color:#bb8739\">Read More</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"50%\",\"className\":\"banner-img position-absolute\"} -->\n<div class=\"wp-block-column banner-img position-absolute\" style=\"flex-basis:50%\"><!-- wp:image {\"id\":102,\"width\":\"auto\",\"height\":\"420px\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/girl.png\" alt=\"\" class=\"wp-image-102\" style=\"width:auto;height:420px\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\"className\":\"banner-bottom-left\",\"style\":{\"color\":{\"background\":\"#bb8739\"}}} -->\n<div class=\"wp-block-columns banner-bottom-left has-background\" style=\"background-color:#bb8739\"><!-- wp:column {\"verticalAlignment\":\"center\",\"className\":\"cols\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center cols\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"\",\"className\":\"location-text col-xl-3 col-lg-3 col-md-4 col-12\"} -->\n<div class=\"wp-block-column location-text col-xl-3 col-lg-3 col-md-4 col-12\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-group\"><!-- wp:html -->\n<i class=\"fa-solid fa-location-dot\"></i>\n<!-- /wp:html -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p style=\"font-size:15px\">Park Ave, Portland, OR, USA</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\",\"className\":\"phone-number col-xl-3 col-lg-3 col-md-4 col-12 align-self-center \"} -->\n<div class=\"wp-block-column phone-number col-xl-3 col-lg-3 col-md-4 col-12 align-self-center\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-group\"><!-- wp:html -->\n<i class=\"fa-solid fa-phone\"></i>\n<!-- /wp:html -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p style=\"font-size:15px\">+1 123 456 7890</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"\",\"className\":\"contact-link col-xl-3 col-lg-3 col-md-4 col-12\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center contact-link col-xl-3 col-lg-3 col-md-4 col-12\"><!-- wp:paragraph {\"align\":\"left\",\"className\":\"mb-0\",\"style\":{\"typography\":{\"fontSize\":\"12px\"}}} -->\n<p class=\"has-text-align-left mb-0\" style=\"font-size:12px\">Christmas Offers! Grab Deals Now</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\",\"className\":\"col-4\"} -->\n<div class=\"wp-block-column col-4\"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"25%\",\"className\":\"banner-right\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center banner-right\" style=\"flex-basis:25%\"><!-- wp:columns {\"className\":\"banner-top-right\"} -->\n<div class=\"wp-block-columns banner-top-right\"><!-- wp:column {\"className\":\"position-relative mb-0\"} -->\n<div class=\"wp-block-column position-relative mb-0\"><!-- wp:image {\"id\":103,\"width\":\"auto\",\"height\":\"250px\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"align\":\"center\"} -->\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/teddy.png\" alt=\"\" class=\"wp-image-103\" style=\"width:auto;height:250px\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"className\":\"icons-sec  position-absolute my-3\",\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group icons-sec  position-absolute my-3\"><!-- wp:html -->\n<i class=\"fa-solid fa-heart\"></i>\n<!-- /wp:html -->\n\n<!-- wp:html -->\n<i class=\"fa-solid fa-bag-shopping\"></i>\n<!-- /wp:html -->\n\n<!-- wp:html -->\n<i class=\"fa-solid fa-eye\"></i>\n<!-- /wp:html --></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"product-tag mb-0\",\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#bb8739\"}}},\"color\":{\"text\":\"#bb8739\"}}} -->\n<p class=\"has-text-align-center product-tag mb-0 has-text-color has-link-color\" style=\"color:#bb8739;font-size:15px\">Brand Name Here</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"product-title mb-0\",\"style\":{\"typography\":{\"fontSize\":\"22px\"}}} -->\n<p class=\"has-text-align-center product-title mb-0\" style=\"font-size:22px\">Product Name Here</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"product-price mb-0\",\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p class=\"has-text-align-center product-price mb-0\" style=\"font-size:15px\">$39.00</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\"className\":\"banner-bottom-right\"} -->\n<div class=\"wp-block-columns banner-bottom-right\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"backgroundColor\":\"white\",\"className\":\"mb-0\",\"style\":{\"color\":{\"text\":\"#bb8739\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#bb8739\"}}},\"typography\":{\"fontSize\":\"15px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size mb-0\" style=\"font-size:15px\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"color:#bb8739\">Explore More</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
		)
	);

	register_block_pattern(
		'vw-gift-shop/product-section',
		array(
			'title'      => __( 'Product Section', 'vw-gift-shop' ),
			'categories' => array( 'vw-gift-shop' ),
			'content'    => "<!-- wp:columns {\"metadata\":{\"categories\":[\"vw-gift-shop\"],\"patternName\":\"vw-gift-shop/product-section\",\"name\":\"Product Section\"},\"className\":\"product-section\"} -->\n<div class=\"wp-block-columns product-section\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:heading {\"textAlign\":\"center\",\"className\":\"mt-4 section-title\",\"style\":{\"typography\":{\"fontSize\":\"22px\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-center mt-4 section-title\" style=\"font-size:22px\">New Products</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"section-text position-relative pb-2\",\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p class=\"has-text-align-center section-text position-relative pb-2\" style=\"font-size:15px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:woocommerce/product-category {\"contentVisibility\":{\"image\":true,\"title\":true,\"price\":true,\"rating\":false,\"button\":true},\"categories\":[16],\"stockStatus\":[\"\",\"instock\",\"outofstock\",\"onbackorder\"],\"className\":\"mt-4\"} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
		)
	);
}