{"id":100,"date":"2026-02-25T18:01:31","date_gmt":"2026-02-25T18:01:31","guid":{"rendered":"https:\/\/rokmaksimiljan.si\/?page_id=100"},"modified":"2026-04-15T17:14:02","modified_gmt":"2026-04-15T17:14:02","slug":"sign-up","status":"publish","type":"page","link":"https:\/\/rokmaksimiljan.si\/?page_id=100","title":{"rendered":"Prijava"},"content":{"rendered":"<div class=\"auth-container\">\n        <div class=\"auth-tabs\">\n            <button class=\"auth-tab active\" data-tab=\"login\">&#128272; Prijava<\/button>\n            <button class=\"auth-tab\" data-tab=\"register\">&#128221; Registracija<\/button>\n        <\/div>\n        \n        <div class=\"auth-panels\">\n            <!-- PRIJAVA PANEL -->\n            <div class=\"auth-panel active\" id=\"login-panel\">\n                <form method=\"post\" action=\"https:\/\/rokmaksimiljan.si\/wp-login.php\" class=\"auth-form\" id=\"login-form\" novalidate>\n                    <div class=\"auth-field\">\n                        <label>&#128231; Email ali uporabni&scaron;ko ime<\/label>\n                        <input type=\"text\" name=\"log\" id=\"login-username\" placeholder=\"Vpi&scaron;i email ali uporabni&scaron;ko ime\" required>\n                        <span class=\"error-message\" id=\"login-username-error\"><\/span>\n                    <\/div>\n                    <div class=\"auth-field\">\n                        <label>&#128274; Geslo<\/label>\n                        <input type=\"password\" name=\"pwd\" id=\"login-password\" placeholder=\"Vpi&scaron;i geslo\" required>\n                        <span class=\"error-message\" id=\"login-password-error\"><\/span>\n                    <\/div>\n                    <div class=\"auth-remember\">\n                        <label><input type=\"checkbox\" name=\"rememberme\" value=\"forever\"> Zapomni si me<\/label>\n                    <\/div>\n                    <button type=\"submit\" name=\"wp-submit\" class=\"auth-btn\">&#128275; Prijavi se<\/button>\n                    <div class=\"auth-links\">\n                        <a href=\"https:\/\/rokmaksimiljan.si\/wp-login.php?action=lostpassword\">Pozabljeno geslo?<\/a>\n                    <\/div>\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/rokmaksimiljan.si\/?page_id=156\">\n                <\/form>\n            <\/div>\n            \n            <!-- REGISTRACIJA PANEL - TVOJ OBSTOJE&#268;I OBRAZEC -->\n            <div class=\"auth-panel\" id=\"register-panel\">\n                  \n    <form id=\"red_registration_form\" class=\"red_form\" action=\"\" method=\"POST\">\n                \n        <div class=\"red-field\">\n            <label for=\"red_user_login\">Uporabni&scaron;ko ime <span>*<\/span><\/label>\n            <input name=\"red_user_login\" id=\"red_user_login\" class=\"red_input\" placeholder=\"Vpi&scaron;i uporabni&scaron;ko ime\" type=\"text\">\n            <small>Minimalno 3 znaki, samo &#269;rke in &scaron;tevilke<\/small>\n        <\/div>\n        \n        <div class=\"red-field\">\n            <label for=\"red_user_email\">Email naslov <span>*<\/span><\/label>\n            <input name=\"red_user_email\" id=\"red_user_email\" class=\"red_input\" placeholder=\"vasa@posta.si\" type=\"email\">\n        <\/div>\n        \n        <div class=\"red-field\">\n            <label for=\"red_user_first\">Ime<\/label>\n            <input name=\"red_user_first\" id=\"red_user_first\" type=\"text\" placeholder=\"Vpi&scaron;i ime\" class=\"red_input\">\n        <\/div>\n        \n        <div class=\"red-field\">\n            <label for=\"red_user_last\">Priimek<\/label>\n            <input name=\"red_user_last\" id=\"red_user_last\" type=\"text\" placeholder=\"Vpi&scaron;i priimek\" class=\"red_input\">\n        <\/div>\n        \n        <div class=\"red-field\">\n            <label for=\"password\">Geslo <span>*<\/span><\/label>\n            <input name=\"red_user_pass\" id=\"password\" class=\"red_input\" placeholder=\"Vpi&scaron;i geslo\" type=\"password\">\n            <small>Minimalno 8 znakov, vsaj ena &scaron;tevilka in ena &#269;rka<\/small>\n        <\/div>\n        \n        <div class=\"red-field\">\n            <label for=\"password_again\">Potrdi geslo <span>*<\/span><\/label>\n            <input name=\"red_user_pass_confirm\" id=\"password_again\" placeholder=\"Ponovi geslo\" class=\"red_input\" type=\"password\">\n        <\/div>\n        \n        <div class=\"red-submit\">\n            <input type=\"hidden\" name=\"red_csrf\" value=\"8c4be9ef09\">\n            <input type=\"hidden\" name=\"red_role\" value=\"1001\">\n            <input type=\"submit\" value=\"&#128221; Registriraj se\">\n        <\/div>\n    <\/form> \n    \n    <style>\n    .red_form {\n        width: 100% !important;\n        max-width: 100% !important;\n        padding: 0 !important;\n        box-shadow: none !important;\n        background: transparent !important;\n    }\n    .red-field {\n        margin-bottom: 20px;\n    }\n    .red-field label {\n        display: block;\n        font-weight: 600;\n        color: #1a4d8c;\n        margin-bottom: 8px;\n        font-size: 14px;\n    }\n    .red-field label span {\n        color: #dc3545;\n        margin-left: 3px;\n    }\n    .red-field input {\n        width: 100%;\n        padding: 12px 15px;\n        border: 2px solid #e0e4e8;\n        border-radius: 12px;\n        font-size: 16px;\n        box-sizing: border-box;\n        transition: all 0.3s ease;\n    }\n    .red-field input:focus {\n        outline: none;\n        border-color: #1a4d8c;\n        box-shadow: 0 0 0 3px rgba(26,77,140,0.1);\n    }\n    .red-field input.error {\n        border-color: #dc3545;\n    }\n    .red-field small {\n        display: block;\n        color: #6c757d;\n        font-size: 11px;\n        margin-top: 5px;\n    }\n    .red-submit {\n        margin-top: 25px;\n    }\n    .red-submit input[type=\"submit\"] {\n        width: 100%;\n        padding: 14px;\n        background: linear-gradient(135deg, #28a745, #1e7e34);\n        color: white;\n        border: none;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .red-submit input[type=\"submit\"]:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(40,167,69,0.3);\n    }\n    .red_errors {\n        background: #f8d7da;\n        color: #721c24;\n        padding: 12px 15px;\n        border-radius: 12px;\n        margin-bottom: 20px;\n        border-left: 4px solid #dc3545;\n        font-size: 14px;\n    }\n    @media (max-width: 600px) {\n        .red-field input {\n            padding: 10px 12px;\n            font-size: 14px;\n        }\n    }\n    <\/style>\n                <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n    .auth-container {\n        max-width: 500px;\n        margin: 50px auto;\n        background: #fff;\n        border-radius: 24px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n        overflow: hidden;\n    }\n    .auth-tabs {\n        display: flex;\n        background: #f8f9fa;\n        border-bottom: 1px solid #e9ecef;\n    }\n    .auth-tab {\n        flex: 1;\n        padding: 15px;\n        background: none;\n        border: none;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        color: #6c757d;\n    }\n    .auth-tab.active {\n        background: #fff;\n        color: #1a4d8c;\n        border-bottom: 3px solid #1a4d8c;\n    }\n    .auth-panels {\n        padding: 30px;\n    }\n    .auth-panel {\n        display: none;\n    }\n    .auth-panel.active {\n        display: block;\n    }\n    .auth-field {\n        margin-bottom: 20px;\n    }\n    .auth-field label {\n        display: block;\n        font-weight: 600;\n        color: #1a4d8c;\n        margin-bottom: 8px;\n        font-size: 14px;\n    }\n    .auth-field input {\n        width: 100%;\n        padding: 12px 15px;\n        border: 2px solid #e0e4e8;\n        border-radius: 12px;\n        font-size: 16px;\n        box-sizing: border-box;\n        transition: all 0.3s ease;\n    }\n    .auth-field input:focus {\n        outline: none;\n        border-color: #1a4d8c;\n        box-shadow: 0 0 0 3px rgba(26,77,140,0.1);\n    }\n    .auth-field input.error {\n        border-color: #dc3545;\n    }\n    .error-message {\n        display: block;\n        color: #dc3545;\n        font-size: 12px;\n        margin-top: 5px;\n    }\n    .auth-remember {\n        margin: 15px 0;\n    }\n    .auth-btn {\n        width: 100%;\n        padding: 12px;\n        background: linear-gradient(135deg, #1a4d8c, #0e3a6b);\n        color: white;\n        border: none;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .auth-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(26,77,140,0.3);\n    }\n    .auth-links {\n        text-align: center;\n        margin-top: 15px;\n    }\n    .auth-links a {\n        color: #1a4d8c;\n        text-decoration: none;\n        font-size: 14px;\n    }\n    .auth-links a:hover {\n        text-decoration: underline;\n    }\n    \/* Tvoj obstoje&#269;i register obrazec - prilagoditev *\/\n    .red_form {\n        width: 100% !important;\n        padding: 0 !important;\n        box-shadow: none !important;\n    }\n    .red_errors {\n        width: 100% !important;\n    }\n    <\/style>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Tabs\n        var tabBtns = document.querySelectorAll('.auth-tab');\n        var panels = document.querySelectorAll('.auth-panel');\n        \n        tabBtns.forEach(function(btn) {\n            btn.addEventListener('click', function() {\n                var tabId = this.getAttribute('data-tab');\n                tabBtns.forEach(function(b) { b.classList.remove('active'); });\n                panels.forEach(function(p) { p.classList.remove('active'); });\n                this.classList.add('active');\n                document.getElementById(tabId + '-panel').classList.add('active');\n            });\n        });\n        \n        \/\/ ===== VALIDACIJA ZA PRIJAVO =====\n        var loginForm = document.getElementById('login-form');\n        if (loginForm) {\n            loginForm.addEventListener('submit', function(e) {\n                var isValid = true;\n                var username = document.getElementById('login-username');\n                var password = document.getElementById('login-password');\n                \n                document.getElementById('login-username-error').innerHTML = '';\n                document.getElementById('login-password-error').innerHTML = '';\n                username.classList.remove('error');\n                password.classList.remove('error');\n                \n                if (username.value.trim() === '') {\n                    document.getElementById('login-username-error').innerHTML = 'Vnesite uporabni\u0161ko ime ali email.';\n                    username.classList.add('error');\n                    isValid = false;\n                }\n                \n                if (password.value === '') {\n                    document.getElementById('login-password-error').innerHTML = 'Vnesite geslo.';\n                    password.classList.add('error');\n                    isValid = false;\n                }\n                \n                if (!isValid) {\n                    e.preventDefault();\n                }\n            });\n        }\n    });\n    <\/script>\n    \n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":10,"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/rokmaksimiljan.si\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}