<input type="hidden" id="user-id-app-promo" value="{{ app.user is defined ? app.user.id :''}}" />
<input type="hidden" id="user-can-show-promotion" value="{{user_can_show_promotion }}"/>
<div id="modal-promo" class="modal fade" {{ stimulus_controller('mission--mobile') }} tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-0">
<button {{ stimulus_action('mission--mobile', 'closeWeekModal', 'click') }} type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<img data-src="https://my-flow.fr/wp-content/uploads/2025/04/popup_01.jpg" loading="lazy" alt="Téléphone" class="phone">
<div class="text-center">
<h2>Soyez encore plus productifs<br>avec notre application mobile</h2>
<p>Téléchargez l’application <strong>myFlow</strong> pour améliorer votre productivité, suivre vos projets et interagir avec nos experts, où que vous soyez.</p>
<p class="d-none d-sm-block"><span class="bold">Scannez ce code</span> pour télécharger l'application
{# <span class="name-app" {{ stimulus_target('mission--mobile', 'appName') }} >Android</span> #}
</p>
<div class="qr-code d-none d-sm-block">
<img {{ stimulus_target('mission--mobile', 'qrCodeImg') }} src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=https://app.my-flow.fr/get-myflow-mobil-application" alt="QR Code">
</div>
<a href="https://app.my-flow.fr/get-myflow-mobil-application" class="btn btn-primary d-sm-none mt-8">Télécharger l'application</a>
<div class="links">
{# <a href="#" {{ stimulus_target('mission--mobile', 'platformToggle') }} {{ stimulus_action('mission--mobile', 'togglePlatform', 'click') }}>Je fonctionne sur <span class="name-app-init">iOS</span></a> #}
<a href="{{ path('app_promotion_refuse_modal') }}" class="closed" data-dismiss="modal" aria-label="Close">Ne plus voir ce message</a>
</div>
</div>
</div>
</div>
</div>
</div>