{{#location}}
	
            <div class="row  pt-3 pb-3 locationreihe {{#if (mod marker 2)}}odd{{else}}even{{/if}}">
                <div class="col-12 align-self-start justify-content-left">
            
            
                    <div class="col princess font-weight-bold cursorpointer"
                    onclick="toggleCollapseText('collapse_{{marker}}');"
                    data-toggle="collapse"
                    href="#terminCollapse_{{marker}}"
                    role="button"
                    aria-expanded="false"
                    aria-controls="terminCollapse"
                    >{{city}} {{datumsanzeige_praeposition}}<i class="fas fa-calendar-alt ml-2"></i>
                        {{datumsanzeige}}</div>
                    <div class="col"><i class="mr-2 fas fa-home"></i>{{address}}</div>
                    {{#if distance}}
                    <div class="col"><i class="mr-2 fas fa-road"></i>ca. {{distance}} {{length}} (<a href="https://maps.google.com/maps?saddr={{origin}}&amp;daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank">Wegbeschreibung
                            anzeigen</a>)</div>
                    {{/if}}
                    {{#if future}}
                    <div class="col"><i class="mr-2 fas fa-ticket-alt"></i><a data-toggle="collapse"
                            id="collapse_{{marker}}"
                            href="#terminCollapse_{{marker}}"
                            role="button"
                            aria-expanded="false"
                            aria-controls="terminCollapse"
                            class="underlined"
                            onclick="toggleCollapseText('collapse_{{marker}}');"
                            data-textcollapsed="Verfügbare Tickets jetzt anzeigen"
                            data-textexpanded="Ticketliste ausblenden">Verfügbare Tickets jetzt anzeigen</a></div>
					{{else}}
					<div class="col"><i class="mr-2 fas"></i>hier waren wir schon, zuletzt am {{datum}}</div>
                    {{/if}}
                </div>
            </div>
           {{#if future}}            
	        <!-- #### -->
	            <div class="collapse" id="terminCollapse_{{marker}}">
	                <div class="row p-2">            
	                {{assign 'theVar' '<leer>'}}
	                {{#each workshops as |w|}}
	                {{#if (ne @root.theVar w.datum)}}
	                {{assign 'theVar' w.datum}}
	                
	                    <div class="w-100">
	                    		    <div class="col princess font-weight-bold wochentag"><i class="fas fa-calendar-alt mr-2"></i>{{w.wochentag}}, {{w.datum}}</div>
			                        <div class="d-flex justify-content-start flex-wrap">									
                    {{/if}}
	                            <div class="flex-item  {{#if (lte w.freieplaetze 0)}}disabled{{else}}princess{{/if}} cursorpointer">
	                                {{#if (gt w.freieplaetze 0)}}
	                                	<div class="workshop" onclick="$(this).closest('.workshop').find('.modal').modal();">
	                                	
											<!-- Modal Auswahl Anzahl Teilnehmer -->
											<form method="POST" action="{{w.anmeldelink}}">
											<input type="hidden" name="workshopid" value="{{workshop_id}}" />
											<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
											  <div class="modal-dialog" role="document">
											    <div class="modal-content">
											      <div class="modal-header">
											        <h5 class="modal-title princessgold" id="exampleModalLabel">{{w.workshopart}}-Event am {{w.datum}}<br />{{w.von}} bis ca. {{w.bis}} Uhr</h5>
											      </div>
											      <div class="modal-body">
											 		
													
													
													<div class="form-group">
													    <label for="exampleFormControlSelect1">Wie viele Teilnehmer:Innen möchten Sie zum <b>{{w.workshopart}}</b>-Event anmelden?</label>
													    <select class="form-control" id="exampleFormControlSelect1" name="anzahl" class="selectWithMessage" onchange="anzahlSelectChanged(this);">
															<option value="1" {{#if (lt w.freieplaetze 1)}} disabled{{/if}}>1 Teilnehmer:In{{#if (lt w.freieplaetze 1)}} (ausgebucht){{/if}}</option>
															<option value="2" {{#if (lt w.freieplaetze 2)}} disabled{{/if}}>2 Teilnehmer:Innen{{#if (lt w.freieplaetze 2)}} (ausgebucht){{/if}}</option>
															<option value="3" {{#if (lt w.freieplaetze 3)}} disabled{{/if}}>3 Teilnehmer:Innen{{#if (lt w.freieplaetze 3)}} (ausgebucht){{/if}}</option>
															<option value="4" {{#if (lt w.freieplaetze 4)}} disabled{{/if}}>4 Teilnehmer:Innen{{#if (lt w.freieplaetze 4)}} (ausgebucht){{/if}}</option>
															<option value="5" {{#if (lt w.freieplaetze 5)}} disabled{{/if}}>5 Teilnehmer:Innen{{#if (lt w.freieplaetze 5)}} (ausgebucht){{/if}}</option>
															<option value="5" {{#if (lt w.freieplaetze 6)}} disabled{{/if}} data-title="Anmeldung mehrerer Teilnehmer:Innen" data-message="Wenn Sie mehr als 5 Teilnehmer:Innen anmelden möchten, bitten wir Sie mehrere Anmeldungen zu je max. 5 Teilnehmer:Innen vorzunehmen.">6 oder mehr Teilnehmer:Innen{{#if (lt w.freieplaetze 6)}} (ausgebucht){{/if}}</option>
													    </select>
													  </div>
														
											      </div>
											      <div class="modal-footer">
											        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
											        <button type="submit" class="btn btn-primary pfod-bg" onclick="$(this).text('Bitte warten...'); $(this).addClass('disabled');">Weiter</button>
											      </div>
											    </div>
											  </div>
											</div>
											</form>
											<!-- /Modal -->		                                	
	                                
	                                    <div>{{w.von}}</div>
	                                    <div class="workshopart">{{w.workshopart}}</div>
	                                    <div>€ {{w.preis}}</div>
	                                    <div>
	                                    {{#if (gt w.freieplaetze 5)}}&gt; 5 Tickets verfügbar
	                                    {{else if (gt w.freieplaetze 4)}}5 Tickets verfügbar
	                                    {{else if (gt w.freieplaetze 3)}}4 Tickets verfügbar
	                                    {{else if (gt w.freieplaetze 4)}}3 Tickets verfügbar
	                                    {{else if (gt w.freieplaetze 1)}}2 Tickets verfügbar
	                                    {{else}}1 Ticket verfügbar!
	                                    {{/if}}
	                                    </div>	                                	
	                                	
	                                	
	                                {{else}}
	                                	<!-- !gt frei 0 ({{w.freieplaetze}}) -->
	                                	<div class="workshop" onclick="window.location = 'https://princess-for-one-day.com/de/buchung/location/warteliste/{{workshop_id}}';">
	                                	
										                              	
	                                    <div>{{w.von}}</div>
	                                    <div>ausverkauft</div>
	                                    <div>in Warteliste eintragen</div>	                                	
	                                {{/if}}

	                                </div>
	                            </div><!-- /flex-item princess -->
					{{/each}}							
        					</div><!-- /d-flex justify-content-start flex-wrap -->
	                    </div><!-- /w-100 -->
	                </div>	<!-- /row p-2 -->
	            </div><!-- /collapse -->
	            <!-- #### -->
			{{else}}
				            
            {{/if}}
	
{{/location}}