form.phtml

Go to the documentation of this file.

<?php
// @codingStandardsIgnoreFile

?>
<?php
?>
<?php $maxQueryLength = $this->helper('Magento\CatalogSearch\Helper\Data')->getMaxQueryLength();?>
<form class="form search advanced" action="<?= /* @escapeNotVerified */ $block->getSearchPostUrl() ?>" method="get" id="form-validate">
<fieldset class="fieldset">
    <legend class="legend"><span><?= /* @escapeNotVerified */ __('Search Settings') ?></span></legend><br />
    <?php foreach ($block->getSearchableAttributes() as $_attribute): ?>
    <?php $_code = $_attribute->getAttributeCode() ?>
        <div class="field <?= /* @escapeNotVerified */ $_code ?>">
            <label class="label" for="<?= /* @escapeNotVerified */ $_code ?>">
                <span><?= $block->escapeHtml(__($block->getAttributeLabel($_attribute))) ?></span>
            </label>
            <div class="control">
            <?php switch ($block->getAttributeInputType($_attribute)):
                case 'number': ?>
                <div class="range fields group group-2">
                    <div class="field no-label">
                        <div class="control">
                            <input type="text"
                                   name="<?= /* @escapeNotVerified */ $_code ?>[from]"
                                   value="<?= $block->escapeHtml($block->getAttributeValue($_attribute, 'from')) ?>"
                                   id="<?= /* @escapeNotVerified */ $_code ?>"
                                   title="<?= $block->escapeHtml($block->getAttributeLabel($_attribute)) ?>"
                                   class="input-text"
                                   maxlength="<?= /* @escapeNotVerified */ $maxQueryLength ?>"
                                   data-validate="{number:true, 'less-than-equals-to':'#<?= /* @escapeNotVerified */ $_code ?>_to'}" />
                        </div>
                    </div>
                    <div class="field no-label">
                        <div class="control">
                            <input type="text"
                                   name="<?= /* @escapeNotVerified */ $_code ?>[to]"
                                   value="<?= $block->escapeHtml($block->getAttributeValue($_attribute, 'to')) ?>"
                                   id="<?= /* @escapeNotVerified */ $_code ?>_to"
                                   title="<?= $block->escapeHtml($block->getAttributeLabel($_attribute)) ?>"
                                   class="input-text"
                                   maxlength="<?= /* @escapeNotVerified */ $maxQueryLength ?>"
                                   data-validate="{number:true, 'greater-than-equals-to':'#<?= /* @escapeNotVerified */ $_code ?>'}" />
                        </div>
                    </div>
                </div>
                <?php break;
                case 'price': ?>
                <div class="range price fields group group-2">
                    <div class="field no-label">
                        <div class="control">
                            <input name="<?= /* @escapeNotVerified */ $_code ?>[from]"
                                   value="<?= $block->escapeHtml($block->getAttributeValue($_attribute, 'from')) ?>"
                                   id="<?= /* @escapeNotVerified */ $_code ?>"
                                   title="<?= $block->escapeHtml($block->getAttributeLabel($_attribute)) ?>"
                                   class="input-text"
                                   type="text"
                                   maxlength="<?= /* @escapeNotVerified */ $maxQueryLength ?>"
                                   data-validate="{number:true, 'less-than-equals-to':'#<?= /* @escapeNotVerified */ $_code ?>_to'}" />
                        </div>
                    </div>
                    <div class="field with-addon no-label">
                        <div class="control">
                            <div class="addon">
                                <input name="<?= /* @escapeNotVerified */ $_code ?>[to]"
                                       value="<?= $block->escapeHtml($block->getAttributeValue($_attribute, 'to')) ?>"
                                       id="<?= /* @escapeNotVerified */ $_code ?>_to"
                                       title="<?= $block->escapeHtml($block->getAttributeLabel($_attribute)) ?>"
                                       class="input-text"
                                       type="text"
                                       maxlength="<?= /* @escapeNotVerified */ $maxQueryLength ?>"
                                       data-validate="{number:true, 'greater-than-equals-to':'#<?= /* @escapeNotVerified */ $_code ?>'}" />
                                <label class="addafter"
                                       for="<?= /* @escapeNotVerified */ $_code ?>_to">
                                    <?= /* @escapeNotVerified */ $block->getCurrency($_attribute) ?>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <?php break;
                case 'select': ?>
                    <?= /* @escapeNotVerified */ $block->getAttributeSelectElement($_attribute) ?>
                <?php break;
                case 'yesno': ?>
                    <?= /* @escapeNotVerified */ $block->getAttributeYesNoElement($_attribute) ?>
                <?php break;
                case 'date': ?>
                <div class="range dates fields group group-2">
                    <div class="field date no-label">
                        <div class="control">
                            <?= /* @escapeNotVerified */ $block->getDateInput($_attribute, 'from') ?>
                        </div>
                    </div>
                    <div class="field date no-label">
                        <div class="control">
                            <?= /* @escapeNotVerified */ $block->getDateInput($_attribute, 'to') ?>
                        </div>
                    </div>
                </div>
                <?php break;
                default: ?>
                <input type="text"
                       name="<?= /* @escapeNotVerified */ $_code ?>"
                       id="<?= /* @escapeNotVerified */ $_code ?>"
                       value="<?= $block->escapeHtml($block->getAttributeValue($_attribute)) ?>"
                       title="<?= $block->escapeHtml($block->getAttributeLabel($_attribute)) ?>"
                       class="input-text <?= /* @escapeNotVerified */ $block->getAttributeValidationClass($_attribute) ?>"
                       maxlength="<?= /* @escapeNotVerified */ $maxQueryLength ?>" />
            <?php endswitch; ?>
            </div>
        </div>
    <?php endforeach; ?>
</fieldset>
<div class="actions-toolbar">
  <div class="primary">
    <button type="submit"
            class="action search primary"
            title="<?= $block->escapeHtml(__('Search')) ?>">
        <span><?= /* @escapeNotVerified */ __('Search') ?></span>
    </button>
  </div>
</div>
</form>
<script>
require([
    "jquery",
    "mage/mage",
    "mage/validation"
], function($){
    $('#form-validate').mage('validation', {
            errorPlacement: function (error, element) {
                var parent = element.parent();
                if (parent.hasClass('range')) {
                    parent.find(this.errorElement + '.' + this.errorClass).remove().end().append(error);
                } else {
                    error.insertAfter(element);
                }
            },
            messages: {
                'price[to]': {'greater-than-equals-to': '<?= /* @escapeNotVerified */ __('Please enter a valid price range.') ?>'},
                'price[from]': {'less-than-equals-to': '<?= /* @escapeNotVerified */ __('Please enter a valid price range.') ?>'}
            }
        });
});
</script>