{namespace site=Smply\SiteProvider\ViewHelpers}
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers">
  <f:section name="main">
    <script>window.SGContactSectors=<f:render section="sectorarray" arguments="{sectors: allSectors}" />;</script>
    <div class="container">
			<div class="row sg-contact">
				<div class="col-md-8 col-md-offset-2">
					<h1>Ansprechpartnersuche</h1>
					<f:form method="POST" name="sg_contact_autocomplete">
						<f:form.textfield id="sg-contact-autocomplete" name="sector" class="form-control" placeholder="Geben Sie Ihre Straße ein" />
					</f:form>
					<f:if condition="{requestSent}">
						<f:then>
							<f:if condition="{resultCount} > 0">
								<f:then>
									<f:for each="{selectedSector.responsibilities}" as="responsibility" iteration="iResponsibility">
										<h1>{responsibility.role.caption}</h1>
										<f:render partial="ItemHorizontal" arguments="{person: responsibility.person}" section="main" />
									</f:for>
								</f:then>
								<f:else>
									<div class="margin-top">
										<div class="alert alert-danger">
											<p><b>Keine Ergebnisse:</b> Für Ihre Adresse „<b>{selectedSector.street} {selectedSector.housenumber}, {selectedSector.zip} {selectedSector.city}</b>“ konnten wir leider keine Ansprechpartner finden.</p>
										</div>
									</div>
								</f:else>
							</f:if>
						</f:then>
					</f:if>
				</div>
			</div>
		</div>

  </f:section>

  <f:section name="sectorarray"><v:format.eliminate unixBreaks="1" windowsBreaks="1" tabs="1">[<f:for each="{sectors}" as="sector" iteration="sectorsIterator"><f:format.raw>{</f:format.raw>label:'{sector.street} {sector.housenumber}, {sector.zip} {sector.city}',value:'{sector.uid}'<f:format.raw>}</f:format.raw><f:if condition="{sectorsIterator.isLast}"><f:else>,</f:else></f:if></f:for>]</v:format.eliminate></f:section>
</div>