get_header();
?>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.min.css">

<div id="applications" class="applications-container container">
    <div class="row">
        <div class="col-lg-12">
            <br></br>
            
            <form id="applications-ajax-form" method="post" action="#" data-trp-original-action="#">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="season_number">Velg sesong:</label>
                                <select class="form-control" name="season_number" id="season_number">
                                                                    </select>
                                <input type="hidden" name="admin_url" id="admin_url" value="https://www.gibbs.no/wp-admin/admin-ajax.php">
                            </div>
                        </div>

                        <div class="col-md-2">
                            <input id="application-submit-btn" type="submit" class="btn btn-primary btn-block" value="Använda sig av">
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="search">Sök</label>
                                <input type="text" class="form-input" id="applications-datatable-search">
                            </div>
                        </div>
                    </div>
                </div>
            <input type="hidden" name="trp-form-language" value="sv"/></form>

            <div id="applications-table-block">
                <table id="applications-table" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>Søker</th>
                            <th>E-post</th>
                            <th>Tel</th>
                            <th>Skapa</th>
                            <th>sporter</th>
                            <th>Medlemmer</th>
                            <th>Alder</th>
                            <th>Typ av sökande</th>
                            <th>Nivå</th>
                            <th>Poeng</th>
                            <th>Ønsket timer</th>
                            <th>Forslag fra algoritme</th>
                            <th>Tildelte timer</th>
                            <th>Ønsket lokasjon 1</th>
                            <th>Ønsket lokasjon 2</th>
                            <th>Ønsket lokasjon 3</th>
                        </tr>
                    </thead>
                    <tbody id="applications-table-body">
                                            </tbody>
                    <tfoot>
                        <tr>
                            <th>Søker</th>
                            <th>E-post</th>
                            <th>Tel</th>
                            <th>Skapa</th>
                            <th>sporter</th>
                            <th>Medlemmer</th>
                            <th>Alder</th>
                            <th>Typ av sökande</th>
                            <th>Nivå</th>
                            <th>Poeng</th>
                            <th>Ønsket timer</th>
                            <th>Forslag fra algoritme</th>
                            <th>Tildelte timer</th>
                            <th>Ønsket lokasjon 1</th>
                            <th>Ønsket lokasjon 2</th>
                            <th>Ønsket lokasjon 3</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        var applicationsTable = jQuery('#applications-table').DataTable({
            "sDom":"ltipr",
            "bLengthChange": false,
            language: {
              'paginate': {
                'previous': 'Tidligere',
                'next': 'Neste'
              },
              "info": "Viser _START_ til _END_ av _TOTAL_ søknader",
              "infoEmpty": "Viser 0 til 0 av 0 søknader",
              "emptyTable": "Ingen data tilgjengelig i tabellen",
              "zeroRecords": "Ingen samsvarende poster funnet"
            }
        });
        jQuery('#applications-ajax-form #applications-datatable-search').keyup(function(){
            jQuery('#applications-table').DataTable().search(jQuery(this).val()).draw() ;
        });
    });
</script>


<!-- Footer
================================================== -->

<div id="footer" class="light" style="display:none">
	<!-- Main -->
	<div class="container">
		<div class="row">
				             <div class="col-md-3 col-sm-6 col-xs-12">
	                <aside id="block-4" class="footer-widget widget widget_block widget_media_image">
<figure class="wp-block-image size-large is-resized"><a href="https://www.gibbs.no/sv/"><img loading="lazy" decoding="async" src="https://www.gibbs.no/wp-content/uploads/2021/06/Frame-966.svg" alt="gibbs.no logo" class="wp-image-6294" width="117" height="43"/></a></figure>
</aside><aside id="text-3" class="footer-widget widget widget_text">			<div class="textwidget"><p>Storgata 15, 1776 Halden</p>
</div>
		</aside><aside id="custom_html-4" class="widget_text footer-widget widget widget_custom_html"><div class="textwidget custom-html-widget"><ul  class="menu"><li ><a href="https://www.facebook.com/GibbsNorge">Facebook</a></li><li ><a href="https://www.linkedin.com/company/gibbsnorge/">LinkedIn</a></li>
</ul>


