</noscript> <!-- End Google Tag Manager (noscript) --> <div class="section-absolute cabeludo"> <div class="form-block-registo w-form"> <form id="email-form" name="email-form" data-name="Email Form" class="form-registo" method="post" action="/registar/cliente/" enctype="multipart/form-data"> <input type="hidden" name="csrfmiddlewaretoken" value="ck6TIOORL4Ic7zHqynEhsetJxJt3RYH5XXhV4LGx7wNIaPPpf1nViAIeADsVTEE9"> <div class="form-registo-content"> <div id="top-barbeiro" class="top-header registar"> <div class="top-bar"> <a title="voltar atrás" href="javascript:history.back();" class="link-top-bar back w-inline-block"><img src="/static/images/arrow-back-white.svg" loading="lazy" alt="Ícone seta esquerda" class="arrow-back"></a> <a title="cancelar" href="/" class="s-link margin white">Cancelar</a> </div> <div class="profile-header-text-block w-clearfix"> <!-- NOVA FOTO --> <div class="profile-img registo"> <div class="avatar-edit"> <input type='file' id="imageUpload" name="picture" accept=".png, .jpg, .jpeg" /> <label class="upload-icon" for="imageUpload"></label> </div> <div class="avatar-preview"> <div id="imagePreview"></div> </div> </div> <div class="m grey padding">Criar Conta</div> <h1 class="xl white align">Dados Gerais</h1> </div> </div> <div class="info-content"> <div class="info-blocks step1"> <input type="text" class="input w-input" maxlength="256" name="name" data-name="Nome" placeholder="Nome" id="name" value="" required=""> <input type="text" class="input w-input" maxlength="256" name="surname" data-name="Apelido" placeholder="Apelido" id="surname" value="" required=""> <input type="email" class="input w-input" maxlength="256" name="email" data-name="Email" placeholder="Email" id="email" value="" required=""> <div> <input type="text" class="input _351 registo w-input" maxlength="256" name="prefix" data-name="phone prefix" placeholder="Código" id="N-mero-de-telefone-2" value="+351" readonly> <input type="tel" class="input _351calc registo w-input" maxlength="256" name="phone" data-name="phone" placeholder="Telemóvel" id="phone" value=""> </div> <div class="input-block margin"> <input type="password" class="input padding-icon w-input" maxlength="256" name="password1" data-name="Nova Password" placeholder="Palavra-passe" id="password1" required=""> <div class="input-icon-block"> <a href="#" class="link-block-48px pass-view w-inline-block"><img src="/static/images/eye-cut.svg" loading="lazy" id="show-pass" alt="Ícone olho fechado" class="imagem-48px small"><img src="/static/images/eye.svg" loading="lazy" id="hide-pass" alt="Ícone olho aberto" class="imagem-48px small hide"></a> </div> </div> <div class="input-block margin"> <input type="password" class="input padding-icon w-input" maxlength="256" name="password2" data-name="Repetir nova palavra-passe" placeholder="Repetir Palavra-passe" id="password2" required=""> <div class="input-icon-block"> <a href="#" class="link-block-48px pass-view w-inline-block"><img src="/static/images/eye-cut.svg" loading="lazy" id="show-pass-repeat" alt="Ícone olho fechado" class="imagem-48px small"><img src="/static/images/eye.svg" loading="lazy" id="hide-pass-repeat" alt="Ícone olho aberto" class="imagem-48px small hide"></a> </div> </div> </div> <div class="bottom-bar fixed"> <button class="button w-button" type="submit">Concluir</button> </div> </div> </div> </form> </div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fe8a342b7e6298334d4cde0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> <script src="/static/js/webflow.js" type="text/javascript"></script> <!-- Google Places Autocomplete --> <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA275OXi8wVTBQJMUjoSR4lsk0xI-OKREo&libraries=places&language=pt-PT&callback=initAutocomplete"> </script> <script> window.addEventListener( "pageshow", function ( event ) { var historyTraversal = event.persisted || ( typeof window.performance != "undefined" && window.performance.navigation.type === 2 ); if ( historyTraversal ) { // Handle page restore. window.location.reload(); } }); </script> <!-- Disable Scroll Script --> <script> var Webflow = Webflow || []; var $body = $(document.body); var scrollPosition = 0; Webflow.push(function () { $('[scroll=disable]').on('click', function () { var oldWidth = $body.innerWidth(); scrollPosition = window.pageYOffset; $body.css('overflow', 'hidden'); $body.css('position', 'fixed'); $body.css('top', `-${scrollPosition}px`); $body.width(oldWidth); }); $('[scroll=enable]').on('click', function () { if ($body.css('overflow') != 'hidden') { scrollPosition = window.pageYOffset; } $body.css('overflow', ''); $body.css('position', ''); $body.css('top', ''); $body.width(''); $(window).scrollTop(scrollPosition); }); }); </script> <script> /*! Nova Foto */ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#imagePreview').css('background-image', 'url(' + e.target.result + ')'); $('#imagePreview').hide(); $('#imagePreview').fadeIn(650); } reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function() { readURL(this); }); </script> <script> $("select[name='ordering']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("select[name='city']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("#pesquisar-barbeiro-limpar").on("click", function(e) { $("#search-clear").val(true); $("#wf-form-Pesquisar-Barbeiros").submit(); }); </script> <script> $("#newsletter-form").submit(function(e) { e.preventDefault; let email = $(this).find('#email').val(); $.ajax({ method: "post", url: "/newsletter", async: true, data: { "csrfmiddlewaretoken": "ck6TIOORL4Ic7zHqynEhsetJxJt3RYH5XXhV4LGx7wNIaPPpf1nViAIeADsVTEE9", "email": email, }, success: function(response) { $(".error-message").hide(); $("#newsletter-form").hide(); $(".success-message").find("div").html(response['message']); $(".success-message").removeClass("hide"); }, error: function(response) { $(".error-message").find("div").html(response.responseJSON['message']); $(".error-message").removeClass("hide"); $(".error-message").attr("display", "block"); } }); }); </script> <!-- Booking actions --> <script> $(".button-accept").click(function() { if ($(this).hasClass("button-payment")) { return; } $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + bookingId; $(bookingAcceptModal).show(); }); $(".button-popup.cancel").click(function() { let modalId = $(this).data("modal-booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + modalId; let bookingCancelModal = "#booking-popup-cancel-" + modalId; $(bookingAcceptModal).hide(); $(bookingCancelModal).hide(); let bookingModal = "#booking-" + modalId; $(bookingModal).show(); }); $(".button-cancel").click(function() { $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingCancelModal = "#booking-popup-cancel-" + bookingId; $(bookingCancelModal).show(); }); </script> <!-- Calendar day showing events --> <script> $(".calendar-day").click(function() { let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); $(".close-calendar-day").click(function(e) { if ($(".booking-event").css("display") == "block") { $(".modal").hide(); let calendarDay = $(this).parent().parent().parent().parent(".calendar-day").data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).show(); } else { $(".modal").hide(); } }); $(".calendar-event").click(function() { let calendarDay = $(this).data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).hide(); let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); </script> <!-- Error message close --> <script> $(".error-message-close").click(function() { $(this).parent("div").hide(); }); </script> <script> /* IMAGE UPLOAD */ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#imagePreview').css('background-image', 'url('+e.target.result +')'); $('#imagePreview').hide(); $('#imagePreview').fadeIn(650); } reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function() { readURL(this); }); $("#show-pass").click(function() { $("#password1").attr("type", "text"); $("#show-pass").hide(); $("#hide-pass").show(); }); $("#hide-pass").click(function(){ $("#password1").attr("type", "password"); $("#hide-pass").hide(); $("#show-pass").show(); }); $("#show-pass-repeat").click(function(){ $("#password2").attr("type", "text"); $("#show-pass-repeat").hide(); $("#hide-pass-repeat").show(); }); $("#hide-pass-repeat").click(function(){ $("#password2").attr("type", "password"); $("#hide-pass-repeat").hide(); $("#show-pass-repeat").show(); }); </script> </body> </html>