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

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close close_user">&times;</span>
      <h2>Opprett ny visning</h2>
    </div>
    <div class="modal-body">
      <div class="alert alert-danger alert_error_message" role="alert" style="display: none"></div>
      <div class="alert alert-success alert_success_message" role="alert" style="display: none"></div>
      <form method="post" class="template_form" action="javascript:void(0)">
          <input type="hidden" name="action" value="save_template">
          <input type="hidden" name="template_type" value="calender">
                    <input type="hidden" name="current_page" value="https://staging8.dev.gibbs.no/en/wp-json/wp/v2/pages/7516">
          <div class="row">
            
            <div class="form-group col-sm-12">
              <label>Visnings navn</label>
              <input class="form-control" name="template_name" type="text" placeholder="Skriv inn visnings navn" required>
            </div>
            <div class="form-group col-sm-12 template_submit_flex">
              <div></div>
              <div class="right-btn">
                <button class="form-control1 close_user close_template_btn" type="button" >Cancel</button>
                <input class="form-control submit_btn" type="submit" value="Save">
              </div>
            </div>
          </div>
      </form>
    </div>
  </div>

</div>


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

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close close_user">&times;</span>
      <h2>Oppdater visning</h2>
    </div>
    <div class="modal-body">
      <div class="alert alert-danger alert_error_message" role="alert" style="display: none"></div>
      <div class="alert alert-success alert_success_message" role="alert" style="display: none"></div>
      <form method="post" class="save_filter_template" action="javascript:void(0)">
          <input type="hidden" name="action" value="save_calender_filter_template_mobiscroll">
                    <input type="hidden" name="current_page" value="https://staging8.dev.gibbs.no/en/wp-json/wp/v2/pages/7516">
          <div class="row">
            <div class="form-group col-sm-12">

              
                    <label>Velg visning</label>
                    <select class="form-control template_selected" name="template_selected">
                      <option value="">Velg visning</option>
                       <option value=111 >Standard visning</option>                    </select>

                    <div class="alert alert-info filter-template-hidden-info" role="alert" style="display:none">
                       <i class="fa fa-info-circle"></i> Du har endret visningen, vil du lagre disse?
                    </div>
                            </div>
            
           <!--  <div class="form-group col-sm-12">
              <label>Template name</label>
              <input class="form-control" name="template_name" type="text" placeholder="Enter template name" required>
            </div> -->
            <div class="form-group col-sm-12 template_submit_flex">
              <input class="form-control templatebtn template-create-btn" type="button" value="Opprett visning">
                              <div class="right-btn">
                  <button class="form-control1 close_user close_template_btn gray_btn" type="button" >Lukk</button>
                  <button class="form-control submit_btn gray_btn" type="submit"><i class="fa fa-spinner fa-spin" style="display:none"></i> Lagre</button>
                  <button class="form-control select_template_btn gray_btn" type="button"><i class="fa fa-spinner fa-spin" style="display:none"></i> Velg</button>
                </div>
                          </div>
          </div>
      </form>
    </div>
  </div>

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

//var team_sizebtn = document.getElementById("team_size");

// Get the button that opens the modal

jQuery(document).on("click",".template-main",function(){

      templateModal.style.display = "block";
})
jQuery(document).on("click",".template-create-btn",function(){

      templateCreateModal.style.display = "block";
      templateModal.style.display = "none";
})

// 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",function(){
    jQuery("#templateModal").hide();
    jQuery("#templateCreateModal").hide();
  })
  

  // 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 == templateModal) {
      templateModal.style.display = "none";
    }
    if (event.target == templateCreateModal) {
      templateCreateModal.style.display = "none";
    }
  }
</script>
<div id="editTemplateModal" class="modal template_modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close close_user">&times;</span>
      <h2>Endre visning</h2>
      <div class="delete_template_modal"><button class="form-control1 delete_btn" type="button">Delete</button></div>
    </div>
    <div class="modal-body">
      <div class="alert alert-danger alert_error_message" role="alert" style="display: none"></div>
      <div class="alert alert-success alert_success_message" role="alert" style="display: none"></div>
      <form method="post" class="save_filter_template" action="javascript:void(0)">
          <input type="hidden" name="action" value="update_calender_filter_template_mobiscroll">
                    <input type="hidden" name="current_page" value="https://staging8.dev.gibbs.no/en/wp-json/wp/v2/pages/7516">
          <div class="row">
            <div class="form-group col-sm-12">
                    <label>Visnings navn</label>

                    <input type="hidden" class="template_selected" name="template_selected"  required>
                    <input type="text" class="template_name" name="template_name" required>

                    <div class="alert alert-info filter-template-hidden-info" role="alert" style="display:none">
                       <i class="fa fa-info-circle"></i> Du har gjort endringer til visningen, vil du lagre disse?.
                    </div>
            </div>
            
           <!--  <div class="form-group col-sm-12">
              <label>Visnings navn</label>
              <input class="form-control" name="template_name" type="text" placeholder="Skriv visnings nanv" required>
            </div> -->
            <div class="form-group col-sm-12 template_submit_flex">
              <input class="form-control templatebtn template-create-btn" type="button" value="Opprett visning">
                <div class="right-btn">
                  <button class="form-control1 close_user close_template_btn gray_btn" type="button" >Lukk</button>
                  <button class="form-control submit_btn gray_btn" type="submit"><i class="fa fa-spinner fa-spin" style="display:none"></i> Lagre</button>
                  <button class="form-control select_template_btn gray_btn" type="button"><i class="fa fa-spinner fa-spin" style="display:none"></i> Velg</button>
                </div>
            </div>
          </div>
      </form>
    </div>
  </div>

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

//var team_sizebtn = document.getElementById("team_size");

// Get the button that opens the modal

jQuery(document).on("click",".template-main",function(){

      editTemplateModal.style.display = "block";
})
jQuery(document).on("click",".template-create-btn",function(){

      editTemplateModal.style.display = "none";
})

// 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",function(){
    jQuery("#editTemplateModal").hide();
  })
  

  // 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 == editTemplateModal) {
      templateModal.style.display = "none";
    }
  }
</script><div mbsc-page class="wpm-recurring-event-add-edit-dialog admin-calender">
    <div style="height:100%">
                <div id="toast-container" class="bottom-right">
            <div id="toast" class="toast erreur toast-entrance d-flex">
    <div class="d-flex justify-content-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" class="eva eva-checkmark-circle-outline" fill="#ffffff">
            <g data-name="Layer 2">
                <g data-name="checkmark-circle">
                    <rect width="24" height="24" opacity="0"></rect>
                    <path d="M9.71 11.29a1 1 0 0 0-1.42 1.42l3 3A1 1 0 0 0 12 16a1 1 0 0 0 .72-.34l7-8a1 1 0 0 0-1.5-1.32L12 13.54z"></path>
                    <path d="M21 11a1 1 0 0 0-1 1 8 8 0 0 1-8 8A8 8 0 0 1 6.33 6.36 7.93 7.93 0 0 1 12 4a8.79 8.79 0 0 1 1.9.22 1 1 0 1 0 .47-1.94A10.54 10.54 0 0 0 12 2a10 10 0 0 0-7 17.09A9.93 9.93 0 0 0 12 22a10 10 0 0 0 10-10 1 1 0 0 0-1-1z"></path>
                </g>
            </g>
        </svg>
    </div>
    <span class="message-text"></span>
</div>        </div>
        <div class="filter_overlay"></div>
        <div class="main_sch_div">
            <div id="scheduler"></div>
            <div class='empty_calender'><div class='inner-content'>Du har ingen annonser enda. <a href='https://staging8.dev.gibbs.no/en/my-listings'>Opprett en her :) </a></</div></div>        </div>
        
        <div class="custom-footer">
   <div class="footer_head_div"><h5 class="show_cal_footer">Fargekoder for bookinger &nbsp;&nbsp;<i class="fa fa-chevron-down"></i></h5>
      <div class="footer_icon">
         <div class="row row-centered ">
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#FFC99A !important"></span> <span class="ft_color_txt">Reservasjon</span> <span class="settings-info" data-content="Status reservasjon betyr at tiden er holdt av og venter på handling "> <i class="fa fa-question-circle"></i></span></div>   
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#88D6FD !important"></span> <span class="ft_color_txt">Godkjent</span> <span class="settings-info" data-content="Status godkjent betyr at bookingen vetner på betaling fra kunde "><i class="fa fa-question-circle"></i></span></div>
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#B0ADFF !important"></span> <span class="ft_color_txt">Faktura</span> <span class="settings-info" data-content="Status faktura betyr at bookingen betales med eget fakturasystem"><i class="fa fa-question-circle"></i></span></div>
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#8FDF64 !important"></span> <span class="ft_color_txt">Betalt</span> <span class="settings-info" data-content="Status betalt betyr at bookingen er fullført, uansett om den kostet noe eller var gratis"><i class="fa fa-question-circle"></i></span></div>
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#FFB0B0 !important"></span> <span class="ft_color_txt">Kansellert</span> <span class="settings-info" data-content="Status kansellert betyr at bookingen er ikke glydig lenger og andre kan booke "><i class="fa fa-question-circle"></i></span></div>
            <div class="col-md-3 col-centered"><span class="ft_color dot-cl" style="background-color:#DADADA !important"></span> <span class="ft_color_txt">Stengt</span> <span class="settings-info" data-content="Du har lagt til stengetider via mine annonser eller sporadisk stengt"><i class="fa fa-question-circle"></i></span></div>
         </div>
      </div>
   </div>
</div>

<script type="text/javascript">
   jQuery(".show_cal_footer").click(function(){
      jQuery(".footer_icon").toggleClass("show");
   })
