<div id="choice-welcome-text" ng-if="titles.WELCOME_DESCRIP"><span ng-bind-html='titles.WELCOME_DESCRIP | sep2br'></span></div>
<div id="rdv-btn" ng-touchstart="goToNextScreen(1)" data-effect="true" ng-if="caisse.config.choices.RDV">
	<img src="/siege/assets/img/icons/borne/choice-page/rdv.png"/>
	<span ng-bind-html='titles.CHOICES_RDV | sep2br'></span>
</div>
<div id="srdv-btn" ng-touchstart="goToNextScreen(0)" data-effect="true" ng-if="caisse.config.choices.SRDV">
	<img src="/siege/assets/img/icons/borne/choice-page/srdv.png"/>
	<span ng-bind-html='titles.CHOICES_SRDV | sep2br'></span>
</div>
<div class="choice-btn" ng-if="caisse.siteMap.length" id="site-map-btn" ng-class="{'large-site-map-btn':caisse.events.length == 0}" ng-touchstart="goToNextScreen(3)" data-effect="true">
	<img src="/siege/assets/img/icons/borne/choice-page/siteMap.png"/>
	<span ng-bind-html='titles.CHOICES_SITE_MAP | sep2br'></span>
</div>
<div class="choice-btn" id="event-btn" ng-class="{'large-event-btn':caisse.siteMap.length == 0}" ng-touchstart="goToNextScreen(4)" ng-if="caisse.events.length" data-effect="true">
	<img src="/siege/assets/img/icons/borne/choice-page/event.png"/>
	<span ng-bind-html='titles.CHOICES_EVENT | sep2br'></span>
</div>
<div class="choice-btn" id="ship-btn" ng-touchstart="goToNextScreen(5)" data-effect="true" ng-class="{'large-ship-btn':(caisse.events.length == 0 || caisse.siteMap.length == 0) && !(caisse.events.length == 0 && caisse.siteMap.length == 0), 'centered':caisse.events.length == 0 && caisse.siteMap.length == 0}">
	<img src="/siege/assets/img/icons/borne/choice-page/ship.png"/>
	<span ng-bind-html='titles.CHOICES_SHIP | sep2br'></span>
</div>