<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>
    <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">
      <label for="numParticipants">
	<f:translate key="tx_igreservations_domain_model_event.num_participants" />
      </label>
      <f:form.textfield class="fancyElement" type="number" errorClass="error" property="event.numParticipants" additionalAttributes="{min: settings.minParticipants, max: settings.maxParticipants}" />
    </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">
      <label for="firstName">
	<f:translate key="tx_igreservations_domain_model_address.first_name" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="firstName" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="lastName">
	<f:translate key="tx_igreservations_domain_model_address.last_name" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="lastName" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="company">
	<f:translate key="tx_igreservations_domain_model_address.company" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="company" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="address">
	<f:translate key="tx_igreservations_domain_model_address.address" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="address" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="zip">
	<f:translate key="tx_igreservations_domain_model_address.zip" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="zip" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="city">
	<f:translate key="tx_igreservations_domain_model_address.city" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="city" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="email">
	<f:translate key="tx_igreservations_domain_model_address.email" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="email" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="phone">
	<f:translate key="tx_igreservations_domain_model_address.phone" />
      </label>
      <f:form.textfield class="fancyElement address-field" errorClass="error" property="phone" />
    </div>
    <div class="ym-g100 ig-inline fancyInput">
      <label for="notes">
	<f:translate key="tx_igreservations_domain_model_event.notes" />
      </label>
      <f:form.textarea class="fancyElement" errorClass="error" property="event.notes" />
    </div>
  </div>

</html>
