<div>

    <script type="text/template" id="forminator-new-form-tpl">

        <div id="forminator-new-form-name" class="wpmudev-cform--name">

            <label class="wpmudev-label">{{Forminator.l10n.popup.form_name_label}}</label>
            <input type="text" placeholder="{{Forminator.l10n.popup.form_name_placeholder}}" class="wpmudev-create-form-field wpmudev-input">

            <label id="forminator-validate-name" class="wpmudev-label--notice" style="display: none;"><span>{{ Forminator.l10n.popup.validate_form_name }}</span></label>

        </div>

    </script>

    <script type="text/template" id="forminator-new-form-template-list-tpl">

        <div id="forminator-new-form-type" class="wpmudev-cform--templates">

            <div class="wpmudev-templates--wrapper">

                {[ _.each(templates, function(template){ ]}

                <div id="" class="wpmudev-template--type" data-template="{{template.options.id}}">

                    <div class="wpmudev-type--header">

                        <div class="wpmudev-header--icon">{{template.options.icon}}</div>

                        <div class="wpmudev-header--text">
                            <h3 class="wpmudev-title">{{template.options.name}}</h3>
                        </div>

                    </div>

                    <div class="wpmudev-type--section">
                        <p>{{template.options.description}}</p>
                    </div>

                </div>

                {[ }); ]}

            </div>

        </div>

    </script>

    <script type="text/template" id="forminator-new-form-tpl">

        <div id="forminator-new-form-name" class="wpmudev-create--name">

            <label class="wpmudev-label">{{Forminator.l10n.popup.form_name_label}}</label>

            <input type="text" placeholder="{{Forminator.l10n.popup.form_name_placeholder}}" class="wpmudev-input">

        </div>

    </script>

    <script type="text/template" id="forminator-login-popup-tpl">

        <div class="wpmudev-row">

            <div class="wpmudev-col col-12 col-sm-6">

                <a class="wpmudev-popup--logreg" href="{{ loginUrl }}">

                    <div class="wpmudev-logreg--header">

                        <span class="wpdui-icon wpdui-icon-key"></span>

                        <h3 class="wpmudev-logreg--title">{{ Forminator.l10n.login.login_label }}</h3>

                    </div>

                    <div class="wpmudev-logreg--section">

                        <p class="wpmudev-logreg--description">{{ Forminator.l10n.login.login_description }}</p>

                        <div class="wpmudev-logreg--image">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                 width="110" height="140" viewBox="0 0 110 140" preserveAspectRatio="none"
                                 class="wpmudev-svg-login">
                                <defs>
                                    <path id="b" d="M0 40h100v94H0z"/>
                                    <filter id="a" width="116%" height="117%" x="-8%" y="-7.4%"
                                            filterUnits="objectBoundingBox">
                                        <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
                                        <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1"
                                                        stdDeviation="2.5"/>
                                        <feColorMatrix in="shadowBlurOuter1"
                                                       values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
                                    </filter>
                                    <path id="c" d="M10 112h6v6h-6z"/>
                                    <path id="d" d="M10 90h80v15H10z"/>
                                    <path id="e" d="M10 60h80v15H10z"/>
                                </defs>
                                <g fill="none" fill-rule="evenodd" transform="translate(5)">
                                    <use fill="#000" filter="url(#a)" xlink:href="#b"/>
                                    <use fill="#FFF" xlink:href="#b"/>
                                    <rect width="22" height="12" x="68" y="112" fill="#0472AC" rx="3"/>
                                    <path fill="#808285" d="M19 114h26v2H19z"/>
                                    <use fill="#FBFBFB" xlink:href="#c"/>
                                    <path stroke="#E1E1E1" d="M10.5 112.5h5v5h-5z"/>
                                    <use fill="#FBFBFB" xlink:href="#d"/>
                                    <path stroke="#E1E1E1" d="M10.5 90.5h79v14h-79z"/>
                                    <path fill="#808285" d="M10 85h26v2H10z"/>
                                    <use fill="#FBFBFB" xlink:href="#e"/>
                                    <path stroke="#E1E1E1" d="M10.5 60.5h79v14h-79z"/>
                                    <path fill="#808285" d="M10 55h50v2H10z"/>
                                    <circle cx="50" cy="15" r="15" fill="#0272AC"/>
                                </g>
                            </svg>
                        </div>

                    </div>

                </a>

            </div>

            <div class="wpmudev-col col-12 col-sm-6">

                <a class="wpmudev-popup--logreg" href="{{ registerUrl }}">

                    <div class="wpmudev-logreg--header">

                        <span class="wpdui-icon wpdui-icon-profile-female"></span>

                        <h3 class="wpmudev-logreg--title">{{ Forminator.l10n.login.registration_label }}</h3>

                    </div>

                    <div class="wpmudev-logreg--section">

                        <p class="wpmudev-logreg--description">{{ Forminator.l10n.login.registration_description }}</p>

                        <div class="wpmudev-logreg--image">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                 width="183" height="97" viewBox="0 0 183 97" preserveAspectRatio="none"
                                 class="wpmudev-svg-registration">
                                <defs>
                                    <path id="a" d="M0 58h183v15H0z"/>
                                    <path id="b" d="M0 23h183v15H0z"/>
                                </defs>
                                <g fill="none" fill-rule="evenodd">
                                    <rect width="50" height="14" y="83" fill="#353535" rx="3"/>
                                    <path fill="#FBFBFB" stroke="#E1E1E1" d="M.5 58.5h182v14H.5z"/>
                                    <path fill="#808285" d="M0 51h40v2H0z"/>
                                    <path fill="#FBFBFB" stroke="#E1E1E1" d="M.5 23.5h182v14H.5z"/>
                                    <path fill="#808285" d="M0 16h40v2H0z"/>
                                    <path fill="#353535" d="M0 0h120v6H0z"/>
                                </g>
                            </svg>
                        </div>

                    </div>

                </a>

            </div>

        </div>
    </script>

    <script type="text/template" id="forminator-quizzes-popup-tpl">

        <div class="wpmudev-row">

            <div class="wpmudev-col col-12 col-sm-6">

                <a class="wpmudev-quiz--type" href="{{ nowrongUrl }}">

                    <div class="wpmudev-quiztype--header">

                        <div class="wpmudev-quiztype--icon" aria-hidden="true"><span
                                class="wpdui-icon wpdui-icon-like"></span></div>

                        <h3 class="wpmudev-quiztype--title">{{ Forminator.l10n.quizzes.nowrong_label }}</h3>

                    </div>

                    <div class="wpmudev-quiztype--section">

                        <p class="wpmudev-quiztype--text">{{ Forminator.l10n.quizzes.nowrong_description }}</p>

                    </div>

                </a>

            </div>

            <div class="wpmudev-col col-12 col-sm-6">

                <a class="wpmudev-quiz--type" href="{{ knowledgeUrl }}">

                    <div class="wpmudev-quiztype--header">

                        <div class="wpmudev-quiztype--icon" aria-hidden="true"><span
                                class="wpdui-icon wpdui-icon-academy"></span></div>

                        <h3 class="wpmudev-quiztype--title">{{ Forminator.l10n.quizzes.knowledge_label }}</h3>

                    </div>

                    <div class="wpmudev-quiztype--section">

                        <p class="wpmudev-quiztype--text">{{ Forminator.l10n.quizzes.knowledge_description }}</p>

                    </div>

                </a>

            </div>

        </div>

    </script>
	
    <script type="text/template" id="forminator-exports-schedule-popup-tpl">
        <form method="post">
			<div class="wpmudev-toggle">
				<div class="wpmudev-toggle--design wpmudev-switch-normal">
					<input type="checkbox" class="forminator-field-singular" id="forminator-enable-scheduled-exports" name="enabled" value="true" title="Enable scheduled exports">
					<label for="forminator-enable-scheduled-exports" class="wpmudev-label-container"></label>
				</div>
				<label for="forminator-enable-scheduled-exports" class="wpmudev-toggle--label wpmudev-label-container">Enable scheduled exports</label>
			</div>
			
            <div class="wpmudev-box-gray">

                <div id="forminator-export-schedule-timeframe" class="wpmudev-row">

                    <div class="wpmudev-col col-12 col-md-4">

                        <label class="wpmudev-label">{{ Forminator.l10n.popup.frequency }}</label>

                        <select name="interval" class="wpmudev-select">
                            <option value="daily">{{ Forminator.l10n.popup.daily }}</option>
                            <option value="weekly">{{ Forminator.l10n.popup.weekly }}</option>
                            <option value="monthly">{{ Forminator.l10n.popup.monthly }}</option>
                        </select>

                    </div>

                    <div class="wpmudev-col col-12 col-md-4">

                        <label class="wpmudev-label">{{ Forminator.l10n.popup.week_day }}</label>

                        <select name="day" class="wpmudev-select">
                            <option value="mon">{{ Forminator.l10n.popup.monday }}</option>
                            <option value="tue">{{ Forminator.l10n.popup.tuesday }}</option>
                            <option value="wed">{{ Forminator.l10n.popup.wednesday }}</option>
                            <option value="thu">{{ Forminator.l10n.popup.thursday }}</option>
                            <option value="fri">{{ Forminator.l10n.popup.friday }}</option>
                            <option value="sat">{{ Forminator.l10n.popup.saturday }}</option>
                            <option value="sun">{{ Forminator.l10n.popup.sunday }}</option>
                        </select>

                    </div>

                    <div class="wpmudev-col col-12 col-md-4">

                        <label class="wpmudev-label">{{ Forminator.l10n.popup.day_time }}</label>

                        <select name="hour" class="wpmudev-select">
                            <option value="00:00">12:00 AM</option>
                            <option value="01:00">01:00 AM</option>
                            <option value="02:00">02:00 AM</option>
                            <option value="03:00">03:00 AM</option>
                            <option value="04:00">04:00 AM</option>
                            <option value="05:00">05:00 AM</option>
                            <option value="06:00">06:00 AM</option>
                            <option value="07:00">07:00 AM</option>
                            <option value="08:00">08:00 AM</option>
                            <option value="09:00">09:00 AM</option>
                            <option value="10:00">10:00 AM</option>
                            <option value="11:00">11:00 AM</option>
                            <option value="12:00">12:00 PM</option>
                            <option value="13:00">01:00 PM</option>
                            <option value="14:00">02:00 PM</option>
                            <option value="15:00">03:00 PM</option>
                            <option value="16:00">04:00 PM</option>
                            <option value="17:00">05:00 PM</option>
                            <option value="18:00">06:00 PM</option>
                            <option value="19:00">07:00 PM</option>
                            <option value="20:00">08:00 PM</option>
                            <option value="21:00">09:00 PM</option>
                            <option value="22:00">10:00 PM</option>
                            <option value="23:00">11:00 PM</option>
                        </select>

                    </div>

                </div>

                <div id="forminator-export-schedule-email" class="wpmudev-row">

                    <div class="wpmudev-col col-12">

                        <label class="wpmudev-label">{{ Forminator.l10n.popup.email_to }}</label>

                        <input type="email" name="email" class="wpmudev-input"
                               value="{{ Forminator.l10n.exporter.email }}" placeholder="{{ Forminator.l10n.popup.email_placeholder }}">

                        <label class="wpmudev-helper">{{ Forminator.l10n.popup.schedule_help }}</label>

                        <input type="hidden" name="form_id" value="{{ Forminator.l10n.exporter.form_id }}"/>
                        <input type="hidden" name="form_type" value="{{ Forminator.l10n.exporter.form_type }}"/>
                        <input type="hidden" name="action" value="forminator_export_entries"/>

                    </div>
                    
                </div>
            </div>
			<button type="submit" class="wpmudev-button wpmudev-button-blue">{{ Forminator.l10n.popup.save_changes }}</button>
        </form>
    </script>

    <script type="text/template" id="forminator-new-form-popup-tpl">

        <div class="wpmudev-box--congrats">

            <div class="wpmudev-congrats--image"></div>

            <div class="wpmudev-congrats--message">

                <p><strong>{{ title }}</strong> {{ Forminator.l10n.popup.is_ready }}<br/>
					{{ Forminator.l10n.popup.new_form_desc }}</p>
					
            </div>

		</div>
		
	</script>
	
    <script type="text/template" id="forminator-delete-popup-tpl">

		<p>{{ Forminator.l10n.popup.cannot_be_reverted }}</p>
	
		<form method="post">
			<input type="hidden" name="formninator_action" value="delete">
			<input type="hidden" name="id" value="{{ id }}">
			<input type="hidden" id="forminatorNonce" name="forminatorNonce" value="{{ nonce }}">
			<input type="hidden" name="_wp_http_referer" value="{{ referrer }}">	
			<button type="submit" class="wpmudev-button wpmudev-button-red forminator-delete-module-confirm">{{ Forminator.l10n.popup.delete }}</button>
			<button type="button" class="wpmudev-button wpmudev-button-blue forminator-delete-module-cancel">{{ Forminator.l10n.popup.cancel }}</button>
		</form>
	
	</script>

    <script type="text/template" id="forminator-confirmation-popup-tpl">

        <p>{{ confirmation_message }}</p>

        <form method="post">
            <button type="button" class="wpmudev-button wpmudev-button-red popup-confirmation-confirm">{{ Forminator.l10n.popup.delete }}</button>
            <button type="button" class="wpmudev-button wpmudev-button-blue popup-confirmation-cancel">{{ Forminator.l10n.popup.cancel }}</button>
        </form>

    </script>
	
</div>
