public/themes/default/sidebar-filter.html.twig line 1

Open in your IDE?
  1. {% if filters is defined %}
  2. <div class="col-lg-3 col-md-12 col-sm-12 sticky-sidebar filter-options-sidebar">
  3.     <div class="d-md-none">
  4.         <div class="header-filter-options">
  5.             <span>جستجوی پیشرفته <i class="fad fa-sliders-h"></i></span>
  6.             <button class="btn-close-filter-sidebar"><i class="fal fa-times"></i></button>
  7.         </div>
  8.     </div>
  9.     <div class="dt-sn dt-sn--box mb-3">
  10.         <form action="{{ path(currentPage, currentPageParameters ) }}">
  11.             <input type="hidden" name="size" value="{{ size }}">
  12.             <div class="col-12">
  13.                 <div class="section-title text-sm-title title-wide mb-1 no-after-title-wide">
  14.                     <h2>فیلتر محصولات</h2>
  15.                 </div>
  16.             </div>
  18.             {% for form in filters %}
  19.                 {% if form.type == "text" %}
  20.                     <div class="col-12 mb-3">
  21.                         <div class="widget-search">
  22.                             <input type="text" name="{{ form.name }}"
  23.                                    value="{{ form.value | default }}"
  24.                                    placeholder="{{ form.label }}">
  25.                             <button class="btn-search-widget">
  26.                                 <img src="./assets/img/theme/search.png" alt="">
  27.                             </button>
  28.                         </div>
  29.                     </div>
  30. {#                    <div class="w-full sm:w-auto mx-1">#}
  31. {#                        <div class="w-56 relative text-gray-700 dark:text-gray-300">#}
  32. {#                            <input type="text"#}
  33. {#                                   name="{{ form.name }}"#}
  34. {#                                   class="form-control w-56 box pl-10 placeholder-theme-13 {{ form.class | default }}"#}
  35. {#                                   autocomplete="off"#}
  36. {#                                   autofocus#}
  37. {#                                   value="{{ form.value | default }}"#}
  38. {#                                   data-no-results-message="موردی یافت نشد"#}
  39. {#                                   placeholder="{{ form.label }}">#}
  40. {#                        </div>#}
  41. {#                    </div>#}
  42.                 {% elseif form.type == "number" %}
  43.                     <div class="w-full sm:w-auto mx-1">
  44.                         <div class="w-56 relative text-gray-700 dark:text-gray-300">
  45.                             <input type="number"
  46.                                    name="{{ form.name }}"
  47.                                    class="form-control w-56 box pl-10 placeholder-theme-13 {{ form.class | default }}"
  48.                                    autocomplete="off"
  49.                                    autofocus
  50.                                    value="{{ form.value | default }}"
  51.                                    data-no-results-message="موردی یافت نشد"
  52.                                    placeholder="{{ form.label }}">
  53.                         </div>
  54.                     </div>
  55.                 {% elseif form.type == "radio" %}
  56.                     <div class="sm:flex items-center mx-1">
  57.                         <select name="{{ form.name }}" id="{{ form.name }}"
  58.                                 class=" form-select w-full mt-2 sm:mt-0 sm:w-auto {{ form.class | default }}">
  59.                             {% for radio in form.radio %}
  60.                                 <option value="{{ radio.value }}" {% if form.value is defined and form.value == radio.value %} selected {% endif %} > {{ radio.name }} </option>
  61.                             {% endfor %}
  62.                         </select>
  63.                     </div>
  64.                 {% elseif form.type == "radioEntity" %}
  65.                     <div class="sm:flex items-center mx-1">
  66.                         <select name="{{ form.name }}" id="{{ form.name }}"
  67.                                 class=" form-select w-full mt-2 sm:mt-0 sm:w-auto {{ form.class | default }}">
  68.                             {% for radio in form.radio %}
  69.                                 <option value="{{ radio.value }}" {% if form.value is defined and form.value == radio.value %} selected {% endif %} > {{ radio.name }} </option>
  70.                             {% endfor %}
  71.                         </select>
  72.                     </div>
  73.                     <div class="col-3">
  74.                         <fieldset class="form-group">
  75.                             <legend class="control-label ">{{ form.label }}</legend>
  76.                             <fieldset class="group-control">
  77.                                 <div class="row flex-col p-0 m-0 radio-input">
  78.                                     {% for radio in form.data %}
  79.                                         <div class="form-check-inline">
  80.                                             <input type="radio" id="{{ form.name ~'_'~ radio.name }}"
  81.                                                    name="{{ form.name }}"
  82.                                                    value="{{ attribute(radio, form.dataValue) }}" {% if form.value is defined and form.value == attribute(radio, form.dataValue) %} checked {% endif %}
  83.                                                    class="form-check-input handled {{ form.class | default }}">
  84.                                             <div class="radio-helper"></div>
  85.                                             <label class="form-check-label"
  86.                                                    for="{{ form.name ~'_'~ attribute(radio, form.dataName) }}">{{ attribute(radio, form.dataName) }}</label>
  87.                                         </div>
  88.                                     {% endfor %}
  89.                                 </div>
  90.                             </fieldset>
  91.                         </fieldset>
  92.                     </div>
  93.                 {% elseif form.type == "select" %}
  95.                     <div class="col-12 filter-product mb-3">
  96.                         <div class="accordion" id="accordionExample{{ form.name }}">
  97.                             <div class="card">
  98.                                 <div class="card-header" id="heading{{ form.name }}">
  99.                                     <h2 class="mb-0">
  100.                                         <button class="btn btn-block text-right collapsed" type="button"
  101.                                                 data-toggle="collapse" data-target="#collapse{{ form.name }}"
  102.                                                 aria-expanded="false" aria-controls="collapse{{ form.name }}">
  103.                                             {{ form.label }}
  104.                                             <i class="mdi mdi-chevron-down"></i>
  105.                                         </button>
  106.                                     </h2>
  107.                                 </div>
  108.                                 <div id="collapse{{ form.name }}" class="collapse" aria-labelledby="heading{{ form.name }}"
  109.                                      data-parent="#accordionExample{{ form.name }}">
  110.                                     <div class="card-body">
  111.                                         {% for select in form.select %}
  112.                                             <div class="custom-control custom-checkbox">
  113.                                                 <input type="checkbox" value="{{ select.value }}" {% if form.value is defined and form.value == select.value %} selected {% endif %} class="custom-control-input"
  114.                                                        id="customCheck{{ select.value }}">
  115.                                                 <label class="custom-control-label"
  116.                                                        for="customCheck{{ select.value }}">{{ select.name }}</label>
  117.                                             </div>
  118.                                         {% endfor %}
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  132. {#                    #}
  133. {#                    <div class="col-3">#}
  134. {#                        <div class="search-title">#}
  135. {#                            {{ form.label }}#}
  136. {#                        </div>#}
  137. {#                        <select id="{{ form.label }}"#}
  138. {#                                class="form-control search-field  {{ form.class | default }}"#}
  139. {#                                name="{{ form.name }}">#}
  140. {#                            <option value="">-- Select --</option>#}
  141. {#                            {% for select in form.select %}#}
  142. {#                                <option#}
  143. {#                                        value="{{ select.value }}" {% if form.value is defined and form.value == select.value %} selected {% endif %} >{{ select.name }}</option>#}
  144. {#                            {% endfor %}#}
  145. {#                        </select>#}
  146. {#                    </div>#}
  147.                 {% elseif form.type == "selectEntity" %}
  148.                     <div class="col-3">
  149.                         <div class="search-title">
  150.                             {{ form.label }}
  151.                         </div>
  152.                         <select id="{{ form.label }}"
  153.                                 class="form-control search-field  {{ form.class | default }}"
  154.                                 name="{{ form.name }}">
  155.                             <option value="">-- Select --</option>
  156.                             {% for select in form.data %}
  157.                                 <option
  158.                                         value="{{ attribute(select, form.dataValue) }}" {% if form.value is defined and form.value == attribute(select, form.dataValue) %} selected {% endif %} >{{ attribute(select, form.dataName) }}</option>
  159.                             {% endfor %}
  160.                         </select>
  161.                     </div>
  162.                 {% elseif form.type == "multiple" %}
  163.                     <div class="col-3">
  164.                         <div class="search-title ">
  165.                             {{ form.label }}
  166.                         </div>
  167.                         <select id="{{ form.label }}" name="{{ form.name }}[]"
  168.                                 class="form-control search-field {{ form.class | default }}"
  169.                                 autocomplete="off"
  170.                                 autofocus
  171.                                 multiple
  172.                                 data-actions-box="true"
  173.                                 multiple
  174.                                 data-selected-text-format="count > 2"
  175.                                 data-no-results-message="no result found">
  176.                             {% for select in form.select %}
  177.                                 <option value="{{ select.value }}">{{ select.name }}</option>
  178.                             {% endfor %}
  179.                         </select>
  180.                     </div>
  181.                 {% elseif form.type == "boolean" %}
  182.                     <div class="col-3">
  183.                         <fieldset class="form-group ">
  184.                             <legend class="control-label ">{{ form.label }}</legend>
  185.                             <fieldset class="group-control">
  186.                                 <div class="row flex-col p-0 m-0 radio-input">
  187.                                     {% for checkbox in form.checkbox %}
  188.                                         <div class="form-check-inline">
  189.                                             <input type="checkbox" id="{{ form.name ~'_'~ checkbox.name }}"
  190.                                                    name="{{ form.name }}" {% if form.value is defined and form.value == checkbox.value %} checked {% endif %}
  191.                                                    value="{{ checkbox.value }}"
  192.                                                    class="form-check-input handled {{ form.class | default }}">
  193.                                             <div class="checkbox-helper"></div>
  194.                                             <label class="form-check-label"
  195.                                                    for="{{ form.name ~'_'~ checkbox.name }}">{{ checkbox.name }}</label>
  196.                                         </div>
  197.                                     {% endfor %}
  198.                                 </div>
  199.                             </fieldset>
  200.                         </fieldset>
  201.                     </div>
  202.                 {% elseif form.type == "datetime" %}
  203.                     <div class="col-3">
  204.                         <fieldset class="form-group ">
  205.                             <label class="control-label">
  206.                                 {{ form.label }} From
  207.                             </label>
  208.                             <div class="input-group date datetimepicker">
  209.                                 <input name="{{ form.name }}From"
  210.                                        type="text"
  211.                                        class="form-control search-field {{ form.class | default }} "
  212.                                        value="{{ form.valueFrom | default }}"
  213.                                        autocomplete="off"
  214.                                 >
  215.                                 <div class="input-group-append">
  216.                                     <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
  217.                                 </div>
  218.                             </div>
  219.                         </fieldset>
  220.                     </div>
  221.                     <div class="col-3">
  222.                         <fieldset class="form-group ">
  223.                             <label class="control-label">
  224.                                 {{ form.label }} To
  225.                             </label>
  226.                             <div class="input-group date datetimepicker">
  227.                                 <input name="{{ form.name }}To"
  228.                                        type="text"
  229.                                        class="form-control search-field {{ form.class | default }}"
  230.                                        value="{{ form.valueTo | default }}"
  231.                                        autocomplete="off"
  232.                                 >
  233.                                 <div class="input-group-append">
  234.                                     <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
  235.                                 </div>
  236.                             </div>
  238.                         </fieldset>
  239.                     </div>
  240.                 {% elseif form.type == "checkbox" %}
  241.                     <div class="col-3">
  242.                         <fieldset class="form-group">
  243.                             <legend class="control-label ">{{ form.label }}</legend>
  244.                             <fieldset class="group-control">
  245.                                 <div class="row flex-col p-0 m-0 radio-input">
  246.                                     {% for check in form.checkbox %}
  247.                                         <div class="form-check-inline">
  248.                                             <input type="checkbox" id="{{ form.name ~'_'~ check.name }}"
  249.                                                    name="{{ form.name }}[]"
  250.                                                    value="{{ check.value }}" {% if form.value is defined and check.value in form.value %} checked {% endif %}
  251.                                                    class="form-check-input handled {{ form.class | default }}">
  252.                                             <div class="checkbox-helper"></div>
  253.                                             <label class="form-check-label"
  254.                                                    for="{{ form.name ~'_'~ check.name }}">{{ check.name }}</label>
  255.                                         </div>
  256.                                     {% endfor %}
  257.                                 </div>
  258.                             </fieldset>
  259.                         </fieldset>
  260.                     </div>
  261.                 {% elseif form.type == "range" %}
  262.                     <div class="col-3">
  263.                         <div class="control-label search-title">
  264.                             {{ form.label }}
  265.                         </div>
  266.                         <div class="form-row">
  267.                             <div class="form-group col-md-5">
  268.                                 <input name="{{ form.name }}"
  269.                                        type="number"
  270.                                        class="form-control search-field {{ form.class | default }}"
  271.                                        placeholder=""
  272.                                        autocomplete="off"
  273.                                        autofocus
  274.                                        value="{{ form.value | default }}"
  275.                                        data-no-results-message="no result found">
  276.                             </div>
  277.                             <div class="form-group col-md-2 d-flex justify-content-center align-items-center">
  278.                                 <span>to</span>
  279.                             </div>
  280.                             <div class="form-group col-md-5">
  281.                                 <div class="control-label">
  282.                                 </div>
  284.                                 <input name="{{ form.name ~ "To" }}"
  285.                                        type="number"
  286.                                        class="form-control search-field {{ form.class | default }}"
  287.                                        placeholder=""
  288.                                        autocomplete="off"
  289.                                        autofocus
  290.                                        value="{{ form.secondValue | default }}"
  291.                                        data-no-results-message="no result found">
  292.                             </div>
  293.                         </div>
  295.                     </div>
  296.                 {% endif %}
  297.             {% endfor %}
  307. {#            <div class="col-12 mb-3">#}
  308. {#                <div class="parent-switcher">#}
  309. {#                    <label class="ui-statusswitcher">#}
  310. {#                        <input type="checkbox" id="switcher-1">#}
  311. {#                        <span class="ui-statusswitcher-slider">#}
  312. {#                                                <span class="ui-statusswitcher-slider-toggle"></span>#}
  313. {#                                            </span>#}
  314. {#                    </label>#}
  315. {#                    <label class="label-switcher" for="switcher-1">فقط کالاهای موجود</label>#}
  316. {#                </div>#}
  317. {#            </div>#}
  318.             <div class="col-12">
  319.                 <button class="btn btn-info btn-block" type="submit">
  320.                     فیلتر
  321.                 </button>
  322.             </div>
  323.         </form>
  324.     </div>
  325. </div>
  326. {% endif %}
  327. {#{% if filters is defined %}#}
  328. {#    <form action="{{ path(currentPage, currentPageParameters ) }}" class="search" method="get">#}
  329. {#        <input type="hidden" name="size" value="{{ size }}">#}
  330. {#        <div class="grid grid-cols-12 gap-6 ">#}
  331. {#            <div class="intro-y col-span-12 flex flex-wrap sm:flex-nowrap items-center mt-2">#}
  332. {#                {% for form in filters %}#}
  333. {#                    {% if form.type == "text" %}#}
  334. {#                        <div class="w-full sm:w-auto mx-1">#}
  335. {#                            <div class="w-56 relative text-gray-700 dark:text-gray-300">#}
  336. {#                                <input type="text"#}
  337. {#                                       name="{{ form.name }}"#}
  338. {#                                       class="form-control w-56 box pl-10 placeholder-theme-13 {{ form.class | default }}"#}
  339. {#                                       autocomplete="off"#}
  340. {#                                       autofocus#}
  341. {#                                       value="{{ form.value | default }}"#}
  342. {#                                       data-no-results-message="موردی یافت نشد"#}
  343. {#                                       placeholder="{{ form.label }}">#}
  344. {#                            </div>#}
  345. {#                        </div>#}
  346. {#                    {% elseif form.type == "number" %}#}
  347. {#                        <div class="w-full sm:w-auto mx-1">#}
  348. {#                            <div class="w-56 relative text-gray-700 dark:text-gray-300">#}
  349. {#                                <input type="number"#}
  350. {#                                       name="{{ form.name }}"#}
  351. {#                                       class="form-control w-56 box pl-10 placeholder-theme-13 {{ form.class | default }}"#}
  352. {#                                       autocomplete="off"#}
  353. {#                                       autofocus#}
  354. {#                                       value="{{ form.value | default }}"#}
  355. {#                                       data-no-results-message="موردی یافت نشد"#}
  356. {#                                       placeholder="{{ form.label }}">#}
  357. {#                            </div>#}
  358. {#                        </div>#}
  359. {#                    {% elseif form.type == "radio" %}#}
  360. {#                        <div class="sm:flex items-center mx-1">#}
  361. {#                            <select name="{{ form.name }}" id="{{ form.name }}"#}
  362. {#                                    class=" form-select w-full mt-2 sm:mt-0 sm:w-auto {{ form.class | default }}">#}
  363. {#                                {% for radio in form.radio %}#}
  364. {#                                    <option value="{{ radio.value }}" {% if form.value is defined and form.value == radio.value %} selected {% endif %} > {{ radio.name }} </option>#}
  365. {#                                {% endfor %}#}
  366. {#                            </select>#}
  367. {#                        </div>#}
  368. {#                    {% elseif form.type == "radioEntity" %}#}
  369. {#                        <div class="sm:flex items-center mx-1">#}
  370. {#                            <select name="{{ form.name }}" id="{{ form.name }}"#}
  371. {#                                    class=" form-select w-full mt-2 sm:mt-0 sm:w-auto {{ form.class | default }}">#}
  372. {#                                {% for radio in form.radio %}#}
  373. {#                                    <option value="{{ radio.value }}" {% if form.value is defined and form.value == radio.value %} selected {% endif %} > {{ radio.name }} </option>#}
  374. {#                                {% endfor %}#}
  375. {#                            </select>#}
  376. {#                        </div>#}
  377. {#                        <div class="col-3">#}
  378. {#                            <fieldset class="form-group">#}
  379. {#                                <legend class="control-label ">{{ form.label }}</legend>#}
  380. {#                                <fieldset class="group-control">#}
  381. {#                                    <div class="row flex-col p-0 m-0 radio-input">#}
  382. {#                                        {% for radio in form.data %}#}
  383. {#                                            <div class="form-check-inline">#}
  384. {#                                                <input type="radio" id="{{ form.name ~'_'~ radio.name }}"#}
  385. {#                                                       name="{{ form.name }}"#}
  386. {#                                                       value="{{ attribute(radio, form.dataValue) }}" {% if form.value is defined and form.value == attribute(radio, form.dataValue) %} checked {% endif %}#}
  387. {#                                                       class="form-check-input handled {{ form.class | default }}">#}
  388. {#                                                <div class="radio-helper"></div>#}
  389. {#                                                <label class="form-check-label"#}
  390. {#                                                       for="{{ form.name ~'_'~ attribute(radio, form.dataName) }}">{{ attribute(radio, form.dataName) }}</label>#}
  391. {#                                            </div>#}
  392. {#                                        {% endfor %}#}
  393. {#                                    </div>#}
  394. {#                                </fieldset>#}
  395. {#                            </fieldset>#}
  396. {#                        </div>#}
  397. {#                    {% elseif form.type == "select" %}#}
  398. {#                        <div class="col-3">#}
  399. {#                            <div class="search-title">#}
  400. {#                                {{ form.label }}#}
  401. {#                            </div>#}
  402. {#                            <select id="{{ form.label }}"#}
  403. {#                                    class="form-control search-field  {{ form.class | default }}"#}
  404. {#                                    name="{{ form.name }}">#}
  405. {#                                <option value="">-- Select --</option>#}
  406. {#                                {% for select in form.select %}#}
  407. {#                                    <option#}
  408. {#                                            value="{{ select.value }}" {% if form.value is defined and form.value == select.value %} selected {% endif %} >{{ select.name }}</option>#}
  409. {#                                {% endfor %}#}
  410. {#                            </select>#}
  411. {#                        </div>#}
  412. {#                    {% elseif form.type == "selectEntity" %}#}
  413. {#                        <div class="col-3">#}
  414. {#                            <div class="search-title">#}
  415. {#                                {{ form.label }}#}
  416. {#                            </div>#}
  417. {#                            <select id="{{ form.label }}"#}
  418. {#                                    class="form-control search-field  {{ form.class | default }}"#}
  419. {#                                    name="{{ form.name }}">#}
  420. {#                                <option value="">-- Select --</option>#}
  421. {#                                {% for select in form.data %}#}
  422. {#                                    <option#}
  423. {#                                            value="{{ attribute(select, form.dataValue) }}" {% if form.value is defined and form.value == attribute(select, form.dataValue) %} selected {% endif %} >{{ attribute(select, form.dataName) }}</option>#}
  424. {#                                {% endfor %}#}
  425. {#                            </select>#}
  426. {#                        </div>#}
  427. {#                    {% elseif form.type == "multiple" %}#}
  428. {#                        <div class="col-3">#}
  429. {#                            <div class="search-title ">#}
  430. {#                                {{ form.label }}#}
  431. {#                            </div>#}
  432. {#                            <select id="{{ form.label }}" name="{{ form.name }}[]"#}
  433. {#                                    class="form-control search-field {{ form.class | default }}"#}
  434. {#                                    autocomplete="off"#}
  435. {#                                    autofocus#}
  436. {#                                    multiple#}
  437. {#                                    data-actions-box="true"#}
  438. {#                                    multiple#}
  439. {#                                    data-selected-text-format="count > 2"#}
  440. {#                                    data-no-results-message="no result found">#}
  441. {#                                {% for select in form.select %}#}
  442. {#                                    <option value="{{ select.value }}">{{ select.name }}</option>#}
  443. {#                                {% endfor %}#}
  444. {#                            </select>#}
  445. {#                        </div>#}
  446. {#                    {% elseif form.type == "boolean" %}#}
  447. {#                        <div class="col-3">#}
  448. {#                            <fieldset class="form-group ">#}
  449. {#                                <legend class="control-label ">{{ form.label }}</legend>#}
  450. {#                                <fieldset class="group-control">#}
  451. {#                                    <div class="row flex-col p-0 m-0 radio-input">#}
  452. {#                                        {% for checkbox in form.checkbox %}#}
  453. {#                                            <div class="form-check-inline">#}
  454. {#                                                <input type="checkbox" id="{{ form.name ~'_'~ checkbox.name }}"#}
  455. {#                                                       name="{{ form.name }}" {% if form.value is defined and form.value == checkbox.value %} checked {% endif %}#}
  456. {#                                                       value="{{ checkbox.value }}"#}
  457. {#                                                       class="form-check-input handled {{ form.class | default }}">#}
  458. {#                                                <div class="checkbox-helper"></div>#}
  459. {#                                                <label class="form-check-label"#}
  460. {#                                                       for="{{ form.name ~'_'~ checkbox.name }}">{{ checkbox.name }}</label>#}
  461. {#                                            </div>#}
  462. {#                                        {% endfor %}#}
  463. {#                                    </div>#}
  464. {#                                </fieldset>#}
  465. {#                            </fieldset>#}
  466. {#                        </div>#}
  467. {#                    {% elseif form.type == "datetime" %}#}
  468. {#                        <div class="col-3">#}
  469. {#                            <fieldset class="form-group ">#}
  470. {#                                <label class="control-label">#}
  471. {#                                    {{ form.label }} From#}
  472. {#                                </label>#}
  473. {#                                <div class="input-group date datetimepicker">#}
  474. {#                                    <input name="{{ form.name }}From"#}
  475. {#                                           type="text"#}
  476. {#                                           class="form-control search-field {{ form.class | default }} "#}
  477. {#                                           value="{{ form.valueFrom | default }}"#}
  478. {#                                           autocomplete="off"#}
  479. {#                                    >#}
  480. {#                                    <div class="input-group-append">#}
  481. {#                                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>#}
  482. {#                                    </div>#}
  483. {#                                </div>#}
  484. {#                            </fieldset>#}
  485. {#                        </div>#}
  486. {#                        <div class="col-3">#}
  487. {#                            <fieldset class="form-group ">#}
  488. {#                                <label class="control-label">#}
  489. {#                                    {{ form.label }} To#}
  490. {#                                </label>#}
  491. {#                                <div class="input-group date datetimepicker">#}
  492. {#                                    <input name="{{ form.name }}To"#}
  493. {#                                           type="text"#}
  494. {#                                           class="form-control search-field {{ form.class | default }}"#}
  495. {#                                           value="{{ form.valueTo | default }}"#}
  496. {#                                           autocomplete="off"#}
  497. {#                                    >#}
  498. {#                                    <div class="input-group-append">#}
  499. {#                                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>#}
  500. {#                                    </div>#}
  501. {#                                </div>#}
  503. {#                            </fieldset>#}
  504. {#                        </div>#}
  505. {#                    {% elseif form.type == "checkbox" %}#}
  506. {#                        <div class="col-3">#}
  507. {#                            <fieldset class="form-group">#}
  508. {#                                <legend class="control-label ">{{ form.label }}</legend>#}
  509. {#                                <fieldset class="group-control">#}
  510. {#                                    <div class="row flex-col p-0 m-0 radio-input">#}
  511. {#                                        {% for check in form.checkbox %}#}
  512. {#                                            <div class="form-check-inline">#}
  513. {#                                                <input type="checkbox" id="{{ form.name ~'_'~ check.name }}"#}
  514. {#                                                       name="{{ form.name }}[]"#}
  515. {#                                                       value="{{ check.value }}" {% if form.value is defined and check.value in form.value %} checked {% endif %}#}
  516. {#                                                       class="form-check-input handled {{ form.class | default }}">#}
  517. {#                                                <div class="checkbox-helper"></div>#}
  518. {#                                                <label class="form-check-label"#}
  519. {#                                                       for="{{ form.name ~'_'~ check.name }}">{{ check.name }}</label>#}
  520. {#                                            </div>#}
  521. {#                                        {% endfor %}#}
  522. {#                                    </div>#}
  523. {#                                </fieldset>#}
  524. {#                            </fieldset>#}
  525. {#                        </div>#}
  526. {#                    {% elseif form.type == "range" %}#}
  527. {#                        <div class="col-3">#}
  528. {#                            <div class="control-label search-title">#}
  529. {#                                {{ form.label }}#}
  530. {#                            </div>#}
  531. {#                            <div class="form-row">#}
  532. {#                                <div class="form-group col-md-5">#}
  533. {#                                    <input name="{{ form.name }}"#}
  534. {#                                           type="number"#}
  535. {#                                           class="form-control search-field {{ form.class | default }}"#}
  536. {#                                           placeholder=""#}
  537. {#                                           autocomplete="off"#}
  538. {#                                           autofocus#}
  539. {#                                           value="{{ form.value | default }}"#}
  540. {#                                           data-no-results-message="no result found">#}
  541. {#                                </div>#}
  542. {#                                <div class="form-group col-md-2 d-flex justify-content-center align-items-center">#}
  543. {#                                    <span>to</span>#}
  544. {#                                </div>#}
  545. {#                                <div class="form-group col-md-5">#}
  546. {#                                    <div class="control-label">#}
  547. {#                                    </div>#}
  549. {#                                    <input name="{{ form.name ~ "To" }}"#}
  550. {#                                           type="number"#}
  551. {#                                           class="form-control search-field {{ form.class | default }}"#}
  552. {#                                           placeholder=""#}
  553. {#                                           autocomplete="off"#}
  554. {#                                           autofocus#}
  555. {#                                           value="{{ form.secondValue | default }}"#}
  556. {#                                           data-no-results-message="no result found">#}
  557. {#                                </div>#}
  558. {#                            </div>#}
  560. {#                        </div>#}
  561. {#                    {% endif %}#}
  562. {#                {% endfor %}#}
  563. {#                <select class="w-20 form-select box mt-3 sm:mt-0" name="size" onchange="this.form.submit()">#}
  564. {#                    <option value="10" {% if size == 1 %} selected {% endif %}>1</option>#}
  565. {#                    <option value="10" {% if size == 10 %} selected {% endif %}>10</option>#}
  566. {#                    <option value="20" {% if size == 20 %} selected {% endif %}>20</option>#}
  567. {#                    <option value="50" {% if size == 50 %} selected {% endif %}>50</option>#}
  568. {#                </select>#}
  569. {#                <div class="sm:flex items-center mx-1">#}
  570. {#                    <button class="btn btn-primary shadow-md ml-2">جستجو</button>#}
  571. {#                </div>#}
  572. {#            </div>#}
  573. {#        </div>#}
  574. {#    </form>#}
  575. {#{% endif %}#}