</script>
        <div style="display: none;">
            <div id="tv-view" class="tv_view_main">
        <div class="row first">

            <div class="col-md-12">
                <div class="header-div">
                    <h2>Kalender visning for TV</h2>
                </div>
            </div>
            
        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Visning <span class="settings-info" data-content="Det kan ta opp til 15min før kalenderen oppdateres"> <i class="fa fa-question-circle"></i></span></label>
                    <select id="view" name="view">
                        <option value="timeline_day">Tidslinje dag</option>
                        <option value="timeline_week">Tidslinje uke</option>
                        <option value="timeline_month">Tidslinje måned</option>
                        <option value="schedule_day">Dag</option>
                        <option value="schedule_week">Uke</option>
                        <option value="schedule_month">Måned</option>
                        <option value="schedule_year">År</option>
                        <option value="agenda">Agenda</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Vis fra </label>
                    <select id="start_hour" name="start_hour">
                        <option value="00:00">00:00</option>
                        <option value="01:00">01:00</option>
                        <option value="02:00">02:00</option>
                        <option value="03:00">03:00</option>
                        <option value="04:00">04:00</option>
                        <option value="05:00">05:00</option>
                        <option value="06:00">06:00</option>
                        <option value="07:00">07:00</option>
                        <option value="08:00">08:00</option>
                        <option value="09:00">09:00</option>
                        <option value="10:00">10:00</option>
                        <option value="11:00">11:00</option>
                        <option value="12:00">12:00</option>
                        <option value="13:00">13:00</option>
                        <option value="14:00">14:00</option>
                        <option value="15:00">15:00</option>
                        <option value="16:00">16:00</option>
                        <option value="17:00">17:00</option>
                        <option value="18:00">18:00</option>
                        <option value="19:00">19:00</option>
                        <option value="20:00">20:00</option>
                        <option value="21:00">21:00</option>
                        <option value="22:00">22:00</option>
                        <option value="23:00">23:00</option>
                        <option value="24:00">24:00</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Vis til </label>
                    <select id="end_hour" name="end_hour">
                        <option value="00:00">00:00</option>
                        <option value="01:00">01:00</option>
                        <option value="02:00">02:00</option>
                        <option value="03:00">03:00</option>
                        <option value="04:00">04:00</option>
                        <option value="05:00">05:00</option>
                        <option value="06:00">06:00</option>
                        <option value="07:00">07:00</option>
                        <option value="08:00">08:00</option>
                        <option value="09:00">09:00</option>
                        <option value="10:00">10:00</option>
                        <option value="11:00">11:00</option>
                        <option value="12:00">12:00</option>
                        <option value="13:00">13:00</option>
                        <option value="14:00">14:00</option>
                        <option value="15:00">15:00</option>
                        <option value="16:00">16:00</option>
                        <option value="17:00">17:00</option>
                        <option value="18:00">18:00</option>
                        <option value="19:00">19:00</option>
                        <option value="20:00" selected>20:00</option>
                        <option value="21:00">21:00</option>
                        <option value="22:00">22:00</option>
                        <option value="23:00">23:00</option>
                        <option value="24:00">24:00</option>
                    </select>
                </div>
                
            </div>

        </div>
        
        <div class="row">
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Vis dato velger</label>
                    <select id="header-div" name="header">
                       <option value="true">Ja</option>
                       <option value="false" selected>Nei</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Bredde</label>
                    <select id="width" name="width">
                       <option value="100%">100%</option>
                       <option value="50%">90%</option>
                       <option value="25%">80%</option>
                       <option value="20%">70%</option>
                       <option value="20%">60%</option>
                       <option value="20%">50%</option>
                       <option value="20%">40%</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-fields">
                    <label>Høyde</label>
                    <select id="height" name="height">
                        <option value="100%">100%</option>
                        <option value="50%">90%</option>
                        <option value="25%">80%</option>
                        <option value="20%">70%</option>
                        <option value="20%">60%</option>
                        <option value="20%">50%</option>
                        <option value="20%">40%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-fields">
                    <label>Annonse</label>
                    <select id="tv-listing" name="listings">
                        <option value="">Velg</option>
                                            </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-fields">
                    <label>Vis "Bestill" knapp</label>
                    <select id="show_book_now" name="show_book_now">
                        <option value="no">Nei</option>
                        <option value="yes">Ja</option>
                    </select>
                </div>
            </div>
            <!-- <div class="col-md-6">
                <div class="form-fields">
                    <label>Additional fields</label>
                    <select id="tv-additional-fields" name="tv-additional-fields">
                       <option value="">Velg</option>
                       <option value="event_title">Titte</option>
                       <option value="customer_name">Kunde</option>
                       <option value="age_group">Aldersgruppe</option>
                       <option value="level">Nivå</option>
                       <option value="type">Type søker</option>
                       <option value="sport">Idrett</option>
                       <option value="members">Antall medlemmer</option>
                       <option value="team_name">Lag navn</option>
                    </select>
                </div>
            </div> -->
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-fields">
                    <label>Annen informasjon </label>
                        <select id="additional-info-tv" name="additional-info-tv">
                        <option value="">Velg</option>
                        <option value="event_title">Tittel</option>
                        <option value="customer_name">Kunde</option>
                        <option value="phone_number">Kunde telefon</option>
                        <option value="age_group">Aldersgruppe</option>
                        <option value="level">Nivå</option>
                        <option value="type">Type søker</option>
                        <option value="sport">Idrett</option>
                        <option value="members">Antall medlemmer</option>
                        <option value="team_name">Lag navn</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6" style="display:none">
                <div class="form-fields">
                    <label>Vis i kalender  </label>
                    <select id="fields-info-tv" name="fields-info-tv">
                    <option value="">Velg</option>
                                        </select>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="col-md-12 tv-create-btn-div">
                <button  class="btn btn-primary tv-create-btn">Opprett visning</button>
            </div>
        </div>
