{% form_theme form '@MultiCategorySearch42/default/Form/form_div_layout.twig' %}
{%
set searchItems = repository("Plugin\\MultiCategorySearch42\\Entity\\SearchItem")
.createQueryBuilder("si")
.orderBy("si.sort_no", "DESC")
.getQuery()
.getResult()
%}
{%
set fieldType = repository("Plugin\\MultiCategorySearch42\\Entity\\FieldType").find(3)
%}
<div class="c-section">
<div class="c-search-form">
<h2 class="c-search-form__title">
<i class="s-icon">
<svg>
<use xlink:href="{{ asset('assets/img/ico/ico_search.svg#obj') }}"></use>
</svg>
</i>
<span class="s-text">絞り込み検索</span>
</h2>
<div id="multiCategorySearch" class="ec-role">
<div class="ec-off1Grid">
<div class="ec-off1Grid__cell">
<div id="multiCategorySearchFormForMain" class="collapse">
{{ form_start(form) }}
<div class="c-search-form__form">
<div class="c-search-form__form-list">
<dl class="formlist">
<dt>メーカー・シリーズ</dt>
<dd>
<select name="category_ids[]" id="category_id1">
<option label="指定なし" value="">指定なし</option>
<optgroup label="▼ダイキン------------">
<option label="「ダイキン」全て" value="2" data-id="category_id_2">ダイキン全て</option>
{{ include('Module/category_search.twig', {cid: 2}) }}
</optgroup>
<optgroup label="▼東芝----------------">
<option label="「東芝」全て" value="11" data-id="category_id_11">東芝全て</option>
{{ include('Module/category_search.twig', {cid: 11}) }}
</optgroup>
<optgroup label="▼日立----------------">
<option label="「日立」全て" value="21" data-id="category_id_21">日立全て</option>
{{ include('Module/category_search.twig', {cid: 21}) }}
</optgroup>
<optgroup label="▼三菱電機------------">
<option label="「三菱電機」全て" value="31" data-id="category_id_31">三菱電機全て</option>
{{ include('Module/category_search.twig', {cid: 31}) }}
</optgroup>
<optgroup label="▼パナソニック--------">
<option label="「パナソニック」全て" value="41" data-id="category_id_41">パナソニック全て</option>
{{ include('Module/category_search.twig', {cid: 41}) }}
</optgroup>
</select>
</dd>
</dl>
<dl class="formlist">
<dt>エアコン形状</dt>
<dd>
<select name="category_ids[]" id="category_id2">
<option label="指定なし" value="">指定なし</option>
{{ include('Module/category_search.twig', {cid: 51}) }}
</select>
</dd>
</dl>
<dl class="formlist">
<dt>馬力</dt>
<dd>
<select name="category_ids[]" id="category_id3">
<option label="指定なし" value="">指定なし</option>
{{ include('Module/category_search.twig', {cid: 61}) }}
</select>
</dd>
</dl>
<dl class="formlist">
<dt>広さ</dt>
<dd>
<select name="category_ids[]" id="category_id4">
<option label="指定なし" value="">指定なし</option>
{{ include('Module/category_search.twig', {cid: 111}) }}
</select>
</dd>
</dl>
<dl class="formlist">
<dt>マルチエアコン</dt>
<dd>
<select name="category_ids[]" id="category_id5">
<option label="指定なし" value="">指定なし</option>
{{ include('Module/category_search.twig', {cid: 81}) }}
</select>
</dd>
</dl>
<dl class="formlist">
<dt>電源</dt>
<dd>
<select name="tag" id="category_id6">
<option label="指定なし" value="">指定なし</option>
<option label="三相 (200V)" value="1" data-id="tag_id_1">三相 (200V)</option>
<option label="単相 (200V)" value="2" data-id="tag_id_2">単相 (200V)</option>
</select>
</dd>
</dl>
<dl class="formlist">
<dt>その他</dt>
<dd>
<select name="category_ids[]" id="category_id7">
<option label="指定なし" value="">指定なし</option>
{{ include('Module/category_search.twig', {cid: 131}) }}
</select>
</dd>
</dl>
<dl class="formlist">
<dt>省エネ</dt>
<dd>
<div class="c-form-radio">
<span class="c-form-radio__item">
<label>
<input type="radio" name="category_ids[]" value="93" data-id="category_id_93"/>
<span class="s-text">省エネ</span>
</label>
</span>
<span class="c-form-radio__item">
<label>
<input type="radio" name="category_ids[]" value="92" data-id="category_id_92"/>
<span class="s-text">超省エネ</span>
</label>
</span>
</div>
</dd>
</dl>
<dl class="formlist s-w100">
<dt>商品名 or 型番入力検索</dt>
<dd>
<input type="text" name="name" maxlength="100" value="" placeholder="商品名 or 型番を入力してください">
</dd>
</dl>
</div>
<div class="c-search-form__btn">
<button type="reset" class="c-btn-03" aria-label="リセットボタン">
<i class="s-icon">
<svg>
<use xlink:href="{{ asset('assets/img/ico/ico_reset.svg#obj') }}"></use>
</svg>
</i>
<span class="s-text">リセット</span>
</button>
<button type="submit" name="search" class="c-btn-02" aria-label="検索ボタン">
<i class="s-icon">
<svg>
<use xlink:href="{{ asset('assets/img/ico/ico_search.svg#obj') }}"></use>
</svg>
</i>
<span class="s-text">検索する</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>