<div class="quiqqer-customer-administration-filter">
</div>
<div class="quiqqer-customer-administration-search">
    <form name="customer-search">
        <label style="display: inline-block; float: left;">
            <input type="search"
                   name="search"
                   placeholder="{{searchPlaceholder}}"
            />
            <input type="submit"
                   name="submit"
                   value="{{search}}"
                   class="qui-button"
            />
        </label>

        <button class="qui-button" name="filter">
            <span class="fa fa-filter"></span>
        </button>

        <div class="quiqqer-customer-administration-search-filter" style="display: none">
            <section class="quiqqer-customer-administration-search-filter-checks">
                <span class="title">{{title}}:</span>

                <label>
                    <input type="checkbox" name="userId"/>
                    <span>{{userId}}</span>
                </label>

                <label>
                    <input type="checkbox" name="username"/>
                    <span>{{username}}</span>
                </label>

                <label>
                    <input type="checkbox" name="firstname"/>
                    <span>{{firstname}}</span>
                </label>

                <label>
                    <input type="checkbox" name="lastname"/>
                    <span>{{lastname}}</span>
                </label>

                <label>
                    <input type="checkbox" name="email"/>
                    <span>{{email}}</span>
                </label>

                <label>
                    <input type="checkbox" name="group"/>
                    <span>{{group}}</span>
                </label>
            </section>

            <section class="quiqqer-customer-administration-search-filter-specs">
                <span class="title">{{c_date}}</span>

                <label>
                    <span>{{from}}</span>
                    <input type="date" name="registration-from"/>
                </label>

                <label>
                    <span>{{to}}</span>
                    <input type="date" name="registration-to"/>
                </label>
            </section>
        </div>
    </form>
</div>
<div class="quiqqer-customer-administration-grid"></div>
