
    <style>

        #loginform .login-submit input
        {
            border-radius: 28px ;
            padding: 8px 30px !important;
            background-color: #014D67 ;
            border: 0px !important;
            color: #ffffff !important;
            font-size: 20px !important;
            text-transform: uppercase !important;

            text-decoration: none !important;

        }

        .user-choice-area {

            width: 100%;

        }

        .user-choice-block {

            float: left;

            width: 30%;

        }

        .user_login_choice

        {

            margin-right: 8px;

            margin-bottom: -5px !important;

        }

        .registration_after_show_word_success

        {

            margin-top: 10px;

            float: left;

            width:100%;

            margin-bottom: 10px;

            text-align: center;

        }

        .image-filters-enabled #user_pass

        {

            margin-left: 18px;

        }

        .image-filters-enabled .header

        {

            float:left;

            width:100%;

        }

        .student_reg_error

        {

            float:left;

        }

        @media only screen and (max-width : 768px) {

            .wp-embed-responsive .user-choice-area .user-choice-block {

                float: left;

                width: 50% !important;

            }

            .wp-embed-responsive .login-username,.wp-embed-responsive .login-password {

                width: 235px !important;

            }

            .wp-embed-responsive .user-choice-area {

                margin-left: 7% !important;

            }

            .et_divi_theme #searchform

            {

                float: left;

                width: 100%;

            }

            .et_divi_theme #sidebar

            {

                float: left !important;

            }

        }

    </style>

    <script type="text/javascript" src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/jquery-3-6-0.js"></script>
    <script type="text/javascript">

        jQuery(document).ready(function()
        {
            jQuery('.student_login_form').show();
            jQuery('.student_registraion_form').hide();

            
            
            jQuery("body").on("change",".user_login_choice",function()
            {
                var choice="";
                if(jQuery('.user_login_choice').is(':checked'))
                {
                    choice=jQuery(this).val();
                    if(choice=='new_user')
                    {
                        jQuery('.student_registraion_form').show();
                        jQuery('.student_login_form').hide();
                    }
                    else
                    {
                        jQuery('.student_login_form').show();
                        jQuery('.student_registraion_form').hide();
                    }
                }
            });
        });
    </script>

            
        <div class="registration_form_custom_div gmgt_child_login_reg">
            
            <div class="user-choice-area" style="margin-top: 35px">

                <div class="user-choice-block">

                    <input class="user_login_choice user_login_frontend user_login_choice_membership" checked="true" type="radio" value="existing_user"  name="user_choice">Existujúci používateľ
                </div>

                <div class="user-choice-block">

                    <input class="user_login_choice user_login_choice_frontend user_new_frontend" type="radio" value="new_user"  name="user_choice">Nový užívateľ
                </div>

            </div>



            <div class="student_login_form">
			<style>
		.login-username
		{
			padding-top: 40px !important;
			float: none !important;
		}
		.student_login_form .registration_form_custom_div
		{
			width: 100% !important;
		}
		.registration_form_custom_div
		{
			width: 75%;
			max-width: 480px;
			margin: auto;
		}
		</style>
		
	<style>