</div>        
<div id="calendar-add-edit-popup" class="event_popup_main">

    <form id="eventForm" method="post" action="javascript:void(0)">
    <div class="row">
        <div class="k-tooltip-content">
            
        </div>
       <!--  <div class="event_popup_btn_main">
            <div class="col-md-6 event_popup_left_btn">
                <button type="button" class="btn btn-primary" id="popup-event-delete">Slett</button>
            </div>
            <div class="col-md-6 event_popup_right_btn">
                <button type="button" class="btn btn-primary close_btn close_event_popup" id="popup-event-close">Lukk</button>
                <button class="btn btn-primary submit_btn" type="submit">Lagre</button>
            </div>
        </div> -->
    </div>

    <div class="top-info-div">
        <div class="row">
            <div class="col-md-6">
                <div class="form-fields ">
                    <input  class="form-control event-title" id="event-title" name="event-title" placeholder="Tittel" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="topAction2 event_popup_btn_main1">
                    <div class="event_popup_left_btn" >
                        <button type="button" class="btn btn-primary" id="popup-event-delete"><i class="fa fa-trash"></i></button>
                    </div>
                    <button class="btn btn-primary submit_btn" type="submit"><i class="fa fa-floppy-disk view-more"></i></button>
                    <button type="button" class="btn btn-primary close_btn close_event_popup" id="popup-event-close"><i class="fa fa-close close_event_popup"></i></button>
                    
                    
                </div>
            </div>
        </div>
    </div>

    <div class="middle-info-div">
        <div class="row">
            <div class="col-md-6">
                <div class="form-fields dropdown_chevron">
                    <label class="event_none">Kunde                             <span class="group_infoo tooltip_info" data-content="For å opprette en ny kunde manuelt, trenger du mer tilgang. Spør om mer tilgang på kontakt@gibbs.no"><i class="fa fa-plus-circle" ></i></span>
                           
                    </label>
                    <select id="wpm-client" class="required client_dropdown" name="event-customer">
                        <option value="">Select</option>
                                                    <option value="1">Gibbs</option>
                                                    <option value="2">Gibbs Team A</option>
                                                    <option value="97">Sonja</option>
                                                    <option value="1276">Manuell Booking</option>
                                                    <option value="1283">Driv IL</option>
                                                    <option value="1285">Enebakk IF</option>
                                                    <option value="1294">Stengt</option>
                                                    <option value="1349">Enebakk Lions club Kristoffersen</option>
                                                    <option value="1352">Hege /Stranden skolemusikkorps Tolnæs</option>
                                                    <option value="1362">Jens Langkaas</option>
                                                    <option value="1368">Per-Erik</option>
                                                    <option value="1373">Driv IL</option>
                                                    <option value="1377">Enebakk Motorsportsklubb Agard-Michelsen</option>
                                                    <option value="1388">Enebakk Kulturskole</option>
                                                    <option value="1389">Kathrine /Frisklivssentralen</option>
                                                    <option value="1393">Enebakk kommunes bedriftsidrettslag Ruud</option>
                                                    <option value="1402">Enebakk idrettsforening</option>
                                                    <option value="1596">Demo Utleier</option>
                                                    <option value="1801">Ingrid A. Lien</option>
                                                    <option value="1853">Abdi Yusuf</option>
                                                    <option value="1948">Enebakk Motorsportklubb </option>
                                                    <option value="1958">Tarje Nyberg Karlsen</option>
                                                    <option value="1974">Tom Sjøli</option>
                                                    <option value="1985">Arvid Keskitalo</option>
                                                    <option value="2270">Os kommune</option>
                                                    <option value="2271">Hege Narbuvoll</option>
                                                    <option value="2272">Ragnhild Dåsnes</option>
                                                    <option value="2274">Anne Røsten</option>
                                                    <option value="2353">Gibbs Badstue konsept</option>
                                                    <option value="2556">Lindesnes kommune</option>
                                                    <option value="2571">Trine Gulbrandsen</option>
                                                    <option value="2640">SvalBadbyttepost@gibbs.no</option>
                                                    <option value="2652">Ingvild Rosseland</option>
                                                    <option value="2664">Lindesnes historielag</option>
                                                    <option value="2665">Rolf Steinar Bergli</option>
                                                    <option value="2722">Therese Selboe</option>
                                                    <option value="2731">Gymlek v/Sigrid Marken Nygård</option>
                                                    <option value="2733">Os IL trimgruppa</option>
                                                    <option value="2742">Røros IL volleyball</option>
                                                    <option value="2744">Rytrøa TFF</option>
                                                    <option value="2935">Susanne Canji Andersen</option>
                                                    <option value="2948">Ingunn Ulvestad</option>
                                                    <option value="3023">Os kulturskole</option>
                                                    <option value="3104">Egil Hovland</option>
                                                    <option value="3108">IvarWB</option>
                                                    <option value="3112">Anne Steihaug</option>
                                                    <option value="3174">OsIL Judogruppa</option>
                                                    <option value="3184">Alf Skagestad</option>
                                                    <option value="3212">Johanne Norsted</option>
                                                    <option value="3225">Ida Margrethe Perez</option>
                                                    <option value="3234">Ingjerd Buer Løvås</option>
                                                    <option value="3259">Svein-roger Lunde</option>
                                                    <option value="3309">Mathias Lund Stangebråten</option>
                                                    <option value="3330">Tor Arne Moxheim</option>
                                                    <option value="3381">Stine Helle</option>
                                                    <option value="3437">Andreas Hammerbeck</option>
                                                    <option value="3577">Christoffer Gudbrandsrud</option>
                                                    <option value="3582">Anne Marit</option>
                                                    <option value="3623">Kenneth Torsteinbø</option>
                                                    <option value="3633">Folkehallene</option>
                                                    <option value="3651">Henrik Anda</option>
                                                    <option value="3653">Kenneth Torsteinbø</option>
                                                    <option value="3657">Erik Erik Fuglestad</option>
                                                    <option value="3679">Testmester Testingen</option>
                                                    <option value="3808">Aleksander Grande</option>
                                                    <option value="3847">Kristoffer Olsen</option>
                                                    <option value="3869">Renate Alling</option>
                                                    <option value="4041">Hannah Malkenes</option>
                                                    <option value="4043">Mats Stensrud</option>
                                                    <option value="4124">Geir Arvid Reien</option>
                                                    <option value="4128">Marion</option>
                                                    <option value="4132">kjetil Bråten</option>
                                                    <option value="4133">lars Kristian Selsing</option>
                                                    <option value="4188">Malgorzata Irena Guz</option>
                                                    <option value="4211">Rikhart</option>
                                                    <option value="4212">Svenn Are Johansen</option>
                                                    <option value="4227">Lars Hervig</option>
                                                    <option value="4229">Jan Pechar</option>
                                                    <option value="4289">Elizabeth Pacini</option>
                                                    <option value="4340">Christine Levin Eriksen</option>
                                                    <option value="4355">Kajsa Nilsson</option>
                                                    <option value="4388">Kyliewence</option>
                                                    <option value="4392">ThomasFug</option>
                                                    <option value="4400">Joesphsmica</option>
                                                    <option value="4428">Everettwouts</option>
                                                    <option value="4451">Megantop</option>
                                                    <option value="4452">31.01hs3h8tzag84xy1zjmvwd5de6@mail5u.run</option>
                                                    <option value="4471">KECSxUlOhFQcwnG</option>
                                                    <option value="4481"></option>
                                                    <option value="4517">JerryPoora</option>
                                                    <option value="4558">HenryDyerm</option>
                                                    <option value="4605">Francisthubs</option>
                                                    <option value="4607">Nikoltak</option>
                                                    <option value="4629">Timothyfat</option>
                                                    <option value="4649">NuhPqdyZCLSFHb</option>
                                                    <option value="4684">Megantop</option>
                                                    <option value="4687">UnditlY</option>
                                                    <option value="4706">stewartsVOW</option>
                                                    <option value="4761">Georgequami</option>
                                                    <option value="4810">StevenWem</option>
                                                    <option value="4825">Janoubs</option>
                                                    <option value="4829">PromotionHed</option>
                                                    <option value="4830">33.01hs3h8tzag84xy1zjmvwd5de6@mail5u.xyz</option>
                                                    <option value="4875">adPIvZxGVWoztHQO</option>
                                                    <option value="4877">MusicShoth</option>
                                                    <option value="4931">Røros IL Volleyball</option>
                                                    <option value="4938">Tereza Svecova</option>
                                                    <option value="4957">MiltonGum</option>
                                                    <option value="4958">zubdokvor</option>
                                                    <option value="4986">StevenZer</option>
                                                    <option value="5009">DanielPlabs</option>
                                                    <option value="5017">VeqfPUxOmZRCnNJ</option>
                                                    <option value="5109">JustinBavix</option>
                                                    <option value="5137"></option>
                                                    <option value="5197">Carlosattah</option>
                                                    <option value="5208">GloriaWax</option>
                                                    <option value="5229">Christian Søberg</option>
                                                    <option value="5250">RaymondAduth</option>
                                                    <option value="5292">Ieva Hicks</option>
                                                    <option value="5316">ThomasFug</option>
                                                    <option value="5325">MichaelNaick</option>
                                                    <option value="5372">SRjYLbNv</option>
                                                    <option value="5374">Nina Alida Nordbø</option>
                                                    <option value="5375">Larryamupe</option>
                                                    <option value="5431">LYiWnCXSkFO</option>
                                                    <option value="5467">CarmelaBal</option>
                                                    <option value="5507">HKwmvhrkbAQD</option>
                                                    <option value="5543">Brianspoup</option>
                                                    <option value="5544">RobertSar</option>
                                                    <option value="5550">BrettNam</option>
                                                    <option value="5642">Chrisnob</option>
                                                    <option value="5650">morgan mackay</option>
                                                    <option value="5679">Frank#rizzo[Kfyzeiuqujbpygze,2,5]</option>
                                                    <option value="5718">udkrwMOjgyW</option>
                                                    <option value="5737">35.01hs3h8tzag84xy1zjmvwd5de6@mail5u.fun</option>
                                                    <option value="5769">Øyvind Møll</option>
                                                    <option value="5797">fOWBXNVnMEYuTc</option>
                                                    <option value="5816">bkExoky</option>
                                                    <option value="5864">RobertNub</option>
                                                    <option value="5868">Svalbard Folkehøgskole</option>
                                                    <option value="5885">Kim Andre Wilhelmsen</option>
                                                    <option value="5886">scaneraknows</option>
                                                    <option value="5898">Irene Sether</option>
                                                    <option value="5901">Wild Sauna Bakka</option>
                                                    <option value="5935">UnditlY</option>
                                                    <option value="5965">ywiZGteb</option>
                                                    <option value="6043">OAKrLBslj</option>
                                                    <option value="6060">Victoriaveics</option>
                                                    <option value="6068">Wild</option>
                                                    <option value="6085">DfertaDEk</option>
                                                    <option value="6128">Spangereid IL</option>
                                                    <option value="6136">Kamil gryga</option>
                                                    <option value="6142">XtdovRwziMBCVNJ</option>
                                                    <option value="6179">Okeygorandom https://gibbs.no  1352531</option>
                                                    <option value="6180">LouieGor</option>
                                                    <option value="6186">Megangek</option>
                                                    <option value="6195">EiyZJqGPShT</option>
                                                    <option value="6214">Nick Reyes</option>
                                                    <option value="6217">knut kristoffersen</option>
                                                    <option value="6218">klm</option>
                                                    <option value="6222">Arne Magnus Vedø</option>
                                                    <option value="6223">Andreas Rasmussen</option>
                                                    <option value="6224">Anders Roth</option>
                                                    <option value="6225">Verksted Verksted</option>
                                                    <option value="6226">Kunde privat</option>
                                                    <option value="6227">Petter Tester</option>
                                                    <option value="6228">Petter testing</option>
                                                    <option value="6231">123213 12321</option>
                                                    <option value="6232">213 213</option>
                                                    <option value="6243">Nina Ihlemyren</option>
                                                    <option value="6250">Haneborg skole</option>
                                                    <option value="6298">xkjIrviSQl</option>
                                                    <option value="6307">Charlestat</option>
                                                    <option value="6324">cantrellmechanicfcy5k2+2i7mpt7g2g4b@gmail.com</option>
                                                    <option value="6343">PromotionHed</option>
                                                    <option value="6345">Justina Stuopine</option>
                                                    <option value="6476">Brucedek</option>
                                                    <option value="6501">flagstoneveneydel2q9+2i7mpr006r5u@gmail.com</option>
                                                    <option value="6564">Beate Olsen</option>
                                                    <option value="6591">JfgjKLNoQGq</option>
                                                    <option value="6593">Holum IL</option>
                                                    <option value="6594">Martin Lauten</option>
                                                    <option value="6595">Utheim Grendehus - Møterom</option>
                                                    <option value="6596">Kim Laméus</option>
                                                    <option value="6597">Bjelland IL </option>
                                                    <option value="6601">Søgne og Mandal Basketballklubb</option>
                                                    <option value="6603">IL Giv Akt</option>
                                                    <option value="6604">Marnardal IL</option>
                                                    <option value="6608">SFO Øyslebø skole </option>
                                                    <option value="6609">Lindesnes kulturskole </option>
                                                    <option value="6610">Ergu-trimmen </option>
                                                    <option value="6611">Reme Bedehus </option>
                                                    <option value="6612">Frisklivssentralen </option>
                                                    <option value="6613">DDV Lindesnes </option>
                                                    <option value="6614">SFO Furulunden skole</option>
                                                    <option value="6627">RobertApard</option>
                                                    <option value="6634">Pappatrening </option>
                                                    <option value="6635">Bjelland Vel</option>
                                                    <option value="6637">Heddeland bo- og aktivitetssenter</option>
                                                    <option value="6638">Bruskelandsheia Bygdelag</option>
                                                    <option value="6640">Laudal Vel</option>
                                                    <option value="6642">Mandal Svømmeklubb</option>
                                                    <option value="6643">Manneskaret Vel</option>
                                                    <option value="6644">Marnardal Ungdomslag</option>
                                                    <option value="6645">Emily Grothen</option>
                                                    <option value="6646">NHF</option>
                                                    <option value="6648">Mandal Innebandyklubb</option>
                                                    <option value="6649">Lindesnes Karateklubb </option>
                                                    <option value="6671">Vannpuls </option>
                                                    <option value="6672">Øyslebø Vel</option>
                                                    <option value="6677">Mandal Badmintonklubb</option>
                                                    <option value="6678">Mandal kajakk-klubb</option>
                                                    <option value="6679">MHI Håndball</option>
                                                    <option value="6681">Mandalskameratene </option>
                                                    <option value="6683">Lindesnes Frisbeegolf </option>
                                                    <option value="6684">Mandal volleyballklubb</option>
                                                    <option value="6685">Mandal Guttekorps </option>
                                                    <option value="6686">MHI Friidrett </option>
                                                    <option value="6687">Mandal Tennisklubb</option>
                                                    <option value="6688">Skap </option>
                                                    <option value="6690">Mandal og Lindesnes klatreklubb </option>
                                                    <option value="6692">Furulunden skole</option>
                                                    <option value="6693">Vassmyra skole</option>
                                                    <option value="6695">Ime skole</option>
                                                    <option value="6696">Blomdalen skole</option>
                                                    <option value="6697">Vigeland Ungdsomsskole</option>
                                                    <option value="6698">Nyplass skole</option>
                                                    <option value="6699">Frøyseland skole</option>
                                                    <option value="6701">Mandal VGS</option>
                                                    <option value="6755">Rotbankah</option>
                                                    <option value="6758">Mandals turnforening</option>
                                                    <option value="6759">Thomas Støle Fidje</option>
                                                    <option value="6760">Stian Bjarøy Stubbrud</option>
                                                    <option value="6774">Wendy Haugenes</option>
                                                    <option value="6805">Karinazer</option>
                                                    <option value="6829">Grete Dihle</option>
                                                    <option value="6861">Svein Yngve Tellefsen</option>
                                                    <option value="6865">Robertpat</option>
                                                    <option value="6868">Glenn Ueland</option>
                                                    <option value="6869">John Madsen</option>
                                                    <option value="6878">Åse Berit Grisledal</option>
                                                    <option value="6879">Jarl Heimtun</option>
                                                    <option value="6880">Jan Egil Norheim</option>
                                                    <option value="6881">Monica De Klerk</option>
                                                    <option value="6911">MyzhPRheelf</option>
                                                    <option value="6918">Ina Birkeland</option>
                                                    <option value="6945">Kai Arild Hestad</option>
                                                    <option value="6975">Linn Anette Frøvold Manneråk</option>
                                                    <option value="6976">Aina Kristin Finsådal</option>
                                                    <option value="6977">Ole Sigurd Fidjestøl</option>
                                                    <option value="6978">Tone Kleveland</option>
                                                    <option value="6979">Åse Marit Håkonsen</option>
                                                    <option value="6980">Kristina Moland</option>
                                                    <option value="6981">Marina Frandsen Tveit</option>
                                                    <option value="6982">Vidar Fuglstveit</option>
                                                    <option value="6983">Hege Udland</option>
                                                    <option value="6986">Holum skole</option>
                                                    <option value="6988">Oasen skole</option>
                                                    <option value="6991">Marit Tollefsen</option>
                                                    <option value="6992">Torhild Ro Tobiassen</option>
                                                    <option value="6993">Kurt Helberg</option>
                                                    <option value="6994">Lindesnes Læringssenter</option>
                                                    <option value="6995">Frøysland Barnehage</option>
                                                    <option value="7014">Marit Fidjeland</option>
                                                    <option value="7015">Jarle Fjellstad</option>
                                                    <option value="7039">Hanne Kristin Hauge</option>
                                                    <option value="7062">Reidar Larsen</option>
                                                    <option value="7063">Lill Tony Ramvik</option>
                                                    <option value="7065">Francisthubs</option>
                                                    <option value="7066">Francisthubs</option>
                                                    <option value="7128">MichaelNaick</option>
                                                    <option value="7314">RonnieVaw</option>
                                                    <option value="7573">TimothyThimb</option>
                                                    <option value="7613">Matt Bosio</option>
                                                    <option value="7663">Irene Sophia Brørs</option>
                                                    <option value="7689">Linas Zukauskas</option>
                                                    <option value="7696">Testkunde test</option>
                                                    <option value="7697">MartinTEST LautenTEST</option>
                                                    <option value="7699">Kari-Mette Forsberg Jensen</option>
                                                    <option value="7714">Malin Yates</option>
                                                    <option value="7715">Elenita Vikstrand</option>
                                                    <option value="7716">Dagny Karlsen</option>
                                                    <option value="7717">May Oddveig Røstad</option>
                                                    <option value="7718">Jørgen Sørgendal</option>
                                                    <option value="7719">Trine Løndal</option>
                                                    <option value="7720">Renate Nysted</option>
                                                    <option value="7721">Gry-Hege Kvello</option>
                                                    <option value="7722">Marthe Aurmo</option>
                                                    <option value="7723">Monica Korsmo</option>
                                                    <option value="7724">Kjersti Mitacek</option>
                                                    <option value="7725">Marianne Martin</option>
                                                    <option value="7731">Geir Skårmo</option>
                                                    <option value="7744">Payalkiran katariya</option>
                                                    <option value="7746">Susanne Aanes</option>
                                                    <option value="7751">Mariann Stokke</option>
                                                    <option value="7757">Sverre Strøm Torjuul</option>
                                                    <option value="7758">Unni Nordkild</option>
                                                    <option value="7773">DJShoth</option>
                                                    <option value="7792">Emilie Hagelsteen Dalelid</option>
                                                    <option value="7793">Gerd Kari Kirkeby</option>
                                                    <option value="7794">Marit Andrew</option>
                                                    <option value="7796">Siri Herikstad</option>
                                                    <option value="7797">Per Kolstad</option>
                                                    <option value="7798">Rita Wilhelmsen</option>
                                                    <option value="7799">Ireen Erikson Sjøholt</option>
                                                    <option value="7802">ErvinMah</option>
                                                    <option value="7908">Charlesetx</option>
                                                    <option value="7964">wetzelmhoonjgq1a2+8930fq4smi1k@gmail.com</option>
                                                    <option value="7992">StevenWem</option>
                                                    <option value="8151">Devananthini Murugathasan</option>
                                                    <option value="8152">Hege Solberg</option>
                                                    <option value="8153">Hilde Iversen</option>
                                                    <option value="8154">Ingvild B. Solbø</option>
                                                    <option value="8155">Tine Nygaard</option>
                                                    <option value="8156">Silje Pettersen</option>
                                                    <option value="8157">Jan Arild Steen</option>
                                                    <option value="8159">Karine Bay</option>
                                                    <option value="8160">Charlotte G. Kvennes</option>
                                                    <option value="8161">Kine Cecilie Veitsle</option>
                                                    <option value="8202">Leonardrot</option>
                                                    <option value="8270">Anette Meiltoft</option>
                                                    <option value="8306">Chris Kamp</option>
                                                    <option value="8309">Peter Heinicke</option>
                                                    <option value="8357">Åse Normann</option>
                                                    <option value="8389">Ingrid Birkeland Nyvoll</option>
                                                    <option value="8418">Robertescax</option>
                                                    <option value="8422">Anette Olsen</option>
                                                    <option value="8435">Daniel Mitropolsky</option>
                                                    <option value="8442">Julieching</option>
                                            </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-fields dropdown_chevron tooltip_div">
                    <label class="event_none">Annonse <span class="settings-info" data-content="Kan ikke endre på annonse etter at hendelsen har blitt opprettet"> <i class="fa fa-question-circle"></i></span></label>
                    <select id="wpm-listing" class="required listing_dropdown"  name="event-listing">
                        <option value="">Select</option>
                                            </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-fields dropdown_chevron from_dropdown">
                    <label>Fra</label>
                    <input class="form-control required" id="add-event-start" name="event-start" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-fields dropdown_chevron to_dropdown">
                    <label>Til</label>
                    <input class="form-control required" id="add-event-end" name="event-end" />
                    <div id="add-event-dates"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 smaller_switch">
                <div class="form-fields">
                    <label class="repeter_switch_label">
                        <span class="labell bigger_font">Repeter</span>
                        <input type="checkbox" mbsc-switch id="repeter_switch" />
                    </label>
                    <div class="dropdown_chevron rec_divv">
                       <input data-dropdown="true" class="popup-event-recurrence" />
                    </div>
                </div>

                <div class="popup-event-recurrence-editor">
                    <div mbsc-segmented-group>
                        <label>
                            Daglig
                            <input mbsc-segmented class="md-recurrence-repeat recurrence-repeat-daily" name="recurrence-repeat" type="radio" value="daily" checked />
                        </label>
                        <label>
                            Ukentlig
                            <input mbsc-segmented class="md-recurrence-repeat recurrence-repeat-weekly" name="recurrence-repeat" type="radio" value="weekly" />
                        </label>
                        <label>
                            Månedlig
                            <input mbsc-segmented class="md-recurrence-repeat recurrence-repeat-monthly " name="recurrence-repeat" type="radio" value="monthly" />
                        </label>
                        <label>
                            Årlig
                            <input mbsc-segmented class="md-recurrence-repeat recurrence-repeat-yearly" name="recurrence-repeat" type="radio" value="yearly" />
                        </label>
                    </div>

                    <div class="md-recurrence-options">
                        
                        <div class="repeat_days_div">
                            <span class="rp-every"><span class="rp-inner">Repeter hver</span></span>
                            <span class="md-recurrence-input md-recurrence-input-nr">
                                <label>
                                    <input class="recurrence-interval" mbsc-input data-input-style="outline" type="number" min="1" />
                                </label>
                            </span>

                            <span class="md-recurrence-text md-recurrence-daily"><span class="md-recurrence-inner-text">dag(er)</span></span>
                            <span class="md-recurrence-text md-recurrence-weekly"><span class="md-recurrence-inner-text">uke(er)</span></span>
                            <span class="md-recurrence-text md-recurrence-monthly">
                                <span class="md-recurrence-inner-text">måned(er) på dag</span>
                                <span class="md-recurrence-input md-recurrence-input-nr">
                                    <label>
                                        <input class="recurrence-day" mbsc-input data-dropdown="true" data-input-style="outline" />
                                    </label>
                                </span>
                            </span>
                            <span class="md-recurrence-text md-recurrence-yearly">
                                <span class="md-recurrence-inner-text">år</span>
                            </span>
                           
                        </div>
                        <div class="d-flex yearly_div">
                            <span class="md-recurrence-text md-recurrence-yearly">
                                <span class="md-recurrence-inner-text">på den</span>
                                <span class="md-recurrence-input md-recurrence-input-nr">
                                    <label>
                                        <input class="recurrence-month-day" mbsc-input data-dropdown="true" data-input-style="outline" />
                                    </label>
                                </span>
                                <span class="md-recurrence-inner-text">av</span>
                                <span class="md-recurrence-input">
                                    <label>
                                        <input class="recurrence-month" mbsc-input data-dropdown="true" data-input-style="outline" />
                                    </label>
                                </span>
                            </span>
                        </div>


                        <div>
                            <p class="md-recurrence-desc md-recurrence-text md-recurrence-daily">Hendelsen vil bli repetert hver dag eller evert x dager</p>
                            <p class="md-recurrence-desc md-recurrence-text md-recurrence-weekly">Hendelsen vil bli repertert hver x uke på valgte ukedager</p>
                            <p class="md-recurrence-desc md-recurrence-text md-recurrence-monthly">Hendelsen vil bli repetert hver x måned på valgt dag i måneden</p>
                            <p class="md-recurrence-desc md-recurrence-text md-recurrence-yearly">Hendelsen vil bli repetert hver x år på valgt dag og valgt måned</p>
                        </div>
                    </div>

                    <div class="md-recurrence-text md-recurrence-weekly" mbsc-segmented-group>
                       
                        <label>
                            Man
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="MO" />
                        </label>
                        <label>
                            Tir
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="TU" />
                        </label>
                        <label>
                            Ons
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="WE" />
                        </label>
                        <label>
                            Tor
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="TH" />
                        </label>
                        <label>
                            Fre
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="FR" />
                        </label>
                        <label>
                            Lør
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="SA" />
                        </label>
                        <label>
                            Søn
                            <input mbsc-segmented class="md-recurrence-weekdays" type="checkbox" value="SU" />
                        </label>
                    </div>

                    <div class="md-recurrence-ends">Slutt repeteringen </div>

                    <div class="mbsc-form-group">
                        <label>
                            <input mbsc-radio  id="recurrence-condition-never" class="md-recurrence-condition recurrence-condition-never" type="radio" name="recurrence-condition" value="never" data-label="Aldri" data-position="start" data-description="Hendelsen vil repeteres for alltid" checked />
                        </label>
                        <label class="until rec-divs">
                            <input mbsc-radio id="recurrence-condition-until" class="md-recurrence-condition recurrence-condition-until" type="radio" name="recurrence-condition" value="until"  data-position="start" data-description="Hendelsen vil repeteres til den valgte datoen" />
                            <span class="rec-divs-inner">
                                <span>På dato</span>
                                <span class="md-recurrence-input">
                                    <label>
                                        <input class="recurrence-until" mbsc-input data-input-style="outline" placeholder="Velg" />
                                    </label>
                                </span>
                            </span>
                        </label>
                        <label class="condition-count rec-divs">
                            <input mbsc-radio id="recurrence-condition-count" class="md-recurrence-condition recurrence-condition-count" type="radio" name="recurrence-condition" value="count" data-position="start" data-description="Hendelsen vil repeteres til den blir gjentatt valgt antall ganger" />
                            <span class="rec-divs-inner">
                                <span>Etter</span>

                                <span class="md-recurrence-input md-recurrence-input-nr">
                                    <label>
                                        <input class="recurrence-count" mbsc-input data-input-style="outline" type="number" min="1" />
                                    </label> 
                                </span> <span>gjentakelser </span> 
                            </span>    
                           
                        </label>
                    </div>
                </div>
            </div>
        </div>

       

        <div class="row price_divv">
            <div class="col-md-6">
                <div class="form-fields price_dropdown">
                    <label class="event_none">Pris <span class="price_plus"><i class="fa fa-plus"></i></span></label>
                    <input type="number" name="bk_price" id="bk_price" min="0">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-fields paylink_main tooltip_div">
                    <label class="event_none">Betalingslenke <span class="settings-info" data-content="Du kan sende en betalingslenke bare når statusen er godkjent, slik at kundene kan betale gjennom lenken"> <i class="fa fa-question-circle"></i></span></label>
                    <span class="payment_plus"><i class="fa fa-plus"></i></span>
                    <div class="paylink_main_inner">
                        <span class="link_gen_span">Blir opprettet etter lagring</span>
                        <span class="payment_url"></span>
                    </div>
                    
                </div>
                <div class="form-fields refund_main tooltip_div">
                        <label class="event_none">Refunder <span class="settings-info" data-content="For å opprette en refusjon, trykk på 'Refunder beløp' og deretter på 'Lagre'. Husk å endre statusen hvis det er nødvendig "> <i class="fa fa-question-circle"></i></span></label>
                        <span class="refund_plus"><i class="fa fa-plus"></i> Refunder beløp</span>
                        <div class="refund_main_inner" style="display:none">
                           <input type="number" name="refund_price" id="refund_price" min="0" readonly>
                        </div>
                        <div class="refund_main_inner_refunded" style="display:none">
                           <input type="number" id="refund_price_used" min="0" readonly>
                        </div>
                    
                </div>
            </div>
            <!-- <div class="col-md-6">
                <div class="form-fields paylink_main tooltip_div">
                    <label class="event_none">Refund <span class="settings-info" data-content="Refund tooltip"> <i class="fa fa-question-circle"></i></span></label>
                    <span class="payment_plus">Create a refund<i class="fa fa-plus"></i></span>
                    <div class="paylink_main_inner">
                        <span class="link_gen_span">Refund is coming</span>
                        <span class="payment_url"></span>
                    </div>
                    
                </div>
            </div> -->
        </div>
        <div class="row mobile_flex_row">
            <div class="col-md-9 small_mobile">
                <div class="form-fields dropdown_chevron">
                    <label>Status</label>
                    <select  name="status" id="wpm-status" class="wpm-status required">
                        <option>Select status</option>
                        <option value="waiting">Reservasjon</option>
                        <option value="paid">Betalt </option>
                        <option value="sesongbooking">Sesongbooking </option>
                        <option value="manual_invoice">Faktura </option>
                        <option value="closed">Stengt</option>
                    </select>
                </div>
            </div>
            <div class="col-md-3 small_mobile_status">
                <div class="form-fields tooltip_div">
                    <label class="send_mail_switch_label event_none">
                        <span class="labell" >Send epost <span class="settings-info" data-content="Huk av om du ønsker å sende epost til valgt kunde"> <i class="fa fa-question-circle"></i></span></span>
                        <input type="checkbox" id="sendmail" />
                    </label>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-fields mobile_comment tooltip_div">
                    <label class="event_none">Kommentar <span class="settings-info" data-content="Når en hendelse har en kommentar fra kunde, vil det vises her"> <i class="fa fa-question-circle"></i></span></label>
                    <textarea class="popup-event-comment" readonly></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-fields mobile_note tooltip_div">
                    <label class="event_none">Notat <span class="settings-info" data-content="Dine notater til hendelsen. Kun utleier som ser disse notatene"> <i class="fa fa-question-circle"></i></span></label>
                    <textarea  class="popup-event-description"></textarea>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-fields adult_div tooltip_div">
                    <label class="event_none">Antall <span class="settings-info" data-content="Antallet som er booket"> <i class="fa fa-question-circle"></i></span></label>
                    <input type="number" class="popup-event-guest">
                </div>
            </div>
            <div class="col-md-6 access_code_div" style="display:none">
                <div class="form-fields  tooltip_div">
                    <label class="event_none">Adgangskode <span class="settings-info" data-content="Koden for å åpne"> <i class="fa fa-question-circle"></i></span></label>
                    <input type="text" class="access_code" readonly>
                </div>
            </div>
        </div>
        
    </div>



        <div class="calendar-edit-sections"></div>
       <!--  <div class="mbsc-button-group">
            <button class="mbsc-button-block" id="popup-event-delete" mbsc-button data-color="danger" data-variant="outline">Delete event</button>
        </div> -->
        
    </form>
