
            <h1>Inloggen</h1>
            

            
        
        <form action="https://www.mechaman.nl/veehouderij-techniek/wp-login.php" method="post" id="login-form" class="auth-form mb-5">

            <input type="hidden" value="https://www.mechaman.nl/veehouderij-techniek/profiel/" name="redirect_to">

            
            <div class="form-group">
                <input type="text" name="log" value=""
                       placeholder="Gebruikersnaam/E-mailadres" class="form-control" required>
            </div>

            <div class="form-group" style="position: relative">
                <input type="password" name="pwd"
                       value=""
                       placeholder="Wachtwoord" id="wachtwoordveld" class="form-control" required>

                       <i class="far fa-eye" id="togglePassword" style="margin-left: -30px; cursor: pointer;position: absolute;top: 7px;right: 7px;z-index: 1000;color: #666;" ></i>


                       
            </div>


<script>

const togglePassword = document.querySelector('#togglePassword');
  const password = document.querySelector('#wachtwoordveld');

  togglePassword.addEventListener('click', function (e) {
    // toggle the type attribute
    const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
    password.setAttribute('type', type);
    // toggle the eye slash icon
    this.classList.toggle('fa-eye-slash');
});


// function myFunction() {
//   var x = document.getElementById("wachtwoordveld");
//   if (x.type === "password") {
//     x.type = "text";
//   } else {
//     x.type = "password";
//   }
// }
</script>


<style>

#login-form .errors {
    margin-bottom: 15px;
    padding: 7px 15px;
	background: #eee;	
    border-left: 8px solid #f00;
	font-family: "Nunito Sans",Arial,sans-serif !important;
	font-size: 16px;
    line-height: 1.8rem;
}

#login-form-knoppen {
    margin-bottom: 8px;
    padding-bottom: 8px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;	
}

#login-form-knoppen .cta-2 {border: none;}

#login-vergeten-link {text-align: left;}



.inlogknop-wachtwoord-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.inlogknop-wachtwoord-container div:first-child {
    text-align: right;
}

@media screen and (min-width: 600px) {
    .inlogknop-wachtwoord-container div:first-child {
        text-align: left;
    }
}

.inlogknop-wachtwoord-container div:last-child {
    border-top: 1px solid #ccc;
    margin: 25px 0;
    text-align: left;
    padding: 25px 0;
}


</style>


            <div id="login-form-knoppen" class="form-group">
                <label>
                    <input name="rememberme" type="checkbox" id="rememberme" value="forever">
                    Onthoud mij                </label>
                <input type="submit" class="cta-2" name="submit_login" value="Inloggen"/>
            </div>

            <div id="login-vergeten-link"><a href="https://www.mechaman.nl/veehouderij-techniek/wp-login.php?action=lostpassword">Wachtwoord vergeten?</a></div>

        </form>

                        <style>
                    #login-form {margin-top: 20px; margin-bottom: 30px!important}
                </style>
                <p>Heeft u geen inloggegevens? <a href="https://www.mechaman.nl/veehouderij-techniek/registreer/"><strong>Nu&nbsp;aanmaken</strong></a></p>
            {"id":327,"date":"2021-07-09T10:54:55","date_gmt":"2021-07-09T10:54:55","guid":{"rendered":"https:\/\/mechaman.nl\/veehouderij-techniek\/?page_id=327"},"modified":"2021-07-12T11:59:21","modified_gmt":"2021-07-12T11:59:21","slug":"profiel","status":"publish","type":"page","link":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/profiel\/","title":{"rendered":"Profiel"},"content":{"rendered":"\n\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-327","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":0,"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mechaman.nl\/veehouderij-techniek\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}