/*
Template Name: Admin Template
Author: Wrappixel

File: js
*/
// ==============================================================
// Auto select left navbar
// ==============================================================
$(document).on('turbolinks:load', function() {
  'use strict'
  var url = window.location + ''
  var path = url.replace(window.location.protocol + '//' + window.location.host + '/', '')
  var element = $('ul#sidebarnav a').filter(function () {
    return this.href === url || this.href === path // || url.href.indexOf(this.href) === 0;
  })
  element.parentsUntil('.sidebar-nav').each(function () {
    if ($(this).is('li') && $(this).children('a').length !== 0) {
      $(this).children('a').addClass('active')
      $(this).parent('ul#sidebarnav').length === 0 ? $(this).addClass('active') : $(this).addClass('selected')
    } else if (!$(this).is('ul') && $(this).children('a').length === 0) {
      $(this).addClass('selected')
    } else if ($(this).is('ul')) {
      $(this).addClass('in')
    }
  })

  element.addClass('active')
  $('#sidebarnav a').on('click', function () {
    if (!$(this).hasClass('active')) {
      // debugger
      // hide any open menus and remove all other classes
      $('#sidebarnav li').removeClass('selected active')
      $('ul', $(this).parents('ul:first')).removeClass('in')
      $('a', $(this).parents('ul:first')).removeClass('active')

      // open our new menu and add the open class
      $(this).next('ul').addClass('in')
      $(this).addClass('active')
    } else if ($(this).hasClass('active')) {
      $(this).removeClass('active')
      $(this).parents('ul:first').removeClass('active')
      $(this).next('ul').removeClass('in')
    }
  })
  $('#sidebarnav >li >a.has-arrow').on('click', function (e) {
    e.preventDefault()
  })

  // Auto scroll to the active nav
  if ($('#sidebarnav .sidebar-item.selected').length && ($(window).width() > 768 || window.Touch)) {
    $('.scroll-sidebar').animate(
      {
        scrollTop: $('#sidebarnav .sidebar-item.selected').offset().top - 250
      },
      500
    )
  }
})