</div></aside><aside id="block-8" class="footer-widget widget widget_block">
<div class="trp_language_switcher_shortcode">
<div class="trp-language-switcher trp-language-switcher-container" data-no-translation>
    <div class="trp-ls-shortcode-current-language">
        <a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language" title="Svenska" onclick="event.preventDefault()">
			<img loading="lazy" decoding="async" class="trp-flag-image" src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/Img/flags/sv_SE.png" width="18" height="12" alt="sv_SE" title="Svenska"> Svenska		</a>
    </div>
    <div class="trp-ls-shortcode-language">
                <a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language"  title="Svenska" onclick="event.preventDefault()">
			<img loading="lazy" decoding="async" class="trp-flag-image" src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/Img/flags/sv_SE.png" width="18" height="12" alt="sv_SE" title="Svenska"> Svenska		</a>
                    <a href="https://www.gibbs.no/mottatte-soknader/" title="Norsk bokmål">
            <img loading="lazy" decoding="async" class="trp-flag-image" src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/Img/flags/nb_NO.png" width="18" height="12" alt="nb_NO" title="Norsk bokmål"> Norsk bokmål        </a>

            <a href="https://www.gibbs.no/en/mottatte-soknader/" title="English">
            <img loading="lazy" decoding="async" class="trp-flag-image" src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/Img/flags/en_US.png" width="18" height="12" alt="en_US" title="English"> English        </a>

        </div>
    <script type="application/javascript">
        // need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML
        var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');
        if ( trp_ls_shortcodes.length > 0) {
            // get the last language switcher added
            var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];

            var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )
            // set width
            var trp_ls_shortcode_width                                               = trp_shortcode_language_item.offsetWidth + 16;
            trp_shortcode_language_item.style.width                                  = trp_ls_shortcode_width + 'px';
            trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';

            // We're putting this on display: none after we have its width.
            trp_shortcode_language_item.style.display = 'none';
        }
    </script>
</div>
</div>
</aside>	            </div>
	        	             <div class="col-md-3 col-sm-6 col-xs-12">
	                <aside id="nav_menu-9" class="footer-widget widget widget_nav_menu"><h4>Resurser</h4><div class="menu-ressurser-meny-container"><ul id="menu-ressurser-meny" class="menu"><li id="menu-item-16218" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16218"><a href="https://www.gibbs.no/sv/integrasjoner/">Integrationer</a></li>
<li id="menu-item-16216" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16216"><a href="https://www.gibbs.no/sv/funksjoner/">Funktioner</a></li>
<li id="menu-item-16882" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16882"><a href="https://www.gibbs.no/sv/pris/">Priser</a></li>
<li id="menu-item-16217" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16217"><a href="https://www.gibbs.no/sv/partnere/">Partners</a></li>
<li id="menu-item-16213" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16213"><a href="https://www.gibbs.no/sv/blogg/">Blogg</a></li>
<li id="menu-item-16287" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16287"><a href="https://www.gibbs.no/sv/sesongbooking-algoritme/">Algoritm för säsongsbokning</a></li>
</ul></div></aside>	            </div>
	        	             <div class="col-md-3 col-sm-6 col-xs-12">
	                <aside id="nav_menu-19" class="footer-widget widget widget_nav_menu"><h4>Hjälp</h4><div class="menu-support-meny-container"><ul id="menu-support-meny" class="menu"><li id="menu-item-14706" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14706"><a href="https://support.gibbs.no/index.php/knowledge-base-category/brukerveiledning-for-leietaker/">Stöd till hyresgäster</a></li>
<li id="menu-item-7098" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7098"><a href="https://support.gibbs.no/index.php/knowledge-base-category/brukerveiledning-for-utleier/">Stöd till hyresvärdar</a></li>
<li id="menu-item-19106" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19106"><a href="https://forms.clickup.com/20433309/f/kfjcx-3012/82JQUABQGF9FUVOSVK">Rapportera fel</a></li>
<li id="menu-item-16319" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16319"><a href="https://www.gibbs.no/sv/login-for-ansatte-i-norges-bank/#">Logga in för anställda i Norges Bank</a></li>
</ul></div></aside>	            </div>
	        	             <div class="col-md-3 col-sm-6 col-xs-12">
	                <aside id="nav_menu-7" class="footer-widget widget widget_nav_menu"><h4>Gibbs AS</h4><div class="menu-meny-om-oss-footer-container"><ul id="menu-meny-om-oss-footer" class="menu"><li id="menu-item-9653" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9653"><a href="https://www.gibbs.no/sv/om-oss/">Om oss</a></li>
