<?php
/**
 * Prohibit direct script loading.
 *
 * @package Convert_Plus.
 */

?>
<div class="wrap smile-add-style bend">
	<div class="wrap-container">
		<div class="msg"></div>

		<div id="search-sticky"></div>
		<div class="row smile-style-search-section">
			<div class="container">
				<div class="smile-search-ip-sec col-sm-6 col-sm-offset-3">
					<input type="search" autofocus="autofocus" class="js-shuffle-search" id="style-search" name="style-search" placeholder="<?php _e( 'Search Template' ); ?>" />
				</div>
			</div>
		</div>

		<div class="bend-content-wrap smile-add-style-content">

			<div class="container ">
				<div class="smile-style-category">
					<?php
					if ( function_exists( 'smile_style_dashboard' ) ) {
						smile_style_dashboard( 'Smile_Info_Bars', 'smile_info_bar_styles', 'info_bar' );
					}
					?>
					<div class="col-xs-6 col-sm-4 col-md-4 shuffle_sizer"></div>
					<!-- .styles-list -->
				</div>
				<!-- .smile-style-category -->
			</div>
			<!-- .container -->
			<div id="cp-scroll-up">
				<a title="Scroll up" href="#top"><i class="connects-icon-small-up" ></i></a>
			</div>
		</div>
		<!-- .bend-content-wrap -->
	</div>
	<!-- .wrap-container -->
</div>
<!-- .wrap -->

<script type="text/javascript">

	jQuery( document ).ready(function() {
		jQuery(".js-shuffle-search").focus();
	});

</script>
<style type="text/css">
.smile-style-search-section.search-stick {
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
}
</style>
