Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$benchmark is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$hooks is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$config is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$utf8 is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$uri is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$exceptions is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$router is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$output is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$security is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$input is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$lang is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$load is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$db is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$session is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$pagination is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$upload is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$form_validation is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$email is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$phpmailer is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$encrypt is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$common_model is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$general_model is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div>
Deprecated: Constant E_STRICT is deprecated since 8.4, the error level was removed in /customers/8/1/d/realspot.eu/httpd.www/realspot/system/core/Common.php on line 477
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$login_model is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 791</p>

</div><!DOCTYPE html lang="en">

    <head>
    <!-- Author Meta -->
    <meta name="author" content="Realspot">
    <!-- Meta Description -->
    <meta name="description" content="">
    <!-- Meta Keyword -->
    <meta name="keywords" content="">
    <!-- meta character set -->
    <meta charset="UTF-8">
    <!-- Site Title -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>realspot.eu /
        </title>

    <!-- Favicon-->
    <link rel="shortcut icon" href="https://realspot.eu/realspot/assets/imgs/fav-icon.png" type="image/png">
    <link rel="shortcut icon" href="https://realspot.eu/realspot/assets/imgs/fav-icon.png" type="image/png">
    <meta name="robots" content="noindex, follow">
    <!-- Bootstrap core CSS -->
    <link href="https://realspot.eu/realspot/css/font-awesome.css" rel="stylesheet" type="text/css">
    <!--	<link href="-->
        <!--css/custom.css" rel="stylesheet" type="text/css">-->
    <!-- /Bootstrap core CSS -->

    <!-- simpleLogicx stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/css/bootstrap_limitless.min.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/css/layout.min.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/css/components.min.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/css/colors.min.css" rel="stylesheet" type="text/css">
    <link href="https://realspot.eu/realspot/assets/scss/realSpot.css" rel="stylesheet" type="text/css">
    <!-- /Global stylesheets -->

    <!-- SimpleLogicx Core JS files -->
    <script src="https://realspot.eu/realspot/assets/js/jquery.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/loaders/blockui.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/ui/ripple.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/ui/moment/moment.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/forms/styling/uniform.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/notifications/bootbox.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/forms/styling/switchery.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/forms/selects/select2.min.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/pickers/pickadate/picker.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/pickers/pickadate/picker.date.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/pickers/pickadate/legacy.js"></script>
    <script src="https://realspot.eu/realspot/assets/js/plugins/notifications/pnotify.min.js"></script>
    <!--<script src="assets/js/uiComponents.js"></script>-->
    <script src="https://realspot.eu/realspot/assets/js/app.js"></script>

    <!--External plugins-->
    <script src="https://realspot.eu/realspot/assets/js/plugins/pickers/gijgo-datepicker/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://realspot.eu/realspot/assets/js/plugins/pickers/gijgo-datepicker/css/gijgo.min.css" rel="stylesheet" type="text/css" />

	<script src="https://realspot.eu/realspot/assets/js/plugins/print/printThis.js"></script>
    <!--External plugins-->

    <!-- Scripts -->
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script type="text/javascript" src="https://realspot.eu/realspot/js/jquery.nicescroll.min.js"></script>
        <script>
        $(function() {
            $('.swps-links').niceScroll('.scrollable', {
                cursorcolor: '#FFF',
                cursoropacitymax: 0.7,
                touchbehavior: true,
                horizrailenabled: true
            }); // Second scrollable DIV
        });

    </script>
            <style>
.error_message {
	color: #a94442;
}
</style>
</head><body class="sidebar-xs">
<link href="https://realspot.eu/realspot/assets/css/multistep-form-wizard.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://realspot.eu/realspot/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://realspot.eu/realspot/css/bootstrap-multiselect.css" type="text/css">