<div class="row">
    <div class="col-md-12">
        <div class="cal_custom_fields">
        </div>
    </div>
</div>    
</div><div id="add-customer-popup" class="event_popup_main">

     <form id="customerForm" method="post" action="javascript:void(0)">

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

        <div class="top-info-div">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-fields">
                       <h4>Legg til ny kunde</h4>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-fields close_popup_field">
                        <span class="close_customer_popup"><i class="fa fa-times"></i></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="middle-info-div">
            <div class="row">
                <div class="col-md-12">
                    <div class="show_info_div">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-fields">
                        <label>E-post *</label>
                        <div class="email_divs">
                           <input type="email" class="customer_email" name="email" required>
                           <button type="button" class="btn btn-primary gibbs-btn customer_email_btn">Søk</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 extra_customer_div">
                    <div class="form-fields">
                        <label>Tlf *</label>
                        <input type="text" name="phone" id="customer_phone" required>
                        <input type="hidden" name="country_code" value="+47" required>
                    </div>
                </div>
            </div>
            <div class="extra_customer_div">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Fornavn *</label>
                            <input type="text" name="first_name" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Etternavn *</label>
                            <input type="text" name="last_name" required>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-fields">
                            <h4>Kunde faktura informasjon</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-fields">
                            <label>Type </label>
                            <select name="profile_type" class="profile_type">
                                <option value="Personal">Privatperson</option>
                                <option value="Company">Bedrift/organisasjon</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Navn</label>
                            <input type="text" name="billing_name">
                        </div>
                    </div>
                    <div class="col-md-6 org_div" style="display:none">
                        <div class="form-fields">
                            <label>Organisasjon nummer</label>
                            <input type="text" name="organization_number">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>E-post</label>
                            <input type="email" name="billing_email">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Tlf </label>
                            <input type="text" id="billing_phone">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>By</label>
                            <input type="text" name="billing_city">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Adresse</label>
                            <input type="text" name="billing_address1">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-fields">
                            <label>Post nr</label>
                            <input type="text" name="billing_postcode">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="event_popup_btn_main">
                        <div class="col-md-6 event_popup_left_btn">
                        </div>
                        <div class="col-md-6 event_popup_right_btn">
                            <button class="btn btn-primary close_btn close_customer_popup" id="popup-customer-close">Avbryt</button>
                            <button class="btn btn-primary submit_btn" type="submit">Lagre</button>
                        </div>
                    </div>
                </div>
            </div>    
        </div>

    </form>
    <div class="overlay" style="display: none;">
        <div class="overlay__inner">
            <div class="overlay__content"><span class="spinner"></span></div>
        </div>
    </div>