<li id="menu-item-16220" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16220"><a href="https://www.gibbs.no/sv/kontakt-oss/">Kontakta oss</a></li>
<li id="menu-item-16221" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16221"><a href="https://www.gibbs.no/sv/personvern/">Integritet</a></li>
<li id="menu-item-16222" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16222"><a href="https://www.gibbs.no/sv/vilkaar/">Villkor</a></li>
<li id="menu-item-18224" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18224"><a href="https://www.gibbs.no/sv/tilgjengelighetserklaering/">Tillgänglighetsförklaring</a></li>
</ul></div></aside>	            </div>
	        
		</div>
		<!-- Copyright -->
		<div class="row">
			<div class="col-md-12">
				<div class="copyrights"> Utvecklad i Norge 🇳🇴 © 2024 Gibbs AS. Alla rättigheter förbehållna. Org nr: 922 265 739</div>
			</div>
		</div>
	</div>
</div>



<!-- Back To Top Button -->
<div id="backtotop"><a href="#"></a></div>
</div> <!-- weof wrapper -->
<template id="tp-language" data-tp-language="sv_SE"></template><script type="text/javascript">
	jQuery(document).ready(function(){	
		let prevyul=jQuery('.xoo-el-login-tgr').attr('href');
		jQuery('.right-side-searchbar').prepend('<a href="'+prevyul+'" class="mokenmu xoo-el-login-tgr">&nbsp;</a>');
	});
</script>
<style type="text/css">
.sign-in-form label i{font-style: normal;}
	
</style>	
			<script>
				function convert_to_url(obj) {
					return Object
					.keys(obj)
					.map(k => `${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`)
					.join('&');
				}

				function pass_to_backend() {
					if(window.location.hash) {
						var hash = window.location.hash;
						var elements = {};
						hash.split("#")[1].split("&").forEach(element => {
							var vars = element.split("=");
							elements[vars[0]] = vars[1];
						});
						if(("access_token" in elements) || ("id_token" in elements) || ("token" in elements)) {
							if(window.location.href.indexOf("?") !== -1) {
								window.location = (window.location.href.split("?")[0] + window.location.hash).split('#')[0] + "?" + convert_to_url(elements);
							} else {
								window.location = window.location.href.split('#')[0] + "?" + convert_to_url(elements);
							}
						}
					}
				}

				pass_to_backend();
			</script>

		<!-- 
<div class="xoo-el-container" style="visibility: hidden;">
    <div class="xoo-el-opac"></div>
    <div class="xoo-el-modal">
        <div class="xoo-el-inmodal">
            <span class="xoo-el-close xoo-el-icon-cancel-circle"></span>
            <div class="xoo-el-wrap">
                <div class="xoo-el-sidebar"></div>
                <div class="xoo-el-srcont">
                    <div class="xoo-el-main">
                        
<div class="xoo-el-form-container xoo-el-form-popup" data-active="login">

	
	
	
<div class="xoo-el-header">
	<ul class="xoo-el-tabs">

		<li data-tab="login" class="xoo-el-login-tgr">Login</li>

		 
			<li data-tab="register" class="xoo-el-reg-tgr">Sign Up</li>
		
	</ul>
</div>
	
	
			
		<div data-section="login" class="xoo-el-section">

			<div class="xoo-el-fields">

				<div class="xoo-el-notice"></div>
				<form class="xoo-el-action-form xoo-el-form-login">

					
					<div class="xoo-aff-group xoo-el-username_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon far fa-user"></span><input type="text" class="xoo-aff-required xoo-aff-text" name="xoo-el-username" placeholder="Username / Email"  value="" autocomplete="email" required="	"/></div></div><div class="xoo-aff-group xoo-el-password_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon fas fa-key"></span><input type="password" class="xoo-aff-required xoo-aff-password" name="xoo-el-password" placeholder="Password"  value="" required="	"/></div></div>
<div class="xoo-aff-group xoo-el-login-btm-fields">
	<label class="xoo-el-form-label">
		<input type="checkbox" name="xoo-el-rememberme" value="forever" />
		<span>Remember me</span>
	</label>
	<a class="xoo-el-lostpw-tgr">Forgot Password?</a>
</div>


<input type="hidden" name="_xoo_el_form" value="login">

<button type="submit" class="button btn xoo-el-action-btn xoo-el-login-btn" >Sign In</button>

<input type="hidden" name="xoo_el_redirect" value="/sv/mottatte-soknader/">
					
				</form>

				
			</div>

		</div>

	
			
		<div data-section="register" class="xoo-el-section">

			<div class="xoo-el-fields">

				<div class="xoo-el-notice"></div>
				<form class="xoo-el-action-form xoo-el-form-register">

					
					