<div class="subscription-page">
  <div class="page-content">
    <div class="content-wrapper">
      <div class="container-fluid"> 
        <!-- Registration form -->
        <div class="row">
          <div class="col-lg-8 offset-lg-2">
            <div class="card shadow-0 mb-0 justify-items-center border-1 border-dark-alpha">
              <div class="card-body">
                <div class="multi_step_form">
                  <form class="flex-fill" id="frm_contractid" method="post" action="https://realspot.eu/realspot/subscribeinsteps/10">
                    <section>
                      <ul id="progressbar">
                        <li class="active"><span class="spans">Gebruiker</span></li>
                        <li><span>Bedrijfsgegevens </span></li>
                        <li><span>Login</span></li>
                      </ul>
                      <hr>
                      <fieldset id="step_1">
                        <div class="mt-3">
                        <div class="row">
                                                    <div class="col-lg-4">
                            <div class="form-group">
                              <label class="font-weight-semibold">Voornaam <span class="text-danger">*</span></label>
                              <input type="text" name="first_name" id="first_name" value=""
																		class="form-control" placeholder="Jouw voornaam">
                              <span class="form-text text-danger"></span></div>
                          </div>
                          <div class="col-lg-8">
                            <div class="form-group">
                              <label class="font-weight-semibold">Naam <span class="text-danger">*</span></label>
                              <input type="text" name="last_name" id="last_name" value=""
																		class="form-control" placeholder="Jouw naam">
                              <span class="form-text text-danger"></span></div>
                          </div>
                        </div>
                        
                        <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">
                              <label class="font-weight-semibold">E-Mail <span class="text-danger">*</span></label>
                              <input type="email" name="email" id="reg_email" onblur="check_email_validation()"
																		value="" class="form-control"
																		placeholder="Een e-mailadres dat je hier nog niet gebruikt hebt">
                              <span class="form-text text-danger" id="email_error_msg"></span></div>
                          </div>
                        </div>
                        <button type="button"
															class="btn btn-primary rounded-round action-button newbutton float_right div_step_1_btn_right legitRipple"
															onclick="singup_first_button()"><span class="font-weight-semibold">Verder</span><i
																class="icon-arrow-right7 ml-1"></i></button>
                      </fieldset>
                      <fieldset id="step_2">
                        <div class="mt-3">
                          <div class="form-group">
                            <label class="font-weight-semibold">BTW-nummer</label>
                            <input class="form-control" type="text" name="vat" value="" placeholder="Geef het BTW nummer als je abonneert voor een bedrijf">
                            <label class="error_message"> </label>
                          </div>
                          <div class="form-group">
                            <label class="font-weight-semibold">Bedrijfsnaam</label>
                            <input class="form-control" type="text" name="company_name" value="" placeholder="Geef een bedrijfsnaam als je een BTW-nummer hebt opgegeven">
                            <label class="error_message"> </label>
                          </div>
                        </div>
                        <button type="button"
														class="btn btn-light rounded-round action-button previous previous_button newbutton previous legitRipple"> <i class="icon-arrow-left7 mr-1"></i><span class="font-weight-semibold"> Terug</span></button>
                        <button type="button"
														class="btn btn-primary rounded-round action-button newbutton float_right div_step_1_btn_right legitRipple"
														onclick="singup_second_button()"><span class="font-weight-semibold">Verder </span><i
															class="icon-arrow-right7 ml-1"></i></button>
                      </fieldset>
                      <fieldset id="step_3">
                        <div class="mt-3">
                          <div class="form-group">
                            <label class="font-weight-semibold">1ste maand gratis proberen, opzeg zonder kosten</label>
                          </div>
                          <div class="row plan-cards">
                                                        <div class="col-md-3  "> 
                              <!--col-sm-6 col-6-->
                              <div class="card plan-card-rs border-top-5  border-top-platinum"	onclick="upgrade_plan(6)" id="plan_free">
                                <div class="row">
                                  <div class="col-lg-12">
                                    <div class="card-body text-center">
                                      <h1 class="font-weight-bold font-size-md-rs">FREE</h1>
                                      <h4 class="font-weight-semibold"><span
																								class="font-size-lg-rs"> € 0 </span>/ maand </h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                                                        <div class="col-md-3  "> 
                              <!--col-sm-6 col-6-->
                              <div class="card plan-card-rs border-top-5  border-top-platinum"	onclick="upgrade_plan(7)" id="plan_basic">
                                <div class="row">
                                  <div class="col-lg-12">
                                    <div class="card-body text-center">
                                      <h1 class="font-weight-bold font-size-md-rs">RENTMEESTER
</h1>
                                      <h4 class="font-weight-semibold"><span
																								class="font-size-lg-rs"> € 29 </span>/ maand </h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                                                        <div class="col-md-3  "> 
                              <!--col-sm-6 col-6-->
                              <div class="card plan-card-rs border-top-5  border-top-platinum"	onclick="upgrade_plan(8)" id="plan_basic1">
                                <div class="row">
                                  <div class="col-lg-12">
                                    <div class="card-body text-center">
                                      <h1 class="font-weight-bold font-size-md-rs">RENTMEESTER+