</div>


<script type="text/javascript">
    jQuery(".profile_type").change(function(){
        if(this.value == "Company"){
            jQuery('.org_div').show();
        }else{
            jQuery('.org_div').hide();
        }
    })
    var customer_phone = document.getElementById("customer_phone");
    let customer_phone_func =  jQuery(customer_phone).intlTelInput({
                              initialCountry: "NO",
                              separateDialCode: true,
                              hiddenInput: "full",
                              preferredCountries: ["NO"],
                              utilsScript:
                                "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js",
                            });
    var billing_phone = document.getElementById("billing_phone");
    let billing_phone_func =  jQuery(billing_phone).intlTelInput({
                              initialCountry: "NO",
                              separateDialCode: true,
                              hiddenInput: "billing_phone",
                              preferredCountries: ["NO"],
                              utilsScript:
                                "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js",
                            });
   

    
</script><div id="calendar-edit-popup">
   
</div>
            
        <div id="recurrence-edit-mode-popup">
    <div class="row">
        <div class="col-md-12">
            <h2>Repeterende hendelse</h2>
            <p>Dette er en repeterende hendelse. Hvordan ønsker du endringene skal bli lagret? </p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <label for="recurrence-edit-mode-current">
                <input mbsc-radio id="recurrence-edit-mode-current" class="md-recurrence-edit-mode" value="current" name="recurrence-edit-mode" type="radio" style="visibility: hidden;" checked />
                <div class="div_edited">
                    <div class="left_div">
                        <div class="dots_main">
                           <img src="https://staging8.dev.gibbs.no/wp-content/plugins/gibbs-admin-calendar-v2.0//assets/images/single_event_dots.jpg">
                        </div>
                        <b>Kun valgte</b>
                    </div>
                    <div class="text_div">
                        Kun denne hendelsen. Ingen andre hendelser i serien blir endret.
                    </div>
                </div>
            </label>
        </div>
        <div class="col-md-12">
            <label for="recurrence-edit-mode-following">
                <input mbsc-radio id="recurrence-edit-mode-following" class="md-recurrence-edit-mode"  value="following" name="recurrence-edit-mode" type="radio" style="visibility: hidden;" />
                <div class="div_edited">
                    <div class="left_div">
                        <div class="dots_main">
                            <img src="https://staging8.dev.gibbs.no/wp-content/plugins/gibbs-admin-calendar-v2.0//assets/images/future_event_dots.jpg">
                        </div>
                        <b>Fremtidige</b>
                    </div>
                    <div class="text_div">
                        Denne og fremdige hendelser. Tidligere hendelser blir ikke berørt.
                    </div>
                </div>
            </label>
        </div>
        <div class="col-md-12">
            <label for="recurrence-edit-mode-all">
                <input mbsc-radio id="recurrence-edit-mode-all" class="md-recurrence-edit-mode"  value="all" name="recurrence-edit-mode" type="radio" style="visibility: hidden;"/>
                <div class="div_edited">
                    <div class="left_div">
                        <div class="dots_main">
                            <img src="https://staging8.dev.gibbs.no/wp-content/plugins/gibbs-admin-calendar-v2.0//assets/images/all_evnet_dots.jpg">
                        </div>
                        <b>Alle hendelser</b>
                    </div>
                    <div class="text_div">
                        Alle hendelser i serien vil bli endret.
                    </div>
                </div>
            </label>
        </div>
    </div>