<div class="xoo-aff-fields"><div class="xoo-aff-group xoo-aff-cont-email one xoo-aff-cont-required xoo_el_reg_email_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon fas fa-at"></span><input type="email" class="xoo-aff-required xoo-aff-email" name="xoo_el_reg_email" placeholder="Email"  value="" autocomplete="email" required="	"/></div></div><div class="xoo-aff-group xoo-aff-cont-text onehalf xoo-aff-cont-required xoo_el_reg_fname_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon far fa-user"></span><input type="text" class="xoo-aff-required xoo-aff-text" name="xoo_el_reg_fname" placeholder="First Name"  value="" required="	"/></div></div><div class="xoo-aff-group xoo-aff-cont-text onehalf xoo-aff-cont-required xoo_el_reg_lname_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon far fa-user"></span><input type="text" class="xoo-aff-required xoo-aff-text" name="xoo_el_reg_lname" placeholder="Last Name"  value="" required="	"/></div></div><div class="xoo-aff-group xoo-aff-cont-password one xoo-aff-cont-required xoo_el_reg_pass_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon fas fa-key"></span><input type="password" class="xoo-aff-required xoo-aff-password" name="xoo_el_reg_pass" placeholder="Password"  value="" maxlength="20" minlength="6" autocomplete="new-password" required="	"/></div></div><div class="xoo-aff-group xoo-aff-cont-password one xoo-aff-cont-required xoo_el_reg_pass_again_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon fas fa-key"></span><input type="password" class="xoo-aff-required xoo-aff-password" name="xoo_el_reg_pass_again" placeholder="Confirm Password"  value="" autocomplete="new-password" required="	"/></div></div><div class="xoo-aff-group xoo-aff-cont-checkbox_single one xoo-aff-cont-required xoo_el_reg_terms_cont"><div class="xoo-aff-required xoo-aff-checkbox_single"><label><input type="checkbox" name="xoo_el_reg_terms" class="xoo-aff-required xoo-aff-checkbox_single" value="yes" >I accept the <a href="https://www.gibbs.no/personvern/" target="_blank"> Terms of Service and Privacy Policy </a></label></div></div></div>
<input type="hidden" name="_xoo_el_form" value="register">


<button type="submit" class="button btn xoo-el-action-btn xoo-el-register-btn">Sign Up</button>

<input type="hidden" name="xoo_el_redirect" value="/sv/mottatte-soknader/">
					
				</form>

				
			</div>

		</div>

	
			
		<div data-section="lostpw" class="xoo-el-section">

			<div class="xoo-el-fields">

				<div class="xoo-el-notice"></div>
				<form class="xoo-el-action-form xoo-el-form-lostpw">

					
					

<span class="xoo-el-form-txt">Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.</span>

<div class="xoo-aff-group user_login_cont"><div class="xoo-aff-input-group"><span class="xoo-aff-input-icon fas fa-key"></span><input type="text" class="xoo-aff-required xoo-aff-text" name="user_login" placeholder="Username / Email"  value="" required="	"/></div></div>

<input type="hidden" name="_xoo_el_form" value="lostPassword">

<input type="hidden" name="_wp_http_referer" value="/sv/mottatte-soknader/" />
<button type="submit" class="button btn xoo-el-action-btn xoo-el-lostpw-btn">Email Reset Link</button>
					
				</form>

				
			</div>

		</div>

	
	
</div>                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->

<div class="xoo-el-container fggfgfgjhjhjjh" style="visibility: hidden;">
    <div class="xoo-el-modal">
        <div class="xoo-el-inmodal">
            <span class="xoo-el-close xoo-el-icon-cancel-circle"></span>
            <div class="xoo-el-wrap">
                <div class="xoo-el-srcont">
                    <div class="xoo-el-main">
                    <div id="sign-in-dialog">
                        <div class="tab-gib">
  <button class="tablinks-gib active" onclick="openTab(event, 'login-gib')">Logga in</button>
  <button class="tablinks-gib" onclick="openTab(event, 'register-gib')">Registrera</button>
</div>
  
<div id="login-gib" class="login-gib tabcontent-gib" style="display:block">
  
