<?php

use DgoraWcas\Helpers;

// Exit if accessed directly
if ( ! defined( 'DGWT_WCAS_FILE' ) ) {
	exit;
}

$submitText = Helpers::getLabel( 'submit' );
$hasSubmit  = DGWT_WCAS()->settings->getOption( 'show_submit_button' );

$labelSeeAll = Helpers::getLabel( 'show_more' );

?>
<div class="dgwt-wcas-preview js-dgwt-wcas-preview">

	<div class="js-dgwt-wcas-preview-inner dgwt-wcas-preview-inner">
		<div class="js-dgwt-wcas-preview-head dgwt-wcas-preview-head">
			<span class="dgwt-wcas-preview-header"><?php _e( 'Preview', 'ajax-search-for-woocommerce' ); ?></span>
			<span class="dgwt-wcas-preview-subheader dgwt-wcas-preview-subheader__sb"><?php _e( 'Search bar', 'ajax-search-for-woocommerce' ); ?></span>
			<span class="dgwt-wcas-preview-subheader dgwt-wcas-preview-subheader__ac"><?php _e( 'Autocomplete', 'ajax-search-for-woocommerce' ); ?></span>
		</div>

		<div class="js-dgwt-wcas-preview-source dgwt-wcas-preview-source">

			<span class="js-dgwt-wcas-preview-device-info dgwt-wcas-preview-device-info dgwt-wcas-hidden" data-device="desktop">
				<span><?php _e( 'On mobile', 'ajax-search-for-woocommerce' ); ?></span>
				<span><?php _e( 'On desktop', 'ajax-search-for-woocommerce' ); ?></span>
			</span>
			<div class="js-dgwt-wcas-search-wrapp js-dgwt-wcas-preview-bar-example dgwt-wcas-search-wrapp <?php echo Helpers::searchWrappClasses(); ?>" data-wcas-context="75c2">
				<form class="dgwt-wcas-search-form" role="search" action="" method="get">
					<div class="dgwt-wcas-sf-wrapp">
						<?php echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-solaris' ); ?>
						<?php echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-pirx', 'magnifier-pirx' ); ?>

						<label class="screen-reader-text"><?php _e( 'Products search', 'ajax-search-for-woocommerce' ); ?></label>

						<input
							type="search"
							class="js-dgwt-wcas-search-input dgwt-wcas-search-input"
							name="<?php echo esc_attr( Helpers::getSearchInputName() ); ?>"
							value="<?php echo esc_attr( get_search_query() ) ?>"
							autocomplete="off"
							placeholder="<?php echo esc_attr( Helpers::getLabel( 'search_placeholder' ) ); ?>"
						/>
						<div class="dgwt-wcas-preloader"></div>

						<button type="submit" class="js-dgwt-wcas-search-submit dgwt-wcas-search-submit"><?php
							echo '<span class="js-dgwt-wcas-search-submit-l">' . esc_html( $submitText ) . '</span>';
							echo '<span class="js-dgwt-wcas-search-submit-m">';
							echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-solaris' );
							echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-pirx', 'magnifier-pirx' );
							echo '</span>';
							?>
						</button>

						<input type="hidden" name="post_type" value="product">
						<input type="hidden" name="dgwt_wcas" value="1">

						<input type="hidden" name="lang" value="en">

					</div>
				</form>
			</div>

			<span class="js-dgwt-wcas-preview-device-info dgwt-wcas-preview-device-info dgwt-wcas-hidden" data-device="mobile">
				<span><?php _e( 'On mobile', 'ajax-search-for-woocommerce' ); ?></span>
				<span><?php _e( 'On desktop', 'ajax-search-for-woocommerce' ); ?></span>
			</span>
			<div class="js-dgwt-wcas-search-wrapp dgwt-wcas-layout-icon-open js-dgwt-wcas-preview-icon-example dgwt-wcas-search-wrapp dgwt-wcas-hidden <?php echo Helpers::searchWrappClasses(); ?>" data-wcas-context="75c3">
				<div class="dgwt-wcas-search-icon js-dgwt-wcas-search-icon-handler"><?php echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier-handler' ); ?></div>
				<div class="dgwt-wcas-search-icon-arrow"></div>
				<form class="dgwt-wcas-search-form" role="search" action="" method="get">
					<div class="dgwt-wcas-sf-wrapp">
						<?php echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-solaris' ); ?>
						<?php echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-pirx', 'magnifier-pirx' ); ?>

						<label class="screen-reader-text"><?php _e( 'Products search', 'ajax-search-for-woocommerce' ); ?></label>
						<input
							type="search"
							class="js-dgwt-wcas-search-input dgwt-wcas-search-input"
							name="<?php echo esc_attr( Helpers::getSearchInputName() ); ?>"
							value="<?php echo esc_attr( get_search_query() ) ?>"
							autocomplete="off"
							placeholder="<?php echo esc_attr( Helpers::getLabel( 'search_placeholder' ) ); ?>"
						/>
						<div class="dgwt-wcas-preloader"></div>

						<button type="submit" class="js-dgwt-wcas-search-submit dgwt-wcas-search-submit"><?php
							echo '<span class="js-dgwt-wcas-search-submit-l">' . esc_html( $submitText ) . '</span>';
							echo '<span class="js-dgwt-wcas-search-submit-m">';
							echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-solaris' );
							echo Helpers::getMagnifierIco( 'dgwt-wcas-ico-magnifier js-dgwt-wcas-ico-magnifier-pirx', 'magnifier-pirx' );
							echo '</span>';
							?>
						</button>

						<input type="hidden" name="post_type" value="product">
						<input type="hidden" name="dgwt_wcas" value="1">

						<input type="hidden" name="lang" value="en">

					</div>
				</form>
			</div>

			<div class="dgwt-wcas-autocomplete">

				<div class="dgwt-wcas-suggestions-wrapp js-dgwt-wcas-suggestions-wrapp woocommerce dgwt-wcas-has-price dgwt-wcas-has-desc dgwt-wcas-has-sku" unselectable="on">

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-headline-brand dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'tax_' . DGWT_WCAS()->brands->getBrandTaxonomy() . '_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-brand js-dgwt-wcas-suggestion-brand">
					<span class="dgwt-wcas-si">
                        <img src="<?php echo DGWT_WCAS_URL; ?>assets/img/product-preview.png">
                    </span>
						<span class="dgwt-wcas-st">
                        <span class="dgwt-wcas-st--direct-headline"><?php echo Helpers::getLabel( 'tax_' . DGWT_WCAS()->brands->getBrandTaxonomy() ); ?></span>
                        <?php _e( 'Sample brand <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-headline-cat dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'tax_product_cat_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-cat js-dgwt-wcas-suggestion-cat">
					<span class="dgwt-wcas-si">
                        <img src="<?php echo DGWT_WCAS_URL; ?>assets/img/product-preview.png">
                    </span>
						<span class="dgwt-wcas-st">
                        <span class="dgwt-wcas-st--direct-headline"><?php echo Helpers::getLabel( 'tax_product_cat' ); ?></span>
                        <?php _e( 'Sample category <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-headline-tag dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'tax_product_tag_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-tag">
                    <span class="dgwt-wcas-st">
                        <span class="dgwt-wcas-st--direct-headline"><?php echo Helpers::getLabel( 'tax_product_tag' ); ?></span>
                        <?php _e( 'Sample tag <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-headline-post dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'post_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-post">
                    <span class="dgwt-wcas-st">
                        <span class="dgwt-wcas-st--direct-headline"><?php echo Helpers::getLabel( 'post' ); ?></span>
                        <?php _e( 'Sample post <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-headline-page dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'page_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-page">
                    <span class="dgwt-wcas-st">
                        <span class="dgwt-wcas-st--direct-headline"><?php echo Helpers::getLabel( 'page' ); ?></span>
                        <?php _e( 'Sample page <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion js-dgwt-wcas-suggestion-headline dgwt-wcas-suggestion-headline">
                    <span class="dgwt-wcas-st">
                      <?php echo Helpers::getLabel( 'product_plu' ); ?>
                    </span>
					</div>

					<div class="dgwt-wcas-suggestion dgwt-wcas-suggestion-product">
                    <span class="js-dgwt-wcas-si dgwt-wcas-si">
                        <img src="<?php echo DGWT_WCAS_URL; ?>assets/img/product-preview.png">
                    </span>
						<div class="js-dgwt-wcas-content-wrapp dgwt-wcas-content-wrapp">
                        <span class="dgwt-wcas-st">
                            <span class="dgwt-wcas-st-title"><?php _e( 'Sample product <strong>name</strong>', 'ajax-search-for-woocommerce' ); ?></span>
                            <span class="dgwt-wcas-sku js-dgwt-wcas-sku">(<?php echo Helpers::getLabel( 'sku_label' ); ?> 0001)</span>
                            <span class="dgwt-wcas-sd js-dgwt-wcas-sd"><?php _e( 'Lorem <strong>ipsum</strong> dolor sit amet, consectetur adipiscing elit. Quisque gravida lacus nec diam porttitor pharetra. Nulla facilisi. Proin pharetra imperdiet neque, non varius.', 'ajax-search-for-woocommerce' ); ?></span>
                        </span>
							<span class="dgwt-wcas-sp js-dgwt-wcas-sp">
                            <?php echo wc_price( 99 ); ?>
                        </span>
						</div>
					</div>


					<div class="dgwt-wcas-suggestion js-dgwt-wcas-suggestion-more dgwt-wcas-suggestion-more dgwt-wcas-suggestion-no-border-bottom" data-index="7">
						<span class="dgwt-wcas-st-more"><span class="js-dgwt-wcas-st-more-label"><?php echo esc_html( $labelSeeAll ); ?></span> (73)</span>
					</div>

					<div class="dgwt-wcas-suggestion-nores js-dgwt-wcas-suggestion-nores dgwt-wcas-hide">
					</div>

				</div>

				<div class="dgwt-wcas-details-wrapp js-dgwt-wcas-details-wrapp woocommerce">

					<div class="dgwt-wcas-details-inner">

						<div class="dgwt-wcas-product-details">

							<a href="#">
								<div class="dgwt-wcas-details-main-image">
									<img src="<?php echo DGWT_WCAS_URL; ?>assets/img/product-preview.png"/>
								</div>
							</a>

							<div class="dgwt-wcas-details-space">

								<a class="dgwt-wcas-details-product-title" href="#">
									<?php _e( 'Sample product name', 'ajax-search-for-woocommerce' ); ?>
								</a>
								<span class="dgwt-wcas-details-product-sku">0001</span>

								<div class="dgwt-wcas-pd-price">
									<?php echo wc_price( 99 ); ?>
								</div>

								<div class="dgwt-wcas-details-hr"></div>

								<div class="dgwt-wcas-pd-desc">
									<?php _e( 'Lorem <strong>ipsum</strong> dolor sit amet, consectetur adipiscing elit. Quisque gravida lacus nec diam porttitor pharetra. Nulla facilisi. Proin pharetra imperdiet neque, non varius.',
										'ajax-search-for-woocommerce' ); ?>
								</div>

								<div class="dgwt-wcas-details-hr"></div>

								<div class="dgwt-wcas-pd-addtc js-dgwt-wcas-pd-addtc">
									<form class="dgwt-wcas-pd-addtc-form" action="" method="post" enctype="multipart/form-data">
										<div class="quantity buttons_added">
											<input type="button" value="-" class="minus button is-form">
											<input type="number" class="input-text qty text" step="1" min="0" max="9999" name="js-dgwt-wcas-quantity" value="1" title="Qty" size="4" inputmode="numeric">
											<input type="button" value="+" class="plus button is-form">
										</div>
										<p class="product woocommerce add_to_cart_inline " style="">
											<a href="#" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" rel="nofollow"><?php _e( 'Add to cart', 'woocommerce' ); ?></a>
										</p>
									</form>
								</div>

							</div>


						</div>

					</div>

				</div>

			</div>
		</div>

	</div>

	<div class="dgwt-wcas-preview-elements dgwt-wcas-hidden">
		<div class="js-dgwt-wcas-preview-elements-close"><?php echo Helpers::getIcon( 'close' ); ?></div>
	</div>
</div>
