+{{-- $__('Confirm the match') --}}
<header class="header-question">
<p class="abovetitle">{{ $__('Question').' '.($position+1).'/'.$max }} </p>
<div class="progress-container">
<span class="progress-item {{$i===$position?'active':''}}"></span>
@endfor
</div>
- <h1 id="titleQuestion">{{$question['question']}}</h1>
+
@if($data['type'] === "draganddrop")
- <h2 class="subtitle">{{$__('Use arrow keys to move the cards to the corresponding zone')}}</h2>
+ <h1 id="titleQuestion">
+ <span class="only-desktop">{{$__('Drag and drop each card in the right container')}}</span>
+ <span class="only-mobile">{{$__('Swipe up or down each card in the right container')}}></span>
+ </h1>
+ <h2 class="subtitle"
+ class="only-desktop">{{$__('Use arrow keys to move the cards to the corresponding zone')}}</h2>
+ @elseif($data['type']==='draganddropmatch')
+ <h1 id="titleQuestion">
+ {{$__('Answer the question by swiping left or right to select the most appropriate answer')}}
+ </h1>
+ <h2 class="subtitle" class="only-desktop">{{$__('When you feel the answer is appropriate, confirm the match to move on to the next question')}}</h2>
+ @else
+ <h1 id="titleQuestion">{{$question['question']}}</h1>
@endif
+
+
</header>