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="#">
                <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="Bruk">
                        </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" class="applications-datatable-search">
                            </div>
                        </div>
                    </div>
                </div>
            </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>Email</th>
                            <th>Tlf</th>
                            <th>Lag</th>
                            <th>Idrett</th>
                            <th>Medlemmer</th>
                            <th>Alder</th>
                            <th>Type søker</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>Email</th>
                            <th>Tlf</th>
                            <th>Lag</th>
                            <th>Idrett</th>
                            <th>Medlemmer</th>
                            <th>Alder</th>
                            <th>Type søker</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"><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="Norsk bokmål" 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/nb_NO.png" width="18" height="12" alt="nb_NO" title="Norsk bokmål"> 		</a>
    </div>
    <div class="trp-ls-shortcode-language">
                <a href="#" class="trp-ls-shortcode-disabled-language trp-ls-disabled-language"  title="Norsk bokmål" 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/nb_NO.png" width="18" height="12" alt="nb_NO" title="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">         </a>

            <a href="https://www.gibbs.no/sv/mottatte-soknader/" title="Svenska">
            <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">         </a>

            <a href="https://www.gibbs.no/da/mottatte-soknader/" title="Dansk">
            <img loading="lazy" decoding="async" class="trp-flag-image" src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/Img/flags/da_DK.png" width="18" height="12" alt="da_DK" title="Dansk">         </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>Ressurser</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/integrasjoner/">Integrasjoner</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/funksjoner/">Funksjoner</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/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/partnere/">Partnere</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/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/sesongbooking-algoritme/">Sesongbooking algoritme</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>Hjelp</h4><div class="menu-support-meny-container"><ul id="menu-support-meny" class="menu"><li id="menu-item-48305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48305"><a target="_blank" href="https://www.gibbs.no/gavekort-saldo/">Sjekk gavekort saldo</a></li>
<li id="menu-item-48306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48306"><a target="_blank" href="https://www.gibbs.no/access/">Finn adgangskode</a></li>
<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/">Support for leietaker</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/">Support for utleier</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/login-for-ansatte-i-norges-bank/#">Login for ansatte 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/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/kontakt-oss/">Kontakt oss</a></li>
<li id="menu-item-16221" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16221"><a rel="privacy-policy" href="https://www.gibbs.no/personvern/">Personvern</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/vilkaar/">Vilkår og betingelser</a></li>
</ul></div></aside>	            </div>
	        
		</div>
		<!-- Copyright -->
		<div class="row">
			<div class="col-md-12">
				<div class="copyrights"> Utviklet i Norge 🇳🇴
© 2025 Gibbs AS. Alle rettigheter reservert. Org nr: 922 265 739</div>
			</div>
		</div>
	</div>
</div>