#loginform {
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            /*background-color: #f5f5f5;*/
            /*border: 1px solid #ddd;*/
            /*border-radius: 5px;*/
        }

        #loginform h2 {
            text-align: center;
            margin-bottom: 20px;
            color: #333;
        }

        #user_login,
        #user_pass {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 3px;
        }

        .rememberme {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .rememberme label {
            margin-left: 10px;
            color: #555;
        }

        #wp-submit {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        #wp-submit:hover {
            background-color: #0056b3;
        }

        #loginform p {
            text-align: left;
            margin-bottom: 0;
        }

        #loginform p a {
            color: #007bff;
        }

        #loginform p a:hover {
            text-decoration: underline;
        }

        input[type="checkbox"] {
            width: 13px !important;
            height: 13px !important;
        }

		.login-username label

		{

			margin-top: 15px !important;

    		display: inline-flex !important;



		}

		.login-submit input{

			border-radius: 28px ;

			padding: 8px 60px !important;

			background-color: #014D67 ;

			border: 0px !important;

			color: #ffffff !important;

			font-size: 20px !important;

			text-transform: uppercase !important;

			text-decoration: none !important;

		}

		.login-password label

		{

			margin-top: 15px!important;

			display: inline-flex!important;

			width: 180px!important;

		}

		.login-submit, .et_divi_theme .login-remember {

			margin-top: 1%;

		}

		p.login-username

		{

			display: inline-block !important;

		}

		.login-username

		{

			float: unset !important;

		}

		p.login-username
		{
			float: left;
    		width: 100%;
		}

		p.login-password

		{

			float: left;

    		width: 100%;

		}

		p.login-remember

		{

			float: left;

    		width: 100%;

		}

		p.login-submit

		{

			float: left;

    		width: 100%;

		}

		.avada_wifth_100

		{

			float: left;

    		width: 100%;

		}

		.login-username
		{
			width: 100%;
		}
		.login-password label
		{
			width: auto !important;
		}

		.login-username
		{
			padding-bottom: 15px;
		}
		.login-username

		{

			padding-top: 20px;

			float: left;

		}

		.avada_wifth_100

		{

			text-decoration: none;

   			display: block;

		}

		.login-submit,.login-remember

		{

			margin-top: 3%;

		}

		.footer-top-visible .login-username

		{

			float: left;

			width:100%;

			margin-top: 4%;

		}

		.footer-top-visible label

		{

			font-size:inherit !important;

		}



	</style>

	
		<div class="registration_form_custom_div">

			<form name="loginform" id="loginform" action="https://24hr-fitness.eu/wp-login.php" method="post"><p class="login-username">
				<label for="user_login">Email ID</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">Heslo</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Zapamätať</label></p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Prihlásiť sa" />
				<input type="hidden" name="redirect_to" value="https://24hr-fitness.eu/?dashboard=user" />
			</p></form>

		</div>

		</div>

            <div class="student_registraion_form">
    <script type="text/javascript"	src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/popper.min.js"></script>

    <link rel="stylesheet"	href="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/css/fronted_user_registration.css">

    <link rel="stylesheet"	href="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/css/bootstrap_min.css">

    <link rel="stylesheet"	href="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/css/bootstrap-multiselect.css">

    <script type="text/javascript"	src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/bootstrap_min.js"></script>

    <script type="text/javascript"	src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/bootstrap-multiselect.js"></script>
    <script type="text/javascript" src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/jquery_3.6.0.js">
    </script>
    <script type="text/javascript" src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/js/jquery-ui-1.12.1.min.js">
    </script>
    <!--- Changes Add script add child theme	--->

    <script type="text/javascript" src="https://24hr-fitness.eu/wp-content/plugins/gym-management/assets/accordian/jquery-ui.js"></script>

    <script type="text/javascript"	src="https://24hr-fitness.eu/wp-content/plugins/gym-management/lib/validationEngine/js/languages/jquery.validationEngine-sk.js"></script>

    <script type="text/javascript"	src="https://24hr-fitness.eu/wp-content/plugins/gym-management/lib/validationEngine/js/jquery_validationEngine.js"></script>

    <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
    <!-- Changes Code add child theme -->
    <script type="text/javascript">
        jQuery(document).ready(function()
        {
            jQuery('.student_login_form').show();
            jQuery('.student_registraion_form').hide();

            
            
            jQuery("body").on("change",".user_login_choice",function()
            {
                var choice="";
                if(jQuery('.user_login_choice').is(':checked'))
                {
                    choice=jQuery(this).val();
                    if(choice=='new_user')
                    {
                        jQuery('.student_registraion_form').show();
                        jQuery('.student_login_form').hide();
                    }
                    else
                    {
                        jQuery('.student_login_form').show();
                        jQuery('.student_registraion_form').hide();
                    }
                }
            });
        });

    </script>
    <script type="text/javascript">

        jQuery(document).ready(function()

        {

            "use strict";

            var test = "sk";

            jQuery('#registration_form').validationEngine({promptPosition : "bottomLeft",maxErrorsPerField: 1});

            jQuery.datepicker.setDefaults($.datepicker.regional['en']);

            //console.log(test);

            jQuery('#birth_date').datepicker({

                dateFormat: 'dd-mm-yy',

                maxDate : 0,

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'



            });

            jQuery('#inqiury_date').datepicker({

                dateFormat: 'dd-mm-yy',

                minDate:'today',

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'

            });

            jQuery('#triel_date').datepicker({

                dateFormat: 'dd-mm-yy',

                minDate:'today',

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'

            });

            jQuery('#first_payment_date').datepicker({

                dateFormat: 'dd-mm-yy',

                minDate:'today',

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'

            });

            jQuery('#begin_date').datepicker({

                dateFormat: 'dd-mm-yy',

                minDate:'today',

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'

            });

            jQuery('#end_date').datepicker({

                dateFormat: 'dd-mm-yy',

                changeMonth: true,

                changeYear: true,

                yearRange:'-65:+25'

            });

            $('#group_id').multiselect(

                {

                    nonSelectedText :'Vyberte položku Skupina',

                    includeSelectAllOption: true,

                    allSelectedText :'Všetky vybrané',

                    selectAllText : 'Vybrať všetko',

                    templates: {

                        button: '<button class="multiselect btn btn-default dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span><b class="caret"></b></button>',

                    },

                    buttonContainer: '<div class="dropdown" />'

                });

            $('#classis_id').multiselect(

                {

                    nonSelectedText :'Vyberte položku Trieda',

                    includeSelectAllOption: true,

                    selectAllText : 'Vybrať všetko',

                    templates: {

                        button: '<button class="multiselect btn btn-default dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span><b class="caret"></b></button>',

                    },

                    buttonContainer: '<div class="dropdown" />'

                });

        });

    </script>



    <script type="text/javascript">

        function MJ_gmgt_fileCheck(obj)

        {

            var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp',''];

            if ($.inArray($(obj).val().split('.').pop().toLowerCase(), fileExtension) == -1)

            {

                alert("Only .jpeg, .jpg, .png, .gif, .bmp formats are allowed.");

                $(obj).val('');

            }



        }

    </script>

    
    <style>

        button.multiselect.dropdown-toggle.btn.btn-default {

            width: 100%;

            margin-top: 3px;

            height: 50px !important;

        }

        .dropdown-item

        {

            width: 225px;

        }

        .accordion-button

        {

            font-size: 16px !important;

        }

        a

        {

            text-decoration: none;

        }

        #registration_form .frontend_button_regsiter{

            border-radius: 28px !important;

            padding: 8px 60px !important;

            background-color: #014D67 !important;

            border: 0px !important;

            color: #ffffff !important;

            font-size: 20px !important;

            text-transform: uppercase !important;

            text-decoration: none !important;

        }

        .header

        {

            float: left;

            width: 100%;

        }

        .min_width_375_px

        {

            min-width: 375px;

        }

        @media only screen and (max-width : 768px) {

            .min_width_375_px

            {

                min-width: 300px;

            }

        }

        .line_height_28

        {

            line-height: 28px !important;

        }

        .et_divi_theme .header

        {

            margin-bottom: 2%;

            margin-top: 2%;

            text-align: center;

        }

        .et_divi_theme .student_registraion_form input {

            line-height: 40px;

            border: 1px solid #bbb;

            margin-bottom: 10px;

        }

        .gym_registration_according

        {

            float: left;

            width: 100%;

            margin-top: 20px;

        }

    </style>

    
    <div class="student_registraion_form"><!-- MEMBER REGISTRATION DIV START-->

        <form id="registration_form" action="/sk/wp-json/wp/v2/pages/7" method="post" enctype="multipart/form-data"><!-- MEMBER REGISTRATION FORM START-->

            <input type="hidden" name="role" value=""  />

            <input type="hidden" name="user_id" value=""  />

            <input id="member_id" class="form-control validate[required]" type="hidden" value="M40526"  readonly name="member_id">

            <div class="accordion gym_registration_according" id="myAccordion">

                <div class="accordion-item class_border_div">

                    <div id="collapseOne" class="accordion-collapse collapse theme_page_addmission_form_padding show" data-bs-parent="#myAccordion">

                        <div class="card-body_1">

                            <div class="form-body user_form"> <!-- user_form Strat-->

                                <div class="row"><!--Row Div Strat-->

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <input id="first_name" class="form-control validate[required,custom[onlyLetter_specialcharacter], custom[valid_name1], custom[valid_name2]] text-input" maxlength="50" type="text" value="" name="first_name">

                                                <label class="" for="member_id">Krstné meno<span class="require-field">*</span></label>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <input id="last_name" class="form-control validate[required,custom[onlyLetter_specialcharacter], custom[valid_name1], custom[valid_name2]] text-input" maxlength="50" type="text"  value="" name="last_name">

                                                <label class="" for="member_id">Priezvisko<span class="require-field">*</span></label>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <input id="email" class="form-control validate[required,custom[email]] text-input" maxlength="100" type="text"  name="email" value="">

                                                <label class="" for="member_id">Email<span class="require-field">*</span></label>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <input id="password" class="form-control validate[required]" type="password" minlength="8" maxlength="12"  name="password" value="">

                                                <label class="" for="member_id">heslo<span class="require-field">*</span></label>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-4">

                                                <div class="form-group input margin_bottom_0">

                                                    <div class="col-md-12 form-control">

                                                        <input type="text" readonly value="+ 421"  class="form-control" name="phonecode">

                                                        <label for="phonecode" class="pl-2">Code</label>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="col-md-8">

                                                <div class="form-group input margin_bottom_0">

                                                    <div class="col-md-12 form-control">

                                                        <input id="mobile" class="form-control validate[required, custom[phone_number]] text-input" type="text"  name="mobile" minlength="6" maxlength="15"value="">

                                                        <label class="" for="mobile">Telefónne číslo<span class="require-field">*</span></label>

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <!--									<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">-->
                                    <!---->
                                    <!--										<div class="form-group input">-->
                                    <!---->
                                    <!--											<div class="col-md-12 form-control">-->
                                    <!---->
                                    <!--												<input id="middle_name" class="form-control validate[custom[onlyLetter_specialcharacter]]" maxlength="50" type="text"  value="" name="middle_name">-->
                                    <!---->
                                    <!--												<label class="" for="member_id">--><!--</label>-->
                                    <!---->
                                    <!--											</div>-->
                                    <!---->
                                    <!--										</div>-->
                                    <!---->
                                    <!--									</div>-->

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 res_margin_bottom_20px">

                                        <div class="form-group">

                                            <div class="col-md-12 form-control">

                                                <div class="row">

                                                    <div class="input-group">

                                                        <label class="custom-top-label" for="gender">rod<span class="require-field">*</span></label>

                                                        <div class="d-inline-block gmgt_child_reg_gender gender_line_height_24px">

                                                            
                                                            <label class="radio-inline custom_radio">

                                                                <input type="radio" value="male" class="tog" name="gender"   checked='checked'/><span class="ml_5">Muž</span>

                                                            </label>

                                                            <label class="radio-inline custom_radio">

                                                                <input type="radio" value="female" class="tog" name="gender"  /><span class="ml_5">Žena </span>

                                                            </label>

                                                        </div>

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <input id="birth_date" class="form-control" type="text"  name="birth_date"  value="" readonly>

                                                <label class="date_of_birth_label" for="birth_date">Dátum narodenia</label>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">

                                        <div class="form-group input">

                                            <div class="col-md-12 form-control">

                                                <label class="custom-top-label top" for="gym_info">Select Gym<span class="require-field">*</span></label>

                                                <select class="form-control validate[required]" name="gym_info" id="gym_info" style="margin: 0px; padding: 0px; border: none">
                                                                                                            <option value="1">24Hr Fitness s.r.o.(Bidovce 316
04445 Bidovce
Slovakia)</option>
                                                                                                    </select>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="col-sm-6 avada_width_100_per gmgt_child_theme_reg_btn" style="margin: auto">

                <div class="h-captcha" data-sitekey="4c1ae680-2082-41f2-8514-ddf0048ec6b8" data-callback="onSuccess"></div>

                <input type="submit" id="continuebutton" disabled value="Registrácia" name="save_member_front" class="btn save_btn_line_height_14px save_btn"/>

            </div>

        </form><!-- MEMBER REGISTRATION FORM END-->

    </div><!-- MEMBER REGISTRATION DIV END-->

    <script type="text/javascript">
        function onSuccess(response) {
            // Enable the continue button after successful hCaptcha
            document.getElementById('continuebutton').disabled = false;
        }
    </script>
    </div>

        </div>

        {"id":7,"date":"2022-12-21T12:58:55","date_gmt":"2022-12-21T12:58:55","guid":{"rendered":"http:\/\/24hr-fitness.eu\/?page_id=7"},"modified":"2022-12-21T12:58:55","modified_gmt":"2022-12-21T12:58:55","slug":"member-registration-or-login","status":"publish","type":"page","link":"https:\/\/24hr-fitness.eu\/sk\/member-registration-or-login\/","title":{"rendered":"<p>Member Registration or Login<\/p>"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/pages\/7"}],"collection":[{"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/pages\/7\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/24hr-fitness.eu\/sk\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}