</h1>
                                      <h4 class="font-weight-semibold"><span
																								class="font-size-lg-rs"> € 48 </span>/ maand </h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                                                        <div class="col-md-3  "> 
                              <!--col-sm-6 col-6-->
                              <div class="card plan-card-rs border-top-5  border-top-platinum"	onclick="upgrade_plan(9)" id="plan_pro">
                                <div class="row">
                                  <div class="col-lg-12">
                                    <div class="card-body text-center">
                                      <h1 class="font-weight-bold font-size-md-rs">PRO
</h1>
                                      <h4 class="font-weight-semibold"><span
																								class="font-size-lg-rs"> € 149 </span>/ maand </h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                                                        <div class="col-md-3  "> 
                              <!--col-sm-6 col-6-->
                              <div class="card plan-card-rs border-top-5 selected-rs border-top-platinum"	onclick="upgrade_plan(10)" id="plan_pro1">
                                <div class="row">
                                  <div class="col-lg-12">
                                    <div class="card-body text-center">
                                      <h1 class="font-weight-bold font-size-md-rs">PRO+</h1>
                                      <h4 class="font-weight-semibold"><span
																								class="font-size-lg-rs"> € 188 </span>/ maand </h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                                                      </div>
                          <div class="form-group">
                            <label class="font-weight-semibold">Gebruikersnaam <span class="text-danger">*</span></label>
                            <input name="nick_name" id="nick_name" onblur="check_user_name_validation()"
																value="" type="text" class="form-control"
																placeholder="Kies een gebruikersnaam">
                            <span class="form-text text-danger" id="nick_name_error"></span></div>
                          <div class="form-group">
                            <label class="font-weight-semibold">Wachtwoord <span class="text-danger">*</span></label>
                            <input type="password" name="txt_password" id="txt_password" class="form-control"
																placeholder="Een veilig paswoord">
                            <span class="form-text text-danger"></span></div>
                        </div>
                        <button type="button" id="previous_btn3"
														class="btn btn-light rounded-round action-button previous_button newbutton  legitRipple"><i
															class="icon-arrow-left7 mr-1"></i><span class="font-weight-semibold"> Terug</span> </button>
                        <button type="button"
														class="btn btn-primary rounded-round action-button newbutton float_right div_step_1_btn_right legitRipple"
														id="contract_periode_btn" onclick="submit_user_info()"><span
															class="font-weight-semibold">Aanmaken<i class="icon-arrow-right7 ml-1"></i></span></button>
                        <div class="form-group">
                          <label class="font-weight-semibold line-height-lg bottom_text">Wij vragen een kredietkaart registratie om valse accounts te vermijden.<br />Toch liever vrijblijvend? <a href='https://realspot.eu/startgratis' target='_top'>Maak een account voor 30 dagen met jouw e-mailadres, zonder kredietkaartregistratie</a>.</label>
                        </div>
                        <div class="form-group">
                          <div class="form-check">
                            <label class="form-check-label">
                              <input type="checkbox"  value="1" name="subscription" id="subscription" class="form-input-styled" checked data-fouc>
                              Ik ga akkoord met de <a href='https://realspot.eu/web/algemene-en-verkoopsvoorwaarden'>Algemene en verkoopsvoorwaarden</a> om dit platform te gebruiken. </label>
                          </div>
                          <div class="form-check">
                            <label class="form-check-label">
                              <input type="checkbox"  value="1" name="terms" id="terms" class="form-input-styled" checked data-fouc>
                              Ik ga akkoord dat het platform mij e-mails en communicaties stuurt die nodig zijn voor het goede gebruik van dit platform. Mijn gegevens worden niet gedeeld met andere platformen of voor commerciële boodschappen zonder mijn expliciet akkoord. </label>
                          </div>
                        </div>
                      </fieldset>
                    </section>
                    <!-- End Multi step form -->
                    
                    <input type="hidden" name="curr_plan_id" id="curr_plan_id" value="0"/>
                    <input type="hidden" name="new_plan_id" id="new_plan_id" value="10"/>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script> 
