<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 class="wpmudev-toggle--box wpmudev-is_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">Day of the month</label>

							<select name="month_day" class="wpmudev-select">
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
								<option value="29">29</option>
								<option value="30">30</option>
								<option value="31">31</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>

			</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>