<form method="post" class="login-form-gibbs user-form" action="" data-trp-original-action="javascript:void(0)">

	<input type="hidden" name="action" value="gibbsajaxlogin">

	<div class="row">
		<div class="col-md-12">
			<div class="form-row">
				<label for="user_login"><b>Användarnamn (e-post</b></label>
                <input placeholder="Användarnamn (e-post" type="text" class="form-control" name="username"  value="" required>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="form-row">
				<label for="user_login"><b>Lösenord</b></label>
                <input placeholder="Lösenord" class="form-control" type="password" name="password" required>
                <a class="fr-pw" href="/sv/wp-login.php/?action=lostpassword">Glömt lösenord?</a>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-12">
			<div class="form-row">
				<input type="hidden" id="login_security" name="login_security" value="4a628924b5" /><input type="hidden" name="_wp_http_referer" value="/sv/mottatte-soknader/" />				<input type="submit" class="btn btn-primary btn-block" name="login" value="Logga in">
			</div>
		</div>
	</div>

   
   <div class="notification error closeable" style="display: none; margin-top: 20px; margin-bottom: 0px;">
      <p></p>
   </div>

   <div class="social-login-separator"><span>Logga in med</span></div>
   <div class="row">
       <div class="col-md-12">
      <button type='button' class="vipps_login_button" onclick="window.location.href='https://www.gibbs.no/sv?option=oauthredirect&app_name=Vipps&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader%3Fvipps%3Dtrue';">Hoppsan</button>
                  <button type='button' class="microsoft_login_button" onclick="window.location.href='https://www.gibbs.no/sv/?option=oauthredirect&app_name=Microsoft2&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader';">Microsoft </button>                  
                  <button type='button' class="google_login_button" onclick="window.location.href='https://www.gibbs.no/sv?option=oauthredirect&app_name=Google&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader';">Google </button>  
        </div>                        
   </div>
<input type="hidden" name="trp-form-language" value="sv"/></form>

<script type="text/javascript">
    jQuery('.login-form-gibbs').on('submit', function(e){
        var redirecturl = jQuery('input[name=_wp_http_referer]').val();
        if("" != ""){
            redirecturl = "";
        }
    	
    	//jQuery('.login-form-gibbs .notification').hide()
        jQuery('.login-form-gibbs .notification').removeClass('error').addClass('notice').show().text("Logger inn...")
        e.preventDefault();
          //  debugger;
            jQuery.ajax({
                type: 'POST',
                dataType: 'json',
                url: "https://www.gibbs.no/sv/wp-admin/admin-ajax.php",
                data: jQuery(this).serialize(),
             
                }).done( function( data ) {

                    if (data.loggedin == true){
                        // console.log(data.role.editor);
                        // return false;
                        if(data.role.editor){
                            role_editor = true;
                            window.location.href = '/kalender/';
                            return false;
                        }
                         else {
                            window.location.href = redirecturl;
                        }
                        jQuery('.login-form-gibbs .notification').show().removeClass('error').removeClass('notice').addClass('success').text(data.message);
                        success = true;
                    } else {
                        jQuery('.login-form-gibbs .notification').show().addClass('error').removeClass('notice').removeClass('success').text(data.message);
                    }
            } )
            .fail( function( reason ) {
                jQuery('.login-form-gibbs .notification').hide()
                // Handles errors only
                console.debug( 'reason'+reason );
            } ); 
    });
</script></div>

<div id="register-gib" class="register-gib tabcontent-gib">
  <form class="gibbs-register user-form" action="" method="post" data-trp-original-action="javascript:void(0)">

    <input type="hidden" name="action" value="gibbsajaxregister">

   
    <div class="row">
        <div class="col-md-6 custom-gap-right">
            <div class="form-row">
                <label for="first-name"><b>First Name</b></label>
                <input  class="form-control" placeholder="Förnamn" type="text" name="first_name" id="first-name" required="">
            </div>
        </div>
        <div class="col-md-6 custom-gap-left">
            <div class="form-row">
                <label for="last-name"><b>Last Name</b></label>
                <input  class="form-control" placeholder="Efternamn" type="text" name="last_name" id="last-name" required="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-row">
                <label for="email"><b>Email Address</b></label>
                <input type="email" placeholder="E-postadress"  class="form-control" name="email" id="email" value="" required="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-row">
                <label for="password1"><b>Lösenord</b></label>
                <input placeholder="Lösenord"  class="form-control" type="password" name="password" id="password1" minlength="8" required="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-row">
                <label for="phone"><b>Phone</b></label>
                <input type="text" pattern="\d*" placeholder="Phone" class="form-control phonenumber" name="phone" id="phonenumber" value="" minlength="7" maxlength="12" />
                            <input type="hidden" class="country_code" name="country_code" value="47">
            </div>
        </div>
    </div>

    
            <p class="form-row margin-top-10 margin-bottom-10 sdsd">
            <label for="privacy_policy"><input type="checkbox" id="privacy_policy" name="privacy_policy" required><span>I agree to the <a href="https://www.gibbs.no/sv/personvern/">Privacy Policy</a></span></label>

        </p>

        <input type="hidden" id="register_security" name="register_security" value="4a628924b5" /><input type="hidden" name="_wp_http_referer" value="/sv/mottatte-soknader/" />    <input type="submit" class="btn btn-primary btn-block" name="register" value="Registrera" />

    <div class="notification error closeable" style="display: none;">
        <p></p>
    </div>


   <div class="social-login-separator"><span>Registrera med</span></div>
   <div class="row">
       <div class="col-md-12">
      <button type='button' class="vipps_login_button" onclick="window.location.href='https://www.gibbs.no/sv?option=oauthredirect&app_name=Vipps&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader%3Fvipps%3Dtrue';">Hoppsan</button>
                  <button type='button' class="microsoft_login_button" onclick="window.location.href='https://www.gibbs.no/sv/?option=oauthredirect&app_name=Microsoft2&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader';">Microsoft </button>                  
                  <button type='button' class="google_login_button" onclick="window.location.href='https://www.gibbs.no/sv?option=oauthredirect&app_name=Google&redirect_url=https%3A%2F%2Fwww.gibbs.no%2Fsv%2Fmottatte-soknader';">Google </button>  
        </div>                        
   </div>
<input type="hidden" name="trp-form-language" value="sv"/></form>




<script type="text/javascript">
    jQuery('.gibbs-register').on('submit', function(e){
        var redirecturl = "https://www.gibbs.no/sv";
        if("" != ""){
            redirecturl = "";
        }
        
        jQuery('.login-form-gibbs .notification').removeClass('error').addClass('notice').show().text("Loading...")
        e.preventDefault();
          //  debugger;
            jQuery.ajax({
                type: 'POST',
                dataType: 'json',
                url: "https://www.gibbs.no/sv/wp-admin/admin-ajax.php",
                data: jQuery(this).serialize(),
             
                }).done( function( data ) {

                    if (data.registered == true){

                        window.location.href = redirecturl;

                        jQuery('.gibbs-register .notification').show().removeClass('error').removeClass('notice').addClass('success').text(data.message);
                        success = true;
                    } else {
                        jQuery('.gibbs-register .notification').show().addClass('error').removeClass('notice').removeClass('success').text(data.message);
                    }
            } )
            .fail( function( reason ) {
                // Handles errors only
                console.debug( 'reason'+reason );
            } ); 
    });
</script></div>

<script>
function openTab(evt, cityName) {

  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent-gib");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

/*   debugger; */
  tablinks = document.getElementsByClassName("tablinks-gib");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  tabcontent = document.getElementsByClassName("tabcontent-gib");
  tabcity = document.getElementsByClassName(cityName);
  for (i = 0; i < tabcity.length; i++) {
    tabcity[i].style.display = "block";
  }
  evt.currentTarget.className += " active";
}
</script>                        <script>
                            jQuery(document).ready(function(){
                                jQuery('form.register label[for=privacy_policy]').append(' og <a href="https://www.gibbs.no/sv/vilkaar/">Vilkår og betingelser</a>.');
                            });
                        </script>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><script>
jQuery(document).ready(function(){
     var inputs = document.querySelectorAll(".phonenumber");

                inputs.forEach(function(input){
                    var iti = window.intlTelInput(input, {
                            initialCountry: "no",
                            allowExtensions: true,
                            formatOnDisplay: true,
                            autoFormat: true,
                            numberType: "MOBILE",
                            preventInvalidNumbers: true,
                            separateDialCode: true,
                            utilsScript: "https://www.gibbs.no/sv/wp-content/themes/listeo-child/assets/js/utils.js?ver=5.7.2",
                    });
                    input.addEventListener("countrychange", function(e) {
                        var pnumber = iti.getSelectedCountryData().dialCode;
                        jQuery(".country_code").val(pnumber);
                    });
                })
    jQuery(document).on("click",".pw-icon", function(){
        
        if(jQuery(this).hasClass("fa-eye-slash")){
            jQuery(this).addClass("fa-eye").removeClass("fa-eye-slash");
            jQuery(this).parent().parent().find("input[name=password]").attr("type","text");
        }else{
            jQuery(this).addClass("fa-eye-slash").removeClass("fa-eye");
            jQuery(this).parent().parent().find("input[name=password]").attr("type","password");
        }
    })


   
    jQuery("input#phone").attr("maxlength", "8");
    jQuery("input#phone").attr("required", "required");
    jQuery("button[form='edit_user']").attr("onclick", "return confirm('Er du sikker på at du vil lagre?')");
    
    jQuery("#booking-confirmation").on('submit', function(e){
        if(jQuery("#booking_message").val() === ""){
            jQuery("#booking_message").closest("#label_message> span").addClass("show-inline");
            e.preventDefault();
        }else{
            jQuery("#booking_message").closest("#label_message> span").removeClass("show-inline");
        };
        
        var windowsize = jQuery(window).width();
        jQuery(window).resize(function() {
            windowsize = jQuery(window).width();
            if (windowsize < 480) {
                jQuery(".main-nav").addClass("main-nav-small");
            }else{
                jQuery(".main-nav").removeClass("main-nav-small");
            }
        });
        windowsize = jQuery(window).width();
        if (windowsize < 480) {
            jQuery(".main-nav").addClass("main-nav-small");
        }else{
            jQuery(".main-nav").removeClass("main-nav-small");
        }
    })

  
})
</script>
<link rel='stylesheet' id='google-fonts-raleway-css' href='//fonts.googleapis.com/css?family=Source%20Sans%20Pro:300,400,500,600,700' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans:500,600,700' type='text/css' media='all' />


	<script>
		
	function printNavCount(nr, selector){
		var messagesLink = document.querySelectorAll(selector);
		for (i = 0; i < messagesLink.length; i++) {
			if(messagesLink[i].parentNode.parentNode.classList.contains('main-nav-small')){
				messagesLink[i].insertAdjacentHTML("afterbegin", "<span style=\"background-color:#008474;position:absolute;left:51%;min-width:20px;height:20px;line-height:16px;top:-8px;border-radius:50px;color:white;z-index:1500;border:solid white 2px;box-sizing:border-box;font-size:11px;padding:0 7px;\">"+nr+"</span>");
			} else {
				messagesLink[i].insertAdjacentHTML("afterbegin", "<span style=\"background-color:#008474;position:absolute;left:23px;min-width:20px;height:20px;line-height:16px;top:-8px;border-radius:50px;color:white;z-index:1500;border:solid white 2px;font-size:11px;box-sizing:border-box;padding:0 7px;\">"+nr+"</span>");
			}
		}
	}

	function toggleSearchBar() {
		var topNavSearchBar = document.querySelector(".right-side-searchbar");
		console.log('HERE MOBVILE');
		// Search bar from not visible to visible
		if (topNavSearchBar.classList.contains("expandedNavbar")) {
			topNavSearchBar.classList.remove("expandedNavbar");
		} else {
			topNavSearchBar.classList.add("expandedNavbar");
			topNavSearchBar.querySelector("input").focus();
		}
	}
	</script>
	
    <script>
    var input = document.querySelector("#pphone");
    /* if(input != null){
	    var iti = window.intlTelInput(input, {
			   initialCountry: "no",
	    utilsScript: "https://staging4.pre.gibbs.no/wp-content/themes/listeo-child/assets/js/utils.js?ver=5.7.2",
	    });
    } */
    
   jQuery( "#pphone" ).change(function() {
			var pnumber = iti.getNumber();
			jQuery("#phone_with_code").val(pnumber);
		});
  </script>

<script type="text/javascript">
        jQuery( ".register" ).submit(function(e) {
			
			if(jQuery(this).find('input[name=phone]').val().length < 8){
				e.preventDefault();
				jQuery(".phone_error").remove();
				jQuery(this).find('input[name=phone]').parent().parent().append('<span class="phone_error" style="color:red">Telefonnummeret må være større enn 7 tegn.</span>')
			}

			setTimeout(function(){
                 jQuery(".phone_error").remove();
			},4000)

		});
		jQuery('input[name=phone]').keypress(function(event){
	       if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
	           event.preventDefault(); //stop character from entering input
	       }

	   });
		jQuery('input[type=radio][name=discount]').change(function(){
	      //jQuery(".booking-services a").click();
	   });

		jQuery(document).on("click",'.book-now-notloggedin',function(e){
	      // jQuery(".xoo-el-login-tgr").click();
      		jQuery('.single-listing .calendar-visible').css('z-index', '100');
	      e.preventDefault();
	      return false;
	    });
