{% if render_model is defined and render_model ==1 %}
<form id="top_search_form_in_model" name="product_search" method="get" class="pull-left" onsubmit="return false;"
	data-form-submit-success-function="" data-form-data-function="" data-container-id="search_result"
	data-scroll-id="search_result" data-pagination-mode="1" data-paging-mode="ajax">
	{% else %}
	<form id="top_search_form" name="product_search" method="get" action="{{ path('office_brain_search_bundle_search',{"
		_locale":app.request.locale})}}">
		{% endif %}
		<div class="search-box">
			{% if ob_project_search_access_rule.option.search_by_name.status == 1 or
			ob_project_search_access_rule.option.search_by_sku.status == 1 or
			ob_project_search_access_rule.option.search_by_category.status == 1 or
			ob_project_search_access_rule.option.search_by_brand_name.status == 1 or
			ob_project_search_access_rule.option.search_by_supplier_name.status == 1 %}
			{# <div class="search-in-dropdown">
				<div class="form-group inp-parts ob-gender-select-box"> #}
					{% if main_filter is not defined%}
					{% set main_filter ='keyword' %}
					{% endif %}
					<select id="main_filter" name="main_filter" class=" ob-qa-basic-search-select {{ main_filter }}">
						{#<option value="">{{ 'header_search.search_all'| trans({},'goldstar') }}</option>#}
						{% if ob_project_search_access_rule.option.search_by_category.status == 1 %}
						<option value="categoryName" {{ (main_filter is defined and main_filter=='categoryName'
							)?'selected':'' }}>{{ 'allcategory'| trans({},"app") }}</option>
						{% endif %}
						<option value="keyword" {{ (main_filter is defined and main_filter=='keyword' )?'selected':''
							}}>{{ 'header_search.keyword'| trans({},'goldstar') }}</option>
						{% if ob_project_search_access_rule.option.search_by_sku.status == 1 %}
						<option value="sku" {{ (main_filter is defined and main_filter=='sku' )?'selected':'' }}>{{
							'header_search.item_code'| trans({},"goldstar") }}</option>
						{% endif %}

						{#% if ob_project_search_access_rule.option.search_by_supplier_name.status == 1 and
						ob_project_setting.user_id != '' %}
						<option value="supplierName" {{ (main_filter is defined and main_filter=='supplierName'
							)?'selected':'' }}>{{ 'supplier'| trans({},"app") }}</optio {% endif %} {% if
								ob_project_search_access_rule.option.search_by_brand_name.status==1 %} <option
								value="lineName" {{ (main_filter is defined and main_filter=='lineName' )?'selected':''
								}}>{{ 'header_search.line_name'| trans({},"goldstar") }}</option>
						{% endif %#}
					</select>
					{#
				</div>
			</div> #}
			{% endif %}
			{% if render_model is defined and render_model ==1 %}
			{# <div class="header-search search-field advance-search-wrap js-advance-search-wrap dropdown"> #}
				<input type="hidden" name="render_model" id="render_model" value="{{ render_model }}" />
				<input type="text" id="search_query" class="form-control js-disable-special-characters"
					name="search_query" value="{{ (search_query is defined)?search_query:'' }}"
					placeholder="{{ 'search.search_textbox_placeholder'|trans({},'app') }}">
				<input type="hidden" name="supplier_id" class="js-search-supplier-id" value="0" />
				<input type="hidden" name="quote_search" class="js-search-from" value="" />
				<button type="button" id="js_basic_search_in_model" value="Submit">
					<i class="fa fa-search fa-fw"></i> {{ 'search.search'| trans({},"app") }}</button>
				{#
			</div> #}
			{% else %}
			{# <div class="header-search search-field advance-search-wrap js-advance-search-wrap dropdown"> #}
				<input type="text" id="search_query"
					class="form-control ob-qa-srch-txt-box js-disable-special-characters" name="search_query"
					value="{{ (search_query is defined)?search_query:'' }}"
					placeholder="{{ 'search.search_textbox_placeholder'|trans({},'app') }}">
				{# {% if ob_project_search_configuration_rule.search_page.advance_search.option.save_search.status == 1
				%}
				<a href="javascript:void(0);"
					class="advance-search-label js-advance-dropdown js-recent-n-save-search-btn ob-qa-recent-search ===">
					{% if ob_project_setting.user_id != '' %} {{ 'save_search'| trans({},"app") }}
					{% else %} {{ 'recent_search'| trans({},"app") }}
					{% endif %}
				</a>
				{% include 'OfficeBrainSearchBundle:Search:searchSavedAndRecentTab.html.twig' %}
				{% endif %} #}
				<input type="hidden" name="token" value="{{ csrf_token('search-products') }}" />

				{# <button type="submit" value="Search" class="search-btn bg-orange"> #}
				<button type="button" value="Search" class="search-btn bg-orange" id="js_main_search_btn_submit">
					<span class="web-icon search"></span> {{ 'search.search'| trans({},"app") }}</button>
				{#
			</div> #}
			{% endif %}
		</div>
	</form>

	<div class="advanced-search">
		{% if ob_project_search_access_rule.option.advance_search.status == 1 %}
		{% block advance_search %}
		<form id="top_advance_search_form" name="product_advance_search" method="get"
			action="{{ path('office_brain_search_bundle_search',{" _locale":app.request.locale})}}">
			<div class="dropdown top-advance-search js-advance-search-btn-container">
				<a href="javascript:void(0);" class="dropdown-toggle js-advace-search-but ob-qa-advace-search-btn-1"
					  aria-expanded="true">
					<span class="js-advace-search-btn-1">{{ 'search.advance_search'| trans({},"app") }}</span>
				</a>
				<div class="dropdown-menu header-advace-search">
					<div class="js-dropdown-header-advance-search-model"></div>
				</div>
			</div>
		</form>
		{% endblock advance_search %}
		{% endif %}
	</div>