</div><div id="link-edit-mode-popup">
    <div class="row">
        <div class="col-md-12">
            <h2>Sammenkoblet bookinger</h2>
            <p>Denne hendelsen er på flere annonser samtidig. Hvordan vil du endringene skal bli lagret?</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <label for="event-link-edit-mode-current">
                <input mbsc-radio id="event-link-edit-mode-current" class="md-link-edit-mode" value="current" name="event-link-edit-mode" type="radio" style="visibility: hidden;" checked />
                <div class="div_edited">
                    <div class="left_div">
                        <div class="dots_main">
                           <img src="https://staging8.dev.gibbs.no/wp-content/plugins/gibbs-admin-calendar-v2.0//assets/images/single_event_dots.jpg">
                        </div>
                        <b>Kun valgte</b>
                    </div>
                    <div class="text_div">
                        Kun denne hendelsen, ingen andre hendelser som er sammenkoblet skal bli endret.
                    </div>
                </div>
            </label>
        </div>
        <div class="col-md-12">
            <label for="event-link-edit-mode-all">
                <input mbsc-radio id="event-link-edit-mode-all" class="md-link-edit-mode"  value="all" name="event-link-edit-mode" type="radio" style="visibility: hidden;"/>
                <div class="div_edited">
                    <div class="left_div">
                        <div class="dots_main">
                            <img src="https://staging8.dev.gibbs.no/wp-content/plugins/gibbs-admin-calendar-v2.0//assets/images/all_evnet_dots.jpg">
                        </div>
                        <b>Alle hendelser</b>
                    </div>
                    <div class="text_div">
                        Alle hendelser som er sammenkoblet skal bli endret.
                    </div>
                </div>
            </label>
        </div>
    </div>
</div><div id="calendar-event-tooltip-popup" class="md-tooltip">
   <div class="k-widget k-popup k-group k-reset">
        <div class="k-tooltip-content-holebox">
            <div class="row">
                <!-- left side -->
                <div class="col-md-6 left_side_div">

                    <div class="k-tooltip-content">
                        <div class="left_info_data">
                             
                        </div>
                    </div>
                    
                </div>
                <!-- right side -->
                <div class="col-md-6 right_side_div">
                    <div class="k-tooltip-content">
                        <div class="topAction">
                            <i class="fa fa-trash tooltip-delete"></i>
                            <i class="fa fa-edit view-more"></i>
                            <i class="fa fa-close tooltip-close"></i>
                        </div>
                        <div class="right_info_data">
                             
                        </div>
                    </div>
                    
                </div>
            </div>
            
        </div>
    </div>
</div><div id="toastTemplatePopup" class="mbsc-cloak">
    <div class="row">
        <div class="taost_template_main">
            <div class="message_div">
                <p>Changes to view are registered</p>
            </div>
            <div class="buttons_div">
                <button class="save_btn save_template_changes" mbsc-button data-color="primary"><i class="far fa-circle-check"></i> Save changes</button>
                <button class="new_template_btn" mbsc-button data-color="primary"><i class="far fa-plus-circle"></i> Create new template</button>
            </div>
        </div>
    </div>
</div>
<div id="search-popup" class="md-search-popup">
    <div>
        <div id="search-list" class="mbsc-popover-list"></div>
    </div>
</div><div id="filter-listing-popup">
    <div class="fbox">
        <div>
            <label>
                <input mbsc-input id="filter-listing-input" data-dropdown="true" data-input-style="outline" /> 
            </label>

            <a href="#" class="filter-clear" style="margin-left: 1em">Nullstill</a>
        </div>
        
    </div>
</div><div id="template-popup" class="template-popup">

    <div class="mbsc-form-group">

    	<div class="header_div">

    		<div class="top_temp">
                <!-- <div class="temp1 create_template_cal"><i class="fa fa-circle-plus"></i>Create template</div> -->
    			<div class="temp2"><h4>Velg visning</h4></div> 
    			<div class="temp3 close_template close_tmp"><i class="fa fa-close "></i></div>
    		</div>
    		
    	</div>

    	<ul class="template_divv">
    		                    <li class="template_li" data-id="111">
		    			<div class="row">
		    				<div class="col-md-8 title_divs d1 " data-id="111"><span>Standard visning</span></div>
		    				<div class="col-md-2 d1 edit_template" data-id="111" data-name="Standard visning"><i class="fa fa-edit"></i></div>
		    				<div class="col-md-2 d1 delete_template_form" data-id="111"><i class="fa fa-trash"></i></div>
		    			</div>
		    		</li>
                    
    	</ul>
     <div class="last_tmp_div">
    		<button type="button" class="btn btn-primary gibbs-btn create_template_cal"><i class="fa fa-circle-plus"></i> Opprett ny visning</button>
    	</div> 
       <!--  <div class="row row-bottom">
            <label for="update_template_auto" class="update_template_auto_main">
                <input  mbsc-switch data-label="Oppdater visning automatisk" type="checkbox" id="update_template_auto" name="update_template_auto" >
            </label>
        </div>
 -->
        
    </div>