<div id="shareListingModal" class="modal template_modal">

  <!-- Modal content -->
   <div class="modal-content" style="width: 96%; max-width: 800px">
    <div class="modal-header">
      <span class="close close_user">&times;</span>
      <!-- <h2>Del</h2> -->
    <!--   <p>Ved å velge en mal, vil du få et forslag til hvordan et utleieobjekt kan se ut og hva slags informasjon det anbefales å legge inn</p> -->
    </div>
    <div class="modal-body">
       <div class="listing_demo_div dashboard-list-box1">
            <div class="row">
                <div class="col-md-12">
                    <div class="inner-d" style="padding: 1px 25px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px;">
                        <h3 style="color: #333; margin-bottom: 15px; font-size: 20px;">Booking link</h3>
                        <p style="color: #666; margin-bottom: 20px; line-height: 1.5;">Share a booking link on social media or on your site.</p>
                        
                        <div class="copy-text1" style="display: flex; margin-top: 15px;position: relative;">
                            <textarea class="text-in linkk" readonly style="width: 100%; min-height: 60px; resize: vertical; font-family: monospace; font-size: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #f8f9fa;"></textarea>
                            <button style="background-color: rgb(0, 132, 116);
								color: white;
								border: none;
								border-radius: 4px;
								cursor: pointer;
								white-space: nowrap;
								min-width: 41px;
								transition: 0.3s;
								position: absolute;
								right: 1px;
								bottom: 26px;
								width: 25px;
								height: 33px;" 
								onmouseover="this.style.backgroundColor='#006d5f'" onmouseout="this.style.backgroundColor='#008474'"
							>
                                <i class="fa-solid fa-copy"></i>
                            </button>
                        </div>
                        <!-- <div class="linkk-div" style="height: 100px;">
                           <div class="btn-main-lk">
                               <button class="btn-lk">Book nå (Kun til demo) </button>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="inner-d" style="padding: 1px 24px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px;">
                        <h3 style="color: #333; margin-bottom: 15px; font-size: 20px;">Widget/iframe</h3>
                        <p style="color: #666; margin-bottom: 20px; line-height: 1.5;">Install a booking widget in your site</p>
                        
                        <div class="copy-text2" style="display: flex; margin-top: 15px;position: relative;">
                            <textarea class="text-in iframee" readonly style="width: 100%; min-height: 110px; resize: vertical; font-family: monospace; font-size: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #f8f9fa;"></textarea>
                            <button style="background-color: rgb(0, 132, 116);
									color: white;
									border: none;
									border-radius: 4px;
									cursor: pointer;
									white-space: nowrap;
									min-width: 41px;
									transition: 0.3s;
									position: absolute;
									right: 1px;
									bottom: 26px;
									width: 25px;
									height: 33px;" 
								onmouseover="this.style.backgroundColor='#006d5f'" onmouseout="this.style.backgroundColor='#008474'"
							>
                                <i class="fa-solid fa-copy"></i>
                            </button>
                        </div>
                    <!--     <br>
                        <p>Slik vil widgeten se up på din hjemmeside</p>
                        <img src="https://www.gibbs.no/wp-content/themes/listeo-child/assets/images/booking_slots.png" style="height: 300px;width: 100%;"> -->
                    </div>
                </div>

									<h2>Slots V2</h2>

					<div class="col-md-12">
						<div class="inner-d" style="padding: 1px 24px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px;">
							<h3 style="color: #333; margin-bottom: 15px; font-size: 20px;">New slot booking widget</h3>
							<p style="color: #666; margin-bottom: 20px; line-height: 1.5;">Copy this code to add the new booking widget to your site.</p>
							<p>Check Listing <a class="demo-link" href="#" target="_blank">click here</a></p>
							<div class="hide-slot-border">
								<div class="hide-slot-border-label">Hide slot border</div>
								<div class="hide-slot-border-checkbox"><input type="checkbox" class="input-checkbox switch_1" name="hide_slotv2_widget_border" id="hide_slotv2_widget_border" placeholder="" value="on"  maxlength="" ></div>
							</div>
							<div class="script-details"></div>
						</div>
					</div>
				
				<div class="col-md-12 dintero-payment-not-enabled" style="display:none;">
					<div class="inner-d">
						<div class="alert alert-warning" style="padding: 1px 24px; margin-top: 10px; background-color: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; color: #856404; display: flex; align-items: center;">
							<i class="fa fa-exclamation-triangle" style="margin-right: 10px; font-size: 18px;"></i>
							<div>
								<strong>Slot v2 not enabled</strong><br>
								<span>Please contact administrator to enable new slot booking widget.</span>
								<!-- <span>Please enable Dintero payment in settings to enable new slot booking widget.</span> -->
							</div>
						</div>
					</div>
				</div>
            </div>
       </div>
    </div>
  </div>

</div>

<script type="text/javascript">
  
// Get the modal
//var team_sizeModal = document.getElementById("team_sizeModal");
//let shareListingModal = document.getElementById("shareListingModal");


// Get the <span> element that closes the modal
//var span = document.getElementsByClassName("close")[0];
var close_user = document.getElementsByClassName("close_user")[0];

// When the user clicks the button, open the modal 
/*team_sizebtn.onclick = function() {
  team_sizeModal.style.display = "block";
}*/
jQuery(document).on("click",".close_user, .close_template_btn",function(){
  jQuery("#shareListingModal").hide();
})

