<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:cal="http://typo3.org/ns/Ig/IgReservations/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
  <div>
    <f:form.hidden name="date" value="{date->f:format.date(format: 'Y-m-d')}" />
    <f:form.hidden name="timeslot" value="{timeslot.uid}" />
    <f:form.hidden name="calendar" value="{calendar.uid}" />
  </div>
  <f:if condition="{bookingTypes}">
    <div class="ym-g100 ig-inline fancyInput">
      <div class="ig-radio">
        <f:for each="{bookingTypes}" as="bookingType">
          <div class="radioInline">
            <label for="bookingTypeRequest">
              <f:form.radio id="bookingTypeRequest" errorClass="error" property="event.bookingType" value="{bookingType}" />
              <span>{bookingType.name}</span>
            </label>
          </div>
        </f:for>
      </div>
    </div>
  </f:if>
  <div class="ym-g100 ig-inline fancyInput">
    <div class="selectIeFix">
      <f:form.select errorClass="error" property="event.status" options="{statusses}" optionLabelField="name" required="true" prependOptionLabel="{f:translate(key: 'tx_igreservations_domain_model_event.status')} *" prependOptionValue="" />
    </div>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <div class="selectIeFix">
      <f:form.select errorClass="error" property="event.category" options="{categories}" optionLabelField="name" required="true" prependOptionLabel="{f:translate(key: 'tx_igreservations_domain_model_event.category')} *" prependOptionValue="" />
    </div>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement form-control" type="number" errorClass="error" property="event.numParticipants" additionalAttributes="{min: settings.minParticipants, max: settings.maxParticipants}" placeholder=" " />
    <label class="control-label" for="numParticipants">
      <f:translate key="tx_igreservations_domain_model_event.num_participants" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <div class="selectIeFix">
      <f:form.select class="address-field" errorClass="error" property="salutation"
        options="{1: '{f:translate(key: \'tx_igreservations_domain_model_address.salutation.1\')}', 2: '{f:translate(key: \'tx_igreservations_domain_model_address.salutation.2\')}'}"
        prependOptionLabel="{f:translate(key: 'tx_igreservations_domain_model_address.salutation')}" prependOptionValue="" />
    </div>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="firstName" placeholder=" " />
    <label class="control-label" for="firstName">
      <f:translate key="tx_igreservations_domain_model_address.first_name" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="lastName" placeholder=" " />
    <label class="control-label" for="lastName">
      <f:translate key="tx_igreservations_domain_model_address.last_name" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="company" placeholder=" " />
    <label class="control-label" for="company">
      <f:translate key="tx_igreservations_domain_model_address.company" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="address" placeholder=" " />
    <label class="control-label" for="address">
      <f:translate key="tx_igreservations_domain_model_address.address" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="zip" placeholder=" " />
    <label class="control-label" for="zip">
      <f:translate key="tx_igreservations_domain_model_address.zip" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="city" placeholder=" " />
    <label class="control-label" for="city">
      <f:translate key="tx_igreservations_domain_model_address.city" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="email" placeholder=" " />
    <label class="control-label" for="email">
      <f:translate key="tx_igreservations_domain_model_address.email" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textfield class="fancyElement address-field form-control" errorClass="error" property="phone" placeholder=" " />
    <label class="control-label" for="phone">
      <f:translate key="tx_igreservations_domain_model_address.phone" />
    </label>
  </div>
  <div class="ym-g100 ig-inline fancyInput">
    <f:form.textarea class="fancyElement form-control" errorClass="error" property="event.notes" placeholder=" " />
    <label class="control-label" for="notes">
      <f:translate key="tx_igreservations_domain_model_event.notes" />
    </label>
  </div>
</html>