</div><div id="settings-popup" class="settings-popup-div">
    <div class="row">
        <div class="col-md-4">
            <div class="form-fields">
                <label>Vis fra </label>
                <select id="display-hours-from">
                    <option value="00:00">00:00</option>
                    <option value="01:00">01:00</option>
                    <option value="02:00">02:00</option>
                    <option value="03:00">03:00</option>
                    <option value="04:00">04:00</option>
                    <option value="05:00">05:00</option>
                    <option value="06:00">06:00</option>
                    <option value="07:00">07:00</option>
                    <option value="08:00">08:00</option>
                    <option value="09:00">09:00</option>
                    <option value="10:00">10:00</option>
                    <option value="11:00">11:00</option>
                    <option value="12:00">12:00</option>
                    <option value="13:00">13:00</option>
                    <option value="14:00">14:00</option>
                    <option value="15:00">15:00</option>
                    <option value="16:00">16:00</option>
                    <option value="17:00">17:00</option>
                    <option value="18:00">18:00</option>
                    <option value="19:00">19:00</option>
                    <option value="20:00">20:00</option>
                    <option value="21:00">21:00</option>
                    <option value="22:00">22:00</option>
                    <option value="23:00">23:00</option>
                    <option value="24:00">24:00</option>
                </select>
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-fields">
                <label>Vis til </label>
                <select id="display-hours-to">
                    <option value="00:00">00:00</option>
                    <option value="01:00">01:00</option>
                    <option value="02:00">02:00</option>
                    <option value="03:00">03:00</option>
                    <option value="04:00">04:00</option>
                    <option value="05:00">05:00</option>
                    <option value="06:00">06:00</option>
                    <option value="07:00">07:00</option>
                    <option value="08:00">08:00</option>
                    <option value="09:00">09:00</option>
                    <option value="10:00">10:00</option>
                    <option value="11:00">11:00</option>
                    <option value="12:00">12:00</option>
                    <option value="13:00">13:00</option>
                    <option value="14:00">14:00</option>
                    <option value="15:00">15:00</option>
                    <option value="16:00">16:00</option>
                    <option value="17:00">17:00</option>
                    <option value="18:00">18:00</option>
                    <option value="19:00">19:00</option>
                    <option value="20:00">20:00</option>
                    <option value="21:00">21:00</option>
                    <option value="22:00">22:00</option>
                    <option value="23:00">23:00</option>
                    <option value="24:00">24:00</option>
                </select>
            </div>
            
        </div>
        <div class="col-md-4">
            <div class="form-fields">
                <label>Skala <span class="settings-info" data-content="Bestem time avstand mellom hver celle. Fungerer kun i visninger som viser timer"> <i class="fa fa-question-circle"></i></span></label>
                <select id="time-scale-to">
                    <option value="5">5 minutter</option>
                    <option value="10">10 minutter</option>
                    <option value="15">15 minutter</option>
                    <option value="30">30 minutter</option>
                    <option value="60">1 time</option>
                    <option value="120">2 timer</option>
                    <option value="180">3 timer</option>
                    <option value="240">4 timer</option>
                    <option value="360">6 timer</option>
                    <option value="480">8 timer</option>
                    <option value="720">12 timer</option>
                    <option value="1440">24 timer</option>
                </select>
            </div>
        </div>
    </div>
    <div class="row" style="display:none">
        <div>
            <div class="col-md-6">
                <label>Start dag <span class="settings-info" data-content="Velg hvilken ukedag kalender skal starte fra. Ønsker du å vise du arbeidsdager, velg mandag og så fredag. Fungerer kun uke og måned visning"> <i class="fa fa-question-circle"></i></span></label>
                <span class="md-recurrence-input">
                    <label>
                        <input mbsc-input id="display-days-from-input" data-dropdown="true" data-input-style="outline" />

                    </label>
                </span>
            </div>
            <div class="col-md-6">

                <label>Slutt dag <span class="settings-info" > </span></label>
                <span class="md-recurrence-input">
                    <label>
                        <input mbsc-input id="display-days-to-input" data-dropdown="true" data-input-style="outline" />

                    </label>
                </span>
            </div>
        </div>
    </div>
    <div class="row" style="display: none">
        <div class="col-md-12">
            <div class="form-fields show-daily-summary-week-div">
                <label>
                    <span class="settings-info" data-content="Dette er noe som fungerer kun i tidslinje visninger"> <i class="fa fa-question-circle"></i></span>
                    <input type="checkbox" mbsc-switch data-label="Vis hendelser som store" id="show-daily-summary-week" />
                </label>
            </div>
        </div>
    </div>
    <div class="row" style="display: none">
        <div class="col-md-12">
            <div class="form-fields">
                <label>
                    <input type="checkbox" mbsc-switch data-label="Vis uke" id="show-week-numbers" />
                </label>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-6">
            <div class="form-fields">
                <label>Annen informasjon </label>
                <select id="additional-info">
                   <option value="">Velg</option>
                   <option value="event_title">Tittel</option>
                   <option value="customer_name">Kunde</option>
                   <option value="phone_number">Kunde telefon</option>
                   <option value="age_group">Aldersgruppe</option>
                   <option value="level">Nivå</option>
                   <option value="type">Type søker</option>
                   <option value="sport">Idrett</option>
                   <option value="members">Antall medlemmer</option>
                   <option value="team_name">Lag navn</option>
                   <option value="amount_guest">Vis antall</option>
                </select>
            </div>
        </div>
        <div class="col-md-6" style="display:none">
            <div class="form-fields">
                <label>Vis egne felt  </label>
                <select id="fields-info">
                   <option value="">Velg</option>
                                   </select>
            </div>
        </div>
        
    </div>
    <div class="row">
    <div class="col-md-6">
            <div class="form-fields">
                <label>Kalender ikoner</label>
                <select id="admin_icon_show">
                   <!-- <option value="">Velg</option> -->
                   <option value="repeated">Repeterende booking</option>
                   <!-- <option value="not_repeated">Avkoblet repeterende </option> -->
                   <option value="linked">Sammenkoblet </option>
                  <!--  <option value="not_linked">Avkoblet sammenkoblet</option> -->
                   <option value="comment">Kommentar</option>
                   <option value="notes">Notat</option>
                   <option value="custom_field">Annen informasjon</option>
                </select>
            </div>
        </div>
        
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-fields pdf_view" id="tv-view-btn" >
                <label>Kalender visning for TV </label>
                <button  class="mbsc-popup-button mbsc-popup-button-anchored mbsc-ltr mbsc-popup-button-primary mbsc-reset mbsc-font mbsc-button mbsc-material mbsc-ltr mbsc-button-flat"><i class="fa fa-screencast"></i></button>
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-fields pdf_view" id="print-calendar">
                <label>Eksporter til PDF </label>
                <button  class="mbsc-popup-button mbsc-popup-button-anchored mbsc-ltr mbsc-popup-button-primary mbsc-reset mbsc-font mbsc-button mbsc-material mbsc-ltr mbsc-button-flat"><i class="fa fa-download"></i></button>
            </div>
        </div>
    </div>
   <!--  <div class="mbsc-form-group">

        <div>
            Display days from <span class="settings-info" data-content="Display days from"> <svg class="svg-inline--fa fa-question-circle " aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>
            <span class="md-recurrence-input">
                <label>
                    <input mbsc-input id="display-days-from-input" data-dropdown="true" data-input-style="outline" />

                </label>
            </span>

            to <span class="settings-info" data-content="Display days to"> <svg class="svg-inline--fa fa-question-circle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>
            <span class="md-recurrence-input">
                <label>
                    <input mbsc-input id="display-days-to-input" data-dropdown="true" data-input-style="outline" />

                </label>
            </span>
        </div>

        <label style="display:none">
            <input type="checkbox" mbsc-switch data-label="Show a daily summary of events" id="show-daily-summary-week" />
            <span class="settings-info" data-content="Show a daily summary of events"> <svg class="svg-inline--fa fa-question-circle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>
        </label>
        <label>
            <input type="checkbox" mbsc-switch data-label="Show week numbers" id="show-week-numbers" />
            <span class="settings-info" data-content="Show week numbers"> <svg class="svg-inline--fa fa-question-circle" data-content="Show week numbers" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>
        </label>
        <div id="display-hours-container" data-content="Display hours from 5555">
            Display hours from <span class="settings-info" data-content="Display hours from dfdfdf"><svg class="svg-inline--fa fa-question-circle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>

            <span class="md-recurrence-input">
                <label>
                    <input mbsc-input id="display-hours-from-input" data-dropdown="true" data-input-style="outline" />
                    <select id="display-hours-from">
                        <option value="00:00">00:00</option>
                        <option value="01:00">01:00</option>
                        <option value="02:00">02:00</option>
                        <option value="03:00">03:00</option>
                        <option value="04:00">04:00</option>
                        <option value="05:00">05:00</option>
                        <option value="06:00">06:00</option>
                        <option value="07:00">07:00</option>
                        <option value="08:00">08:00</option>
                        <option value="09:00">09:00</option>
                        <option value="10:00">10:00</option>
                        <option value="11:00">11:00</option>
                        <option value="12:00">12:00</option>
                        <option value="13:00">13:00</option>
                        <option value="14:00">14:00</option>
                        <option value="15:00">15:00</option>
                        <option value="16:00">16:00</option>
                        <option value="17:00">17:00</option>
                        <option value="18:00">18:00</option>
                        <option value="19:00">19:00</option>
                        <option value="20:00">20:00</option>
                        <option value="21:00">21:00</option>
                        <option value="22:00">22:00</option>
                        <option value="23:00">23:00</option>
                        <option value="24:00">24:00</option>
                    </select>

                </label>
            </span>
            to <span class="settings-info" data-content="Display hours to"><svg class="svg-inline--fa fa-question-circle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span></span>
            <span class="md-recurrence-input">
                <label>
                    <input mbsc-input id="display-hours-to-input" data-dropdown="true" data-input-style="outline" />
                    <select id="display-hours-to">
                        <option value="00:00">00:00</option>
                        <option value="01:00">01:00</option>
                        <option value="02:00">02:00</option>
                        <option value="03:00">03:00</option>
                        <option value="04:00">04:00</option>
                        <option value="05:00">05:00</option>
                        <option value="06:00">06:00</option>
                        <option value="07:00">07:00</option>
                        <option value="08:00">08:00</option>
                        <option value="09:00">09:00</option>
                        <option value="10:00">10:00</option>
                        <option value="11:00">11:00</option>
                        <option value="12:00">12:00</option>
                        <option value="13:00">13:00</option>
                        <option value="14:00">14:00</option>
                        <option value="15:00">15:00</option>
                        <option value="16:00">16:00</option>
                        <option value="17:00">17:00</option>
                        <option value="18:00">18:00</option>
                        <option value="19:00">19:00</option>
                        <option value="20:00">20:00</option>
                        <option value="21:00">21:00</option>
                        <option value="22:00">22:00</option>
                        <option value="23:00">23:00</option>
                        <option value="24:00">24:00</option>
                    </select>

                </label>
            </span>

        </div>
        <div id="time-scale-to-container">
            Set the time scale to <span class=" settings-info" data-content="Set the time scale to"><svg class="svg-inline--fa fa-question-circle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path>
                </svg></span>

            <span class="md-recurrence-input">
                <label>
                    <input mbsc-input id="time-scale-to-input" data-dropdown="true" data-input-style="outline" />
                    <select id="time-scale-to">
                        <option value="5">5 minutes</option>
                        <option value="10">10 minutes</option>
                        <option value="15">15 minutes</option>
                        <option value="30">30 minutes</option>
                        <option value="60">1 hour</option>
                        <option value="120">2 hours</option>
                        <option value="180">3 hours</option>
                        <option value="240">4 hours</option>
                        <option value="360">6 hours</option>
                        <option value="480">8 hours</option>
                        <option value="720">12 hours</option>
                        <option value="1440">24 hours</option>
                    </select>
                </label>
            </span>
        </div>

       
    </div>

    <div class="mbsc-form-group">
        <button id="print-calendar" class="mbsc-popup-button mbsc-popup-button-anchored mbsc-ltr mbsc-popup-button-primary mbsc-reset mbsc-font mbsc-button mbsc-material mbsc-ltr mbsc-button-flat">Export to PDF</button>
    </div> -->
