{{-- Tutorial selectTemplate textbox--}}
<div id="selectTemplate_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.selectTemplate.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.selectTemplate.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial someDetail textbox--}}
<div id="someDetail_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.someDetail.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.someDetail.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial sendEmail textbox--}}
<div id="sendEmail_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.sendEmail.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.sendEmail.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial contractSended textbox --}}
<div id="contractSended_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.contractSended.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.contractSended.description') }}</p>
    <div class="d-flex row justify-content-center">
    <button onclick="$('#contractSended_TutorialTextBox').hide();" type="button" class="btn btn-secondary float-right contractSended_TutorialNextButton" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.nextButton') }}</button>
    </div>
</div>

{{-- Tutorial go to contracts textbox --}}
<div id="goToContracts_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.goToContracts.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.goToContracts.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial select contract textbox --}}
<div id="selectContract_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.selectContract.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.selectContract.description') }}</p>
    <button onclick="$('#selectContract_TutorialTextBox').hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial contract preview textbox --}}
<div id="previewContract_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.previewContract.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.previewContract.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial sign the contract textbox --}}
<div id="signContract_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.signContract.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.signContract.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial ready contract textbox --}}
<div id="readyContract_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.readyContract.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.readyContract.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial write it on the blockchain textbox --}}
<div id="writeItOn_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.writeItOn.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.writeItOn.description') }}</p>
    <button onclick="$(this).parent().hide();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- Tutorial write it on the blockchain textbox --}}
<div id="downloadContract_TutorialTextBox" class="tutorialDetails p-3 d-none" style="">
    <h3 style="color: #fff">{{ __('onboarding.tour.downloadContract.title') }}</h3>
    <p style="color: #fff;">{{ __('onboarding.tour.downloadContract.description') }}</p>
    <button onclick="$(this).parent().hide(); exitTour();" type="button" class="btn btn-secondary float-right" style="background-color: #fff; box-shadow: none !important; border: none; padding-top: 5px; padding-bottom: 5px; border-radius: 0px !important">{{ __('onboarding.tour.GotItButton') }}</button>
</div>

{{-- A háttérben ez jelenik meg, amire kattintva a felhasználó ki tud lépni a tutorialból --}}
<div id="close_tutorialDiv" class="d-none" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0); pointer-events: auto;" data-toggle="modal" data-target="#exitTour" onclick="$('#exitTour').modal('toggle')"></div>