<?php
/**
 *  Islamic Center Mosque: Block Patterns
 *
 * @package  Islamic Center Mosque
 * @since   1.0.0
 */

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

	register_block_pattern_category(
		'islamic-center-mosque',
		array( 'label' => __( 'Islamic Center Mosque', 'islamic-center-mosque' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'islamic-center-mosque/banner-section',
		array(
			'title'      => __( 'Banner Section', 'islamic-center-mosque' ),
			'categories' => array( 'islamic-center-mosque' ),
			'content'    => "<!-- wp:cover {\"url\":\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/slider.png\",\"id\":3557,\"dimRatio\":20,\"minHeight\":550,\"align\":\"full\",\"className\":\"islamic-center-mosque-banner-section\"} -->\n<div class=\"wp-block-cover alignfull islamic-center-mosque-banner-section\" style=\"min-height:550px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-20 has-background-dim\"></span><img class=\"wp-block-cover__image-background wp-image-3557\" alt=\"\" src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/slider.png\" data-object-fit=\"cover\"/><div class=\"wp-block-cover__inner-container\"><!-- wp:image {\"align\":\"full\",\"id\":2383,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"pattern-img\"} -->\n<figure class=\"wp-block-image alignfull size-large pattern-img\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/pattern.png\" alt=\"\" class=\"wp-image-2383\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"20%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:20%\"></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"60%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:60%\"><!-- wp:image {\"align\":\"center\",\"id\":3562,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"small-image\"} -->\n<figure class=\"wp-block-image aligncenter size-full small-image\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/small-img.png\" alt=\"\" class=\"wp-image-3562\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontSize\":\"40px\"}}} -->\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:40px\">IN THE NAME OF ALLAH THE BENEFICENT THE MERCIFUL</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"18px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:18px\">Lorem ipsum&nbsp;is simply dummy text</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"style\":{\"color\":{\"background\":\"#2bb673\"},\"typography\":{\"fontSize\":\"18px\"}},\"className\":\"button-1\"} -->\n<div class=\"wp-block-button has-custom-font-size button-1\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-background has-text-align-center wp-element-button\" href=\"#\" style=\"background-color:#2bb673\">Join Now</a></div>\n<!-- /wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"white\",\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#404042\"}},\"className\":\"button-2\"} -->\n<div class=\"wp-block-button has-custom-font-size button-2\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background wp-element-button\" href=\"#\" style=\"color:#404042\">Donate Now</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"20%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:20%\"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->",
		)
	);

	register_block_pattern(
		'islamic-center-mosque/events-section',
		array(
			'title'      => __( 'Events Section', 'islamic-center-mosque' ),
			'categories' => array( 'islamic-center-mosque' ),
			'content'    => "<!-- wp:group {\"className\":\"islamic-center-mosque-events-section my-5\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group islamic-center-mosque-events-section my-5\"><!-- wp:image {\"align\":\"center\",\"id\":3598,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/top-head.png\" alt=\"\" class=\"wp-image-3598\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"25px\"}},\"className\":\"events-head\"} -->\n<h2 class=\"wp-block-heading has-text-align-center events-head\" style=\"font-size:25px\">UPCOMING EVENTS</h2>\n<!-- /wp:heading -->\n\n<!-- wp:columns {\"className\":\"events-section-coloum mt-3\"} -->\n<div class=\"wp-block-columns events-section-coloum mt-3\"><!-- wp:column {\"className\":\"events-section-image\"} -->\n<div class=\"wp-block-column events-section-image\"><!-- wp:image {\"id\":3586,\"width\":390,\"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/events-img-1.png\" alt=\"\" class=\"wp-image-3586\" width=\"390\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"className\":\"timer-section\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group timer-section\"><!-- wp:columns {\"className\":\"timer-section-column\"} -->\n<div class=\"wp-block-columns timer-section-column\"><!-- wp:column {\"className\":\"counter-column\"} -->\n<div class=\"wp-block-column counter-column\"><!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#2bb673\"}}} -->\n<p class=\"has-text-color\" style=\"color:#2bb673\">180</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color\">Days</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"counter-column\"} -->\n<div class=\"wp-block-column counter-column\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"color\":{\"text\":\"#2bb673\"}}} -->\n<p class=\"has-text-align-center has-text-color\" style=\"color:#2bb673\">   24</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color\">Hours</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"counter-column\"} -->\n<div class=\"wp-block-column counter-column\"><!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#2bb673\"}}} -->\n<p class=\"has-text-color\" style=\"color:#2bb673\">59</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color\">Minutes</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"counter-column\"} -->\n<div class=\"wp-block-column counter-column\"><!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#2bb673\"}}} -->\n<p class=\"has-text-color\" style=\"color:#2bb673\"> 00</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color\">Second</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"inner-events-box\"} -->\n<div class=\"wp-block-column inner-events-box\"><!-- wp:heading {\"level\":3,\"style\":{\"color\":{\"text\":\"#2bb673\"}}} -->\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#2bb673\">IMPORTANCE OF RAMADAM IN ISLAM</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>lorem ipsum&nbsp;&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"style\":{\"color\":{\"background\":\"#2bb673\"},\"typography\":{\"fontSize\":\"18px\"}},\"className\":\"button-1\"} -->\n<div class=\"wp-block-button has-custom-font-size button-1\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-background has-text-align-center wp-element-button\" href=\"#\" style=\"background-color:#2bb673\">View Details</a></div>\n<!-- /wp:button -->\n\n<!-- wp:button {\"textColor\":\"white\",\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"background\":\"#404042\"}},\"className\":\"button-2\"} -->\n<div class=\"wp-block-button has-custom-font-size button-2\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"#\" style=\"background-color:#404042\">Participate</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:group {\"className\":\"events-images-section\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group events-images-section\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":3627,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/events-img-1.png\" alt=\"\" class=\"wp-image-3627\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":3628,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/events-img-2.png\" alt=\"\" class=\"wp-image-3628\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":3629,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/events-img-3.png\" alt=\"\" class=\"wp-image-3629\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->",
		)
	);
}