</div>

<div id="settings-info-tooltip" >
    <div id="settings-info-tooltip-content" class="settings-info-tooltip-main"></div>
</div><div id="calendar-resource-info-tooltip"class="md-tooltip" style="padding: 10px 30px;background-color: #fff;">
    <div class="k-widget k-popup k-group k-reset">
        <div class="k-tooltip-content-holebox">
            <div class="k-tooltip-content">
                <div class="topAction">
                    <i class="fa fa-edit tooltip-view-resource"></i>
                    <i class="fa fa-close tooltip-close-resource"></i>
                </div>
                <div class="res_tooltip"></div>
<!-- 
                <p>Title: <span class="title-text"><span></p>
                <p>Sports: <span class="sports-text"><span></p> -->
            </div>
        </div>
    </div>
</div><div id="google-event-popup" class="google-event-popup">
    <div class="md-sync-events-google-cont">
        <div class="md-sync-events-google-menu mbsc-hidden">
            <div aria-hidden="true" id="demo-logged-in-cont" style="display:none">
                <div id="demo-google-cal-list" class="mbsc-form-group-inset md-sync-events-google-inset"></div>
                <div class="mbsc-form-group-inset">
                    <button mbsc-button id="demo-google-cal-sign-out" class="mbsc-button-block">Log out of my account</button>
                </div>
            </div>
        </div>
    </div>
</div><div id="outlook-event-popup" class="outlook-event-popup">
        <div id="demo-logged-in-cont_outlook">
            <div id="demo-outlook-cal-list" class="mbsc-form-group-inset md-sync-events-outlook-inset"></div>
            <div class="mbsc-form-group-inset">
                <button mbsc-button id="demo-outlook-cal-sign-out" class="md-sync-events-outlook-button mbsc-button-block">Log out of my account</button>
            </div>
        </div>
</div>        </div>
    </div>
</div>        

{"id":7516,"date":"2021-12-01T10:00:46","date_gmt":"2021-12-01T09:00:46","guid":{"rendered":"https:\/\/move.gibbs.no\/?page_id=7516"},"modified":"2023-10-31T15:54:46","modified_gmt":"2023-10-31T14:54:46","slug":"kalender","status":"publish","type":"page","link":"https:\/\/staging8.dev.gibbs.no\/en\/kalender\/","title":{"rendered":"Calendar"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-7516","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kalender - Gibbs.no - Bookingsystem<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kalender - Gibbs.no - Bookingsystem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging8.dev.gibbs.no\/en\/kalender\/\" \/>\n<meta property=\"og:site_name\" content=\"Gibbs.no - Bookingsystem\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GibbsNorge\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-31T14:54:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/10\/Gibbs-Bookingsystem.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging8.dev.gibbs.no\/kalender\/\",\"url\":\"https:\/\/staging8.dev.gibbs.no\/kalender\/\",\"name\":\"Kalender - Gibbs.no - Bookingsystem\",\"isPartOf\":{\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#website\"},\"datePublished\":\"2021-12-01T09:00:46+00:00\",\"dateModified\":\"2023-10-31T14:54:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/staging8.dev.gibbs.no\/kalender\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging8.dev.gibbs.no\/kalender\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging8.dev.gibbs.no\/kalender\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging8.dev.gibbs.no\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kalender\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#website\",\"url\":\"https:\/\/staging8.dev.gibbs.no\/\",\"name\":\"Gibbs.no\",\"description\":\"Bookingsystem - 1.Book 2.Betal 3.\u00c5pne\",\"publisher\":{\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging8.dev.gibbs.no\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#organization\",\"name\":\"Gibbs AS\",\"url\":\"https:\/\/staging8.dev.gibbs.no\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/11\/Gibbs-bookingsystem-logo.png\",\"contentUrl\":\"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/11\/Gibbs-bookingsystem-logo.png\",\"width\":696,\"height\":696,\"caption\":\"Gibbs AS\"},\"image\":{\"@id\":\"https:\/\/staging8.dev.gibbs.no\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GibbsNorge\",\"https:\/\/www.linkedin.com\/company\/gibbsnorge\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kalender - Gibbs.no - Bookingsystem","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Kalender - Gibbs.no - Bookingsystem","og_url":"https:\/\/staging8.dev.gibbs.no\/en\/kalender\/","og_site_name":"Gibbs.no - Bookingsystem","article_publisher":"https:\/\/www.facebook.com\/GibbsNorge","article_modified_time":"2023-10-31T14:54:46+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/10\/Gibbs-Bookingsystem.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging8.dev.gibbs.no\/kalender\/","url":"https:\/\/staging8.dev.gibbs.no\/kalender\/","name":"Kalender - Gibbs.no - Bookingsystem","isPartOf":{"@id":"https:\/\/staging8.dev.gibbs.no\/#website"},"datePublished":"2021-12-01T09:00:46+00:00","dateModified":"2023-10-31T14:54:46+00:00","breadcrumb":{"@id":"https:\/\/staging8.dev.gibbs.no\/kalender\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging8.dev.gibbs.no\/kalender\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging8.dev.gibbs.no\/kalender\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging8.dev.gibbs.no\/"},{"@type":"ListItem","position":2,"name":"Kalender"}]},{"@type":"WebSite","@id":"https:\/\/staging8.dev.gibbs.no\/#website","url":"https:\/\/staging8.dev.gibbs.no\/","name":"Gibbs.no","description":"Bookingsystem - 1.Book 2.Betal 3.\u00c5pne","publisher":{"@id":"https:\/\/staging8.dev.gibbs.no\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging8.dev.gibbs.no\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging8.dev.gibbs.no\/#organization","name":"Gibbs AS","url":"https:\/\/staging8.dev.gibbs.no\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging8.dev.gibbs.no\/#\/schema\/logo\/image\/","url":"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/11\/Gibbs-bookingsystem-logo.png","contentUrl":"https:\/\/staging8.dev.gibbs.no\/wp-content\/uploads\/2023\/11\/Gibbs-bookingsystem-logo.png","width":696,"height":696,"caption":"Gibbs AS"},"image":{"@id":"https:\/\/staging8.dev.gibbs.no\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GibbsNorge","https:\/\/www.linkedin.com\/company\/gibbsnorge"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"post-thumbnail":false,"listeo-avatar":false,"listeo-blog-post":false,"listeo-blog-related-post":false,"listeo-post-thumb":false,"listeo-gallery":false,"listeo-listing-grid":false,"listeo_core-avatar":false,"listeo_core-preview":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Gibbs","author_link":"https:\/\/staging8.dev.gibbs.no\/en\/author\/kamil-gryga94gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/pages\/7516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/comments?post=7516"}],"version-history":[{"count":36,"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/pages\/7516\/revisions"}],"predecessor-version":[{"id":18742,"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/pages\/7516\/revisions\/18742"}],"wp:attachment":[{"href":"https:\/\/staging8.dev.gibbs.no\/en\/wp-json\/wp\/v2\/media?parent=7516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}