</script>
<script>
            
		jQuery(document).ready(function(){


			

			jQuery('.main-search-input button.button').click(function(evt){
				jQuery('.right-side-searchbar').addClass('over-search');

				if(!jQuery('.right-side-searchbar').hasClass('over-search')){
						evt.preventDefault();

						jQuery('.right-side-searchbar').addClass('over-search');
						jQuery('.right-side-searchbar').append("<div class='cross'>&#10060;</div>");
						jQuery('.right-side-searchbar.over-search .cross').click(function(){
							jQuery('.right-side-searchbar').removeClass('over-search');

						});
				}

			})
			jQuery('.wrapper .sidebar').mouseover(function(){

				if(jQuery('.wrapper').hasClass('active'))
				jQuery(".wrapper").addClass("mover");

			})
			jQuery('.wrapper .sidebar').mouseout(function(){
				if(jQuery('.wrapper').hasClass('active'))
				jQuery(".wrapper").removeClass("mover");
			})


			jQuery(".hamburger__inner").click(function(){
			  jQuery(".wrapper").toggleClass("active");
			  if(jQuery(".wrapper").hasClass("active")){
			  	localStorage.setItem("colspad", "1");
			  }else{
			  	localStorage.setItem("colspad", "0");
			  }
			})

			jQuery(".top_navbar .fas").click(function(){
			   jQuery(".profile_dd").toggleClass("active");
			});
			jQuery(document).on("click",".ul_menu .show_menu_icon",function(){
                jQuery(this).next().slideToggle("active");
			});
			jQuery(document).on("click",".ul_menu li show_menu_icon",function(e){
				
				if(jQuery(this).parent().find(".sub-menu") !=  undefined){
					if(jQuery(this).parent().find(".sub-menu").length > 0){
						e.preventDefault();
					    jQuery(this).parent().find(".sub-menu").slideToggle("active");
					    return false;
					}
					
				}
				return true;
                
			});
			jQuery(".main_container").find(".sub-menu").each(function(){
				jQuery(this).before("<span class='show_menu_icon'><i class='fa fa-chevron-down'></i></span>")
			})
			jQuery(".mobile-menu").find(".sub-menu").each(function(){
				jQuery(this).before("<span class='show_menu_icon'><i class='fa fa-chevron-down'></i></span>")
			})
			jQuery(".discount-input").click(function(){
			  var book_cl;
			  book_cl = jQuery(this).parent().data("class");
			 // jQuery(".discount-input").change();

			  setTimeout(function(){
			     jQuery("."+book_cl).removeClass("active");
			  },300)
			})
			
			jQuery(".current-menu-item").find(".sub-menu").show();
		})
		jQuery(".sub-menu").find(".current_page_item").parent().show()
	</script>
	
