<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:section name="content">
    <div class="row">
        <div class="col-12 mb-5">
            <f:form action="list" controller="Date" pluginName="DateList" method="post" id="events_search" name="search" object="{demand}">
                <div class="row">
                    <div class="col-12 col-md-12 col-lg-6">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="searchword"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.searchword" /></label>
                                    <f:form.textfield type="text" class="form-control" id="searchword" property="searchword" value="{searchword}" />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col col-md-6">
                                <div class="form-group">
                                    <label for="start"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_from" /></label>
                                    <f:form.textfield type="date" class="form-control" id="start" property="start" />
                                </div>
                            </div>
                            <div class="col col-md-6">
                                <div class="form-group">
                                    <label for="end"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_to" /></label>
                                    <f:form.textfield type="date" class="form-control" id="end" property="end" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-6 d-none d-lg-block">
                        <f:if condition="{settings.showRegions}">
                            <div class="row mt-3">
                                <div class="col-4 col-md-4 col-lg-4">
                                    <div class="form-check">
                                        <f:form.radio class="form-check-input" property="region" id="radio_0" value="" />
                                        <label class="form-check-label" for="radio_0"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.regions" /></label>
                                    </div>
                                </div>

                                <f:for each="{regions}" as="region">
                                    <div class="col-4">
                                        <div class="form-check">
                                            <f:form.radio class="form-check-input" property="region" value="{region.uid}" id="radio_{region.uid}"/>
                                            <label class="form-check-label" for="radio_{region.uid}">{region.title}</label>
                                        </div>
                                    </div>
                                </f:for>
                            </div>
                        </f:if>
                    </div>
                </div>

                <f:if condition="{categories}">
                    <div class="row mt-lg-4 mb-lg-4">
                        <f:for each="{categories}" as="category">
                            <div class="col-3 d-none d-lg-block">
                                <div class="form-check">
                                    <f:form.checkbox class="form-check-input" property="userCategories" value="{category.uid}" id="check_{category.uid}"/>
                                    <label class="form-check-label" for="check_{category.uid}">{category.title} {category.amountOfEvents}</label>
                                </div>
                            </div>
                        </f:for>
                    </div>
                </f:if>

                <div class="form-group mt-3">
                    <f:form.submit value="{f:translate(key: 'LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.search')}" class="btn btn-primary" />
                </div>
            </f:form>
        </div>
    </div>
</f:section>
</html>