import { Heading, Text } from '@elementor/app-ui';
import ConditionsProvider from '../../context/conditions';
import { Context as TemplatesContext } from '../../context/templates';
import ConditionsRows from './conditions-rows';

import './conditions.scss';
import BackButton from '../../molecules/back-button';

export default function Conditions( props ) {
	const { findTemplateItemInState, updateTemplateItemState } = React.useContext( TemplatesContext ),
		template = findTemplateItemInState( parseInt( props.id ) );

	if ( ! template ) {
		return <div>{ __( 'Not Found', 'elementor-pro' ) }</div>;
	}

	return (
		<section className="e-site-editor-conditions">
			<BackButton />
			<div className="e-site-editor-conditions__header">
				<img
					className="e-site-editor-conditions__header-image"
					src={ `${ elementorAppProConfig.baseUrl }/modules/theme-builder/assets/images/conditions-tab.svg` }
					alt={ __( 'Import template', 'elementor-pro' ) }
				/>
				<Heading variant="h1" tag="h1">
					{ __( 'Where Do You Want to Display Your Template?', 'elementor-pro' ) }
				</Heading>
				<Text variant="p">
					{ __( 'Set the conditions that determine where your template is used throughout your site.', 'elementor-pro' ) }
					<br />
					{ __( 'For example, choose \'Entire Site\' to display the template across your site.', 'elementor-pro' ) }
				</Text>
			</div>
			<ConditionsProvider currentTemplate={ template } onConditionsSaved={ updateTemplateItemState }>
				<ConditionsRows onAfterSave={ () => history.back() } loadPortal={ true } />
			</ConditionsProvider>
		</section>
	);
}

Conditions.propTypes = {
	id: PropTypes.string,
};
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comments for Cloud Cirrus Technical Institute	</title>
	<atom:link href="https://cloudcirrusbd.com/comments/feed/" rel="self" type="application/rss+xml" />
	<link>https://cloudcirrusbd.com</link>
	<description>Cloud Cirrus Technical Institute</description>
	<lastBuildDate>Tue, 28 Feb 2023 07:41:33 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>
	<item>
		<title>
		Comment on WordPress Pennant by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/wordpress-pennant/#comment-27</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:15:54 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/wordpress-pennant/#comment-27</guid>

					<description><![CDATA[low quality]]></description>
			<content:encoded><![CDATA[<p>low quality</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on V-Neck T-Shirt by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/v-neck-t-shirt/#comment-16</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:15:42 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/v-neck-t-shirt/#comment-16</guid>

					<description><![CDATA[awesome !]]></description>
			<content:encoded><![CDATA[<p>awesome !</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on T-Shirt with Logo by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/t-shirt-with-logo/#comment-23</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:15:31 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/t-shirt-with-logo/#comment-23</guid>

					<description><![CDATA[good]]></description>
			<content:encoded><![CDATA[<p>good</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on T-Shirt by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/t-shirt/#comment-19</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:15:19 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/t-shirt/#comment-19</guid>

					<description><![CDATA[Product!]]></description>
			<content:encoded><![CDATA[<p>Product!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Sunglasses by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/sunglasses/#comment-11</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:15:10 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/sunglasses/#comment-11</guid>

					<description><![CDATA[Nice]]></description>
			<content:encoded><![CDATA[<p>Nice</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Beanie with Logo by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/beanie-with-logo/#comment-25</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:14:18 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/beanie-with-logo/#comment-25</guid>

					<description><![CDATA[good]]></description>
			<content:encoded><![CDATA[<p>good</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Single by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/single/#comment-22</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:14:07 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/single/#comment-22</guid>

					<description><![CDATA[Nice Product!]]></description>
			<content:encoded><![CDATA[<p>Nice Product!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Polo by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/polo/#comment-13</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:13:59 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/polo/#comment-13</guid>

					<description><![CDATA[Nice Product!]]></description>
			<content:encoded><![CDATA[<p>Nice Product!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Long Sleeve Tee by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/long-sleeve-tee/#comment-20</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:13:53 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/long-sleeve-tee/#comment-20</guid>

					<description><![CDATA[Nice Product!]]></description>
			<content:encoded><![CDATA[<p>Nice Product!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Comment on Logo Collection by Azumi Rose		</title>
		<link>https://cloudcirrusbd.com/product/logo-collection/#comment-26</link>

		<dc:creator><![CDATA[Azumi Rose]]></dc:creator>
		<pubDate>Tue, 01 Nov 2022 13:13:48 +0000</pubDate>
		<guid isPermaLink="false">https://woocommercecore.mystagingwebsite.com/product/logo-collection/#comment-26</guid>

					<description><![CDATA[Nice Product!]]></description>
			<content:encoded><![CDATA[<p>Nice Product!</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>