<script src='https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.2/js/intlTelInput.js'></script> 
<script>
	$('.form-input-styled').uniform({
		wrapperClass: 'border-indigo-600 color-primary'
	});
	
	function upgrade_plan ( plan_type ) {

		$('#new_plan_id').val(plan_type);
		if (plan_type == 6) {
			
			$('#plan_free').removeClass('unselected-rs');
			
            $('#plan_basic').removeClass('selected-rs');
            $('#plan_basic1').removeClass('selected-rs');
            $('#plan_pro').removeClass('selected-rs');
            $('#plan_pro1').removeClass('selected-rs');
            
            
			
			$('#plan_basic').addClass('unselected-rs');
			$('#plan_basic1').addClass('unselected-rs');
			$('#plan_pro').addClass('unselected-rs');
			$('#plan_pro1').addClass('unselected-rs');
			
			$('#plan_free').addClass('selected-rs');
			
			

        } else if (plan_type == 7) {
            
			$('#plan_free').removeClass('selected-rs');
            $('#plan_basic1').removeClass('selected-rs');
            $('#plan_pro').removeClass('selected-rs');
			$('#plan_pro1').removeClass('selected-rs');
			
            
            
			$('#plan_free').addClass('unselected-rs');
			$('#plan_basic1').addClass('unselected-rs');
			$('#plan_pro').addClass('unselected-rs');
			$('#plan_pro1').addClass('unselected-rs');
			
			
			$('#plan_basic').removeClass('unselected-rs');
			$('#plan_basic').addClass('selected-rs');


        } else if (plan_type == 8) {
            
			
			$('#plan_free').removeClass('selected-rs');
            $('#plan_basic').removeClass('selected-rs');
			$('#plan_pro').removeClass('selected-rs');
			$('#plan_pro1').removeClass('selected-rs');
			
			
			$('#plan_free').addClass('unselected-rs');
            $('#plan_basic').addClass('unselected-rs');
            $('#plan_pro').addClass('unselected-rs');
			$('#plan_pro1').addClass('unselected-rs');
			
			
			$('#plan_basic1').removeClass('unselected-rs');
            $('#plan_basic1').addClass('selected-rs');

        } else if (plan_type == 9) {
			
			
            $('#plan_free').removeClass('selected-rs');
            $('#plan_basic').removeClass('selected-rs');
			$('#plan_basic1').removeClass('selected-rs');
			$('#plan_pro1').removeClass('selected-rs');
			
			
			
			$('#plan_free').addClass('unselected-rs');
            $('#plan_basic').addClass('unselected-rs');
            $('#plan_basic1').addClass('unselected-rs');
			$('#plan_pro1').addClass('unselected-rs');
			
			$('#plan_pro').removeClass('unselected-rs');
            $('#plan_pro').addClass('selected-rs');
			
			
			
        } else if (plan_type == 10) {
			
			
            $('#plan_free').removeClass('selected-rs');
            $('#plan_basic').removeClass('selected-rs');
			$('#plan_basic1').removeClass('selected-rs');
			$('#plan_pro').removeClass('selected-rs');
			
			
			
			$('#plan_free').addClass('unselected-rs');
            $('#plan_basic').addClass('unselected-rs');
            $('#plan_basic1').addClass('unselected-rs');
			$('#plan_pro').addClass('unselected-rs');
			
			
			$('#plan_pro1').removeClass('unselected-rs');
            $('#plan_pro1').addClass('selected-rs');
        }

	}
	
	function check_email_validation () {
		var reg_email = $('#reg_email').val();
		if ( reg_email != '' ) {
			
			$.ajax({
				url: "https://realspot.eu/realspot/user/check_ajax_user/",
				type: 'POST',
				async: false,
				data: 'reg_email=' + reg_email,
				success: function ( html ) {

					if ( html == 0 ) {
						$('#email_error_msg').html("Het e-mailadres mag nog niet bestaan.");
						$('#reg_email').addClass('errormessage');
						errorfound = 1;
						return false;
						
					} else {
						
						$('#reg_email').removeClass('errormessage');
						$('#email_error_msg').html('');
					}
					
				}
			});
			
		}
	}
	
	function check_user_name_validation () {
		var nick_name = $('#nick_name').val();
		if ( nick_name != '' ) {
			
			$.ajax({
				url: "https://realspot.eu/realspot/user/check_ajax_nick_name/",
				type: 'POST',
				async: false,
				data: 'nick_name=' + nick_name,
				success: function ( html ) {

					if ( html == 0 ) {
						
						$('#nick_name_error').html('Het Gebruikersnaam  veld moet uniek zijn');
						$('#nick_name').addClass('errormessage');
						errorfound = 1;
						return false;
						
					} else {
						
						$('#nick_name_error').html('');
						$('#nick_name').removeClass('errormessage');
					}
					
				}
			});
			
		}
	}
	
	function submit_user_info () {
		$('#nick_name').removeClass('errormessage');
		$('#txt_password').removeClass('errormessage');
		var nick_name = $('#nick_name').val();
		var txt_password = $('#txt_password').val();
		
		var errorfound = 0;
		
		if ( nick_name == '' ) {
			$('#nick_name').addClass('errormessage');
			errorfound = 1;
		}
		if ( txt_password == '' ) {
			$('#txt_password').addClass('errormessage');
			errorfound = 1;
		}

		if ( errorfound == 0 ) {
			$.ajax({
				url: "https://realspot.eu/realspot/user/check_ajax_nick_name/",
				type: 'POST',
				async: false,
				data: 'nick_name=' + nick_name,
				success: function ( html ) {
					if ( html == 0 ) {
						$('#nick_name_error').html('Het Gebruikersnaam  veld moet uniek zijn');
						$('#nick_name').addClass('errormessage');
						errorfound = 1;
						return false;
						
					} else {
						document.getElementById('frm_contractid').submit();
						
					}
				}
			});

		}

	}
	
	function singup_first_button () {
		
		$('#first_name').removeClass('errormessage');
		$('#last_name').removeClass('errormessage');
		$('#street1').removeClass('errormessage');
		$('#nbr').removeClass('errormessage');
		$('#postal_code').removeClass('errormessage');
		$('#city').removeClass('errormessage');
		$('#reg_email').removeClass('errormessage');

		var first_name = $('#first_name').val();
		var last_name = $('#last_name').val();
		var street1 = $('#street1').val();
		var nbr = $('#nbr').val();
		var postal_code = $('#postal_code').val();
		var city = $('#city').val();

		var reg_email = $('#reg_email').val();

		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		//alert(contact_type);

		var errorfound = 0;
		
		if ( first_name == '' ) {
			$('#first_name').addClass('errormessage');
			errorfound = 1;
		}
		if ( last_name == '' ) {
			$('#last_name').addClass('errormessage');
			errorfound = 1;
		}

		if ( street1 == '' ) {
			$('#street1').addClass('errormessage');
			errorfound = 1;
		}
		if ( nbr == '' ) {
			$('#nbr').addClass('errormessage');
			errorfound = 1;
		}

		if ( postal_code == '' ) {
			$('#postal_code').addClass('errormessage');
			errorfound = 1;
		}
		if ( city == '' ) {
			$('#city').addClass('errormessage');
			errorfound = 1;
		}

		if ( reg_email == '' ) {
			$('#reg_email').addClass('errormessage');
			errorfound = 1;
		}
		///////////////////////////////////////

		if ( errorfound == 0 ) {
			
			$.ajax({
				url: "https://realspot.eu/realspot/user/check_ajax_user/",
				type: 'POST',
				async: false,
				data: 'reg_email=' + reg_email,
				success: function ( html ) {

					if ( html == 0 ) {
						$('#email_error_msg').html("Het e-mailadres mag nog niet bestaan.");
						$('#reg_email').addClass('errormessage');
						errorfound = 1;
						return false;
						
					} else {
						$('#progressbar li').eq(0).removeClass('active');
						$('#step_2').show();
						$('#step_1').hide();
						$('#step_1').css({'opacity': 0});
						left = '0%';
						opacity = 1;
						scale = 1;
						$('#step_2').css({
							'position': 'relative',
							'opacity': opacity,
							'left': left,
							'transform': 'scale(' + scale + ')',
						});

						$('#step_3').hide();
						$('#progressbar li').eq(1).addClass('active');
						return true;
						
					}
					
				}
			});
			
		}

	}

	function singup_second_button () {
		
		$('#progressbar li').eq(1).removeClass('active');
		$('#step_3').show();
		$('#step_2').hide();
		$('#step_2').css({'opacity': 0});
		left = '0%';
		opacity = 1;
		scale = 1;
		$('#step_3').css({
			'position': 'relative',
			'opacity': opacity,
			'left': left,
			'transform': 'scale(' + scale + ')',
		});

		$('#progressbar li').eq(2).addClass('active');

	}

	function edit_contract_submit_function ( type ) {
		//var property_id = $('#property_id').val();
		//var property_unit_id = $('#property_unit_id').val();
		document.getElementById('frm_contractid').submit();
	}

	(function ( $ ) {
		'use strict';

		//* Form js
		function verificationForm () {
			//jQuery time
			var current_fs, next_fs, previous_fs; //fieldsets
			var left, opacity, scale; //fieldset properties which we will animate
			var animating; //flag to prevent quick multi-click glitches
			$('.next').click(function () {
				if ( animating ) return false;
				animating = true;
				current_fs = $(this).parent();
				next_fs = $(this).parent().next();
				//console.log(current_fs);
				//console.log(next_fs);
				//activate next step on progressbar using the index of next_fs
				$('#progressbar li').eq($('fieldset').index(next_fs)).addClass('active');
				//show the next fieldset
				next_fs.show();
				//hide the current fieldset with style
				current_fs.animate({
					opacity: 0
				}, {
					step: function ( now, mx ) {
						//as the opacity of current_fs reduces to 0 - stored in "now"
						//1. scale current_fs down to 80%
						scale = 1 - (1 - now) * 0.2;
						//2. bring next_fs from the right(50%)
						left = (now * 50) + '%';
						//3. increase opacity of next_fs to 1 as it moves in
						opacity = 1 - now;
						current_fs.css({
							'transform': 'scale(' + scale + ')',
							'position': 'absolute'
						});
						next_fs.css({
							'left': left,
							'opacity': opacity
						});
					},
					duration: 800,
					complete: function () {
						current_fs.hide();
						animating = false;
					},
					//this comes from the custom easing plugin
					easing: 'easeInOutQuad'
				});
			});
			$('.previous').click(function () {
				if ( animating ) return false;
				animating = true;
				current_fs = $(this).parent();
				previous_fs = $(this).parent().prev();
				
				//de-activate current step on progressbar
				$('#progressbar li').eq($('fieldset').index(current_fs)).removeClass('active');
				//show the previous fieldset
				previous_fs.show();
				//hide the current fieldset with style
				current_fs.animate({
					opacity: 0
				}, {
					step: function ( now, mx ) {
						//as the opacity of current_fs reduces to 0 - stored in "now"
						//1. scale previous_fs from 80% to 100%
						scale = 0.8 + (1 - now) * 0.2;
						//2. take current_fs to the right(50%) - from 0%
						left = ((1 - now) * 50) + '%';
						//3. increase opacity of previous_fs to 1 as it moves in
						opacity = 1 - now;
						current_fs.css({
							'left': left
						});
						previous_fs.css({
							'transform': 'scale(' + scale + ')',
							'position': 'relative',
							'opacity': opacity
						});
					},
					duration: 800,
					complete: function () {
						current_fs.hide();
						animating = false;
					},
					//this comes from the custom easing plugin
					easing: 'easeInOutQuad'
				});
			});

			$('#previous_btn3').click(function () {

				animating = true;
				current_fs = $(this).parent();
				previous_fs = $(this).parent().prev();
				$('#progressbar li').eq(2).removeClass('active');
				$('#progressbar li').eq(1).addClass('active');
				$('#step_2').show();
				$('#step_3').css({
					'opacity': 0
				});

				//$('#register_contract_2').addClass("active_register");
				//hide the current fieldset with style
				current_fs.animate({
					opacity: 0
				}, {
					step: function ( now, mx ) {
						//as the opacity of current_fs reduces to 0 - stored in "now"
						//1. scale previous_fs from 80% to 100%
						scale = 0.8 + (1 - now) * 0.2;
						//2. take current_fs to the right(50%) - from 0%
						left = ((1 - now) * 50) + '%';
						//3. increase opacity of previous_fs to 1 as it moves in
						opacity = 1 - now;
						current_fs.css({
							'left': left
						});
						$('#step_2').css({
							'transform': 'scale(' + scale + ')',
							'position': 'relative',
							'opacity': opacity
						});
					},
					duration: 800,
					complete: function () {
						$('#step_3').hide();
						animating = false;
					},
					//this comes from the custom easing plugin
					easing: 'easeInOutQuad'
				});
			});

			/*  $(".submit").click(function () {
							  return false;
						  })*/
		};
		//* Add Phone no select
		/*Function Calls*/
		verificationForm();
	})(jQuery);

</script>