text: /**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  
  /**
   * The following block of code may be used to automatically register your
   * Vue components. It will recursively scan this directory for the Vue
   * components and automatically register them with their "basename".
   *
   * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
   */
  
  // const files = require.context('./', true, /\.vue$/i)
  // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
  
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  const app = new Vue({
      el: '#app',
  });
  
  
  var baseURL = 'https://antenanantalonlinebooking.herokuapp.com';
  
  
  (function($) {
    "use strict"; // Start of use strict
  
    // Toggle the side navigation
    $("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
      $("body").toggleClass("sidebar-toggled");
      $(".sidebar").toggleClass("toggled");
      if ($(".sidebar").hasClass("toggled")) {
        $('.sidebar .collapse').collapse('hide');
      };
    });
  
    // Close any open menu accordions when window is resized below 768px
    $(window).resize(function() {
      if ($(window).width() < 768) {
        $('.sidebar .collapse').collapse('hide');
      };
      
      // Toggle the side navigation when window is resized below 480px
      if ($(window).width() < 480 && !$(".sidebar").hasClass("toggled")) {
        $("body").addClass("sidebar-toggled");
        $(".sidebar").addClass("toggled");
        $('.sidebar .collapse').collapse('hide');
      };
    });
  
    // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
    $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
      if ($(window).width() > 768) {
        var e0 = e.originalEvent,
          delta = e0.wheelDelta || -e0.detail;
        this.scrollTop += (delta < 0 ? 1 : -1) * 30;
        e.preventDefault();
      }
    });
  
    // Scroll to top button appear
    $(document).on('scroll', function() {
      var scrollDistance = $(this).scrollTop();
      if (scrollDistance > 100) {
        $('.scroll-to-top').fadeIn();
      } else {
        $('.scroll-to-top').fadeOut();
      }
    });
  
    // Smooth scrolling using jQuery easing
    $(document).on('click', 'a.scroll-to-top', function(e) {
      var $anchor = $(this);
      $('html, body').stop().animate({
        scrollTop: ($($anchor.attr('href')).offset().top)
      }, 1000, 'easeInOutExpo');
      e.preventDefault();
    });
  
    // Model to edit appointment status 
     $('#EDITRDVModal').on('show.bs.modal', function (event) {
                        var button = $(event.relatedTarget) // Button that triggered the modal
                        var rdv_date = button.data('rdv_date') // Extract info from data-* attributes
                        var rdv_id = button.data('rdv_id') // Extract info from data-* attributes
                        var rdv_time_start = button.data('rdv_time_start') // Extract info from data-* attributes
                        var rdv_time_end = button.data('rdv_time_end') // Extract info from data-* attributes
                        var patient_name = button.data('patient_name') // Extract info from data-* attributes
                        var selectedPatientID = $( "#patient_name" ).val() // Extract info from data-* attributes
                        var selectedPatientName = $( "#patient_name option:selected" ).text() // Extract info from data-* attributes
                        // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
                        // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
                        var modal = $(this)
                        modal.find('#patient_name').text(patient_name)
                        modal.find('#rdv_date').text(rdv_date)
                        modal.find('#rdv_time').text(rdv_time_start +' - '+ rdv_time_end)
                        modal.find('#rdv_time_start_input').val(rdv_time_start)
                        modal.find('#rdv_time_end_input').val(rdv_time_end)
                        modal.find('#patient_input').val(selectedPatientID)
                        modal.find('#rdv_id').val(rdv_id)
                        modal.find('#rdv_id2').val(rdv_id)
                      })
     // Repeatables for billing and prescriptions
        $(".todos_labels .repeatable").repeatable({
          addTrigger: ".todos_labels .add",
          deleteTrigger: ".todos_labels .delete",
          template: "#todos_labels",
          startWith: 1,
          max: 5
        });
  
         $(".test_labels .repeatable").repeatable({
          addTrigger: ".test_labels .add",
          deleteTrigger: ".test_labels .delete",
          template: "#test_labels",
          startWith: 1,
          max: 5
        });
  
  
    var money = 0;
  
        $('.target').on('change', function () {
            money = document.getElementById("rdvdate").value;
            AddAppointment(money);
  
        });
  
            function AddAppointment(date){
  
              $.ajax({
                  url: baseURL+'/doctor/appointment/checkslots/'+date,
                  type: 'GET',
                  cache : false,
                  success: function(array){ 
                         var options = '';
                        $.each( array, function( key, value ) {
  
                          if(value.available == "available"){ var btn = 'success';}else{ var btn = 'danger';}
  
                          options = options + '<div class="col-sm-6 col-md-4 mb-2"><button class="btn btn-'+ btn +' btn-block" data-toggle="modal" data-target="#RDVModalSubmit" data-rdv_date="'+ date +'" data-rdv_time_start="'+ value.start +'" data-rdv_time_end="'+ value.end +'" >'+ value.start +' - '+ value.end +'</button></div>';
                        });
  
  
                        var skillhtml = options;
  
                        $(".myorders").html(skillhtml);
  
                        $("#help-block").css("display", "none");
  
                        if(!options){
                          $("#help-block").css("display", "block");
                          $("#help-block").text("Sorry, Doctor dont work on this day");
                        }
  
                        $('#RDVModalSubmit').on('show.bs.modal', function (event) {
                        var button = $(event.relatedTarget) // Button that triggered the modal
                        var rdv_date = button.data('rdv_date') // Extract info from data-* attributes
                        var rdv_time_start = button.data('rdv_time_start') // Extract info from data-* attributes
                        var rdv_time_end = button.data('rdv_time_end') // Extract info from data-* attributes
                        var selectedPatientID = $( "#patient_name" ).val() // Extract info from data-* attributes
                        var selectedPatientName = $( "#patient_name option:selected" ).text() // Extract info from data-* attributes
                        // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
                        // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
                        var modal = $(this)
                        modal.find('#patient_name').text(selectedPatientName)
                        modal.find('#rdv_date').text(rdv_date)
                        modal.find('#rdv_time').text(rdv_time_start +' - '+ rdv_time_end)
                        modal.find('#rdv_time_start_input').val(rdv_time_start)
                        modal.find('#rdv_time_end_input').val(rdv_time_end)
                        modal.find('#patient_input').val(selectedPatientID)
                        modal.find('#rdv_date_input').val(rdv_date)
                      })
  
                  },
  
                 
                   error: function(){
                    $("#help-block").text("Sorry, An error has occurred");
                   }
              },"json");
         } 
  
         	// RDV and age date picker
           $('#rdvdate').datepicker({
              uiLibrary: 'bootstrap4',
              format: 'yyyy-mm-dd',
              minDate: function() {
              var date = new Date();
              date.setDate(date.getDate());
              return new Date(date.getFullYear(), date.getMonth(), date.getDate());
          	}
          });
  
          $('#birthday').datepicker({
              uiLibrary: 'bootstrap4'
          });
  
  })(jQuery); // End of use strict
  
  
  