<script>
	var buttonHTML = jQuery('.loginButton').html();
	console.log(buttonHTML);
	//jQuery('.xoo-el-modal .continue-with-vipps-wrapper').next().html(buttonHTML);
	jQuery(buttonHTML).insertAfter('.xoo-el-modal .continue-with-vipps-wrapper');

 
    jQuery('.outerBlock .tab-ul li.tablinks').on('click', function(){
        jQuery('.outerBlock .tab-ul li.tablinks').removeClass('active');
        jQuery(this).addClass('active');
        jQuery('.adgandBlock').toggle();
        jQuery('.MatchannonsedBlock').toggle();
        });
        
        jQuery('#kobling').on('click', function(){
        jQuery('#koblingModal').show();
        });
        
        jQuery('#koblingModal .close').on('click', function(){
        jQuery('#koblingModal').hide();
        });
        
        jQuery('#dropdownMenuPopup').on('click', function(){
        jQuery('#listingDropdown22').show();
        });
        
        jQuery('#listingDropdown22 svg.svg-inline--fa.fa-times').on('click', function(){
        jQuery('#listingDropdown22').hide();
        });
	
	jQuery('.mobileSearch').on('click', function(){
		jQuery('.right-side-searchbar').addClass('showSearch');
	});
	
		jQuery(document).on('click', 'svg.svg-inline--fa.fa-times', function(){
		jQuery('.right-side-searchbar').removeClass('showSearch');
	});

	
</script>	

<script type="text/javascript">
    jQuery(".listeo_core-dashboard-action-duplicate").click(function(e){

        if(!confirm('Er du sikker?')){
            e.preventDefault();
           
           return false;

        }

    });
	jQuery(document).ready(function(){
		jQuery('.menu-toggle2').click(function(){
			jQuery(".mobile-header").find('nav').toggleClass('active');
		})
		jQuery('.close-tgl').click(function(){
			jQuery(".mobile-header").find('nav').removeClass('active');
		})
	})
</script>

</body>
</html>