jQuery(document).on("click",".shareListing",function(){
  let linkk = jQuery(this).attr("data-url");
  jQuery(".dintero-payment-not-enabled").hide();

  let is_slot = jQuery(this).attr("data-is-slot");

  if(is_slot == "true"){
	
	if("true" != "true"){
		jQuery(".dintero-payment-not-enabled").show();
	}else{
		var listing_id = jQuery(this).attr("data-listing-id");
		var hide_border = jQuery(this).attr("data-hide-border");
		
		// Store listing_id on a persistent parent element for use in change handler
		jQuery(".hide-slot-border").closest(".inner-d").data("listing-id", listing_id);
		
		// Function to generate script with current checkbox state
		function generateScript() {
			var isChecked = jQuery("#hide_slotv2_widget_border").prop("checked");
			var hide_border_value = isChecked ? "1" : "";
			var url = "https://www.gibbs.no";
			var stored_listing_id = jQuery(".hide-slot-border").closest(".inner-d").data("listing-id") || listing_id;
			return '<div class="rmp-slot-booking" data-url="'+url+'" data-hide-border="'+hide_border_value+'" data-page-id="'+stored_listing_id+'"></div><script src="'+url+'/wp-content/plugins/gibbs-react-booking/react/widget.min.js"><\/script>';
		}
		
		jQuery(".demo-link").attr("href", "https://www.gibbs.no/slot-booking?listing_id="+listing_id);
		
		// Generate initial script
		let script_details = generateScript();

		// Create a nice copy section for script details
		jQuery(".script-details").html(`
			<div class="copy-text3" style="display: flex; margin-top: 15px;position: relative;">
				<textarea class="text-in script-code" readonly style="width: 100%; min-height: 110px; resize: vertical; font-family: monospace; font-size: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #f8f9fa;">${script_details}</textarea>
				<button style="background-color: rgb(0, 132, 116);
					color: white;
					border: none;
					border-radius: 4px;
					cursor: pointer;
					white-space: nowrap;
					min-width: 41px;
					transition: 0.3s;
					position: absolute;
					right: 1px;
					bottom: 26px;
					width: 25px;
					height: 33px;" 
					onmouseover="this.style.backgroundColor='#006d5f'" onmouseout="this.style.backgroundColor='#008474'"
				>
					<i class="fa-solid fa-copy"></i>
				</button>
			</div>
		`);
		
		// Update script when checkbox changes
		jQuery(document).off("change", "#hide_slotv2_widget_border").on("change", "#hide_slotv2_widget_border", function(){
			var updated_script = generateScript();
			jQuery(".script-code").val(updated_script);
		});
	}
  }

  // Append "?hide=true" only to the iframe link
  let modifiedIframeLink = linkk + "?hide=true";

  // Update the iframe HTML string with width, height, and border properties
  let iframeHtml = "<iframe  id='gibbs_iframe'  src='" + modifiedIframeLink + "' style='border:0; min-width: 300px; min-height: 800px; max-width: 450px; max-height: 800px;'></iframe><divv src='https://www.gibbs.no/iframe.js'></divv>";

  //let escapedIframeHtml = iframeHtml.replace(/</g, "&lt;").replace(/>/g, "&gt;");

  jQuery(".linkk").val(linkk); // Set original link without modification
  jQuery(".iframee").val(iframeHtml); // Set modified link for the iframe

  var scr = jQuery(".iframee").val().replaceAll("divv","script");
  jQuery(".iframee").val(scr);

  jQuery("#shareListingModal").show();


})

  

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function(event) {
    /*if (event.target == team_sizeModal) {
      team_sizeModal.style.display = "none";
    } */
    if (event.target == jQuery("#shareListingModal")) {
        jQuery("#shareListingModal").hide();
    }
  }
    var copyText1 = document.querySelector(".copy-text1");
    copyText1.querySelector("button").addEventListener("click", function () {
        let textarea = copyText1.querySelector("textarea.text-in");
        textarea.select();
        document.execCommand("copy");
        
        // Visual feedback
        let button = jQuery(this);
        let originalText = button.html();
        button.html('<i class="fa-solid fa-check"></i>');
        button.css('background-color', '#28a745');
        
        setTimeout(function () {
            button.html(originalText);
            button.css('background-color', '#008474');
        }, 2000);
        
        window.getSelection().removeAllRanges();
    });

    var copyText2 = document.querySelector(".copy-text2");
    copyText2.querySelector("button").addEventListener("click", function () {
        let textarea = copyText2.querySelector("textarea.text-in");
        textarea.select();
        document.execCommand("copy");
        
        // Visual feedback
        let button = jQuery(this);
        let originalText = button.html();
        button.html('<i class="fa-solid fa-check"></i>');
        button.css('background-color', '#28a745');
        
        setTimeout(function () {
            button.html(originalText);
            button.css('background-color', '#008474');
        }, 2000);
        
        window.getSelection().removeAllRanges();
    });

    // Add copy functionality for script details
    jQuery(document).on("click", ".copy-text3 button", function () {
        let textarea = jQuery(this).siblings(".script-code");
        textarea.select();
        document.execCommand("copy");
        
        // Visual feedback
        let button = jQuery(this);
        let originalText = button.html();
        button.html('<i class="fa-solid fa-check"></i>');
        button.css('background-color', '#28a745');
        
        setTimeout(function () {
            button.html(originalText);
            button.css('background-color', '#008474');
        }, 2000);
        
        window.getSelection().removeAllRanges();
    });

  
</script>
<!-- Back To Top Button -->
<div id="backtotop"><a href="#"></a></div>
</div> <!-- weof wrapper -->
<template id="tp-language" data-tp-language="nb_NO"></template><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/listeo-child/*","/wp-content/themes/listeo/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<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>

		<script>
jQuery(document).ready(function(){
    jQuery(".menu-item").each(function(){
        var title = jQuery(this).find(".tooltip-menu").attr("title");
        if(title){
            jQuery(this).attr("title",title);
            jQuery(this).tipTip({
                content: title,
                activation: 'click', // Show tooltip on click
                keepAlive: true // Keep tooltip open until clicked again
            });
            jQuery(this).tipTip('show');
        }
    })

    jQuery(".menu-item.menu-item-has-children > a").on("click",function(e){
        e.preventDefault();
        jQuery(this).parent().find(".show_menu_icon").trigger("click");
    })

    // jQuery(".menu-item").on("click",function(){
    //     var title = jQuery(this).find(".tooltip-menu").attr("title");
    //     if(title){
    //         debugger;
    //         jQuery(this).attr("title",title);
    //         jQuery(this).tipTip({
    //             content: title,
    //             activation: 'click', // Show tooltip on click
    //             keepAlive: true // Keep tooltip open until clicked again
    //         });
    //         jQuery(this).tipTip('show');
    //     }
        
    // })
     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/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>
<script   type="text/javascript" src="https://www.gibbs.no/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script   type="text/javascript" src="https://www.gibbs.no/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script   type="text/javascript" src="https://www.gibbs.no/wp-content/plugins/gibbs-application-form-v2/public/intltel-input/build/js/intlTelInput-jquery.min.js?ver=6.9" id="inteljs-js"></script>


	<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>