// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
// require ish_manager/vendor/jquery-3.6.0.min
// require ish_manager/vendor/bootstrap.min
//
//= require ish_manager/vendor/jquery.iframe-transport
//= require ish_manager/vendor/jquery.ui.widget
//= require ish_manager/vendor/jquery.fileupload
//= require ish_manager/vendor/jquery-ui.min
//= require ish_manager/shared
//
//= require ish_manager/maps
//= require ish_manager/email_contexts
//= require ish_manager/email_templates
//= require ish_manager/galleries

$(function () {

  $('#fileupload').fileupload({
    dataType: 'json',
    done: function (e, data) {
      var photos = $('#photos');
      var tempUrl = data.result[0].thumbnail_url;
      $('<img/>').attr('src', tempUrl).appendTo(photos);
    }
  });

  $('*[data-confirm]').click(function(){
    return confirm($(this).attr('data-confirm'));
  });

  if ($(".tinymce").length > 0) {
    tinymce.init({
      mode: "specific_textareas",
      editor_selector: 'tinymce',
      plugins: 'link'
    });
  }

  $(".caret").each(function(idx) {
    $($(".caret")[idx]).html('')
  })


  /*
   * material_select & select2
  **/
  if ($('body').length > 0) {
    if ('function' === typeof $('body').material_select ) {
      $('select').material_select()
    }
    if (!!$('body').select2) {
      $('.select2').each(function() {
        $( this ).select2({
          width: '100%'
        })
      })
    }
  }


  $(".collapse-expand").each(function() {
    const thisId = $(this).attr('id')
    const state = localStorage.getItem("collapse-expand#"+thisId)
    if (state === 'collapsed') {
      $(this).next().slideToggle();
    }
  })
  $(".collapse-expand").click(function (_e) {
    const thisId = $(this).attr('id')
    const state = localStorage.getItem("collapse-expand#"+thisId)
    if (state === 'collapsed') {
      localStorage.removeItem("collapse-expand#"+thisId)
    } else {
      localStorage.setItem("collapse-expand#"+thisId, "collapsed")
    }
    $(this).next().slideToggle();
  }).children().click(function (e) {
    e.stopPropagation()
  })

  $(".expand-next").click(function (_e) {
    // logg($(this).next(), 'expand?')
    $(this).next().slideToggle()
  })

  if ('function' === typeof $('body').DataTable) {
    const _props = {
      pageLength: 10,
      lengthMenu: [[10, 25, 100, -1], [10, 25, 100, 'All']],
      lengthChange: true,
      "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]]
    }
    $('#dataTable').DataTable(_props)
    $('.data-table').DataTable(_props)
  }

  if ('function' === typeof $('body').datepicker) {
    $(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' })
  }

  // From: https://materializecss.com/select.html
  if ('function' === typeof $('select').formSelect) {
    $('select').formSelect();
  }

  //
  // select-all
  // _vp_ 2023-02-28

  $("input[type='checkbox'].i-sel").change(() => {
    $( $(".n-selected")[0] ).html( $("input[type='checkbox'].i-sel:checked").length )
  })

  $(".delete-btn").click(function(e) {
    logg(e, 'deleting...')

    const action_path = $(this).data('url')
    const out = []

    $( $("input[type='checkbox'].i-sel:checked") ).each( idx => {
      let val = $($("input[type='checkbox'].i-sel:checked")[idx]).val()
      out.push(val)
    })
    logg(out, 'out')

    $.ajax({
      url: action_path,
      type: 'DELETE',
      data: {
        ids: out,
        jwt_token: localStorage.getItem('jwt_token'),
      },
      success: e => {
        logg((e||{}).responseText, 'deleted Ok')
        location.reload()
      },
      error: e => {
        logg((e||{}).responseText, 'deleted Err')
      },
    })

  })

  $(".select-all input[type='checkbox']").change((e) => {
    const count = $("input[type='checkbox'].i-sel:checked").length
    const new_state = count ? false : true // all will be checked?

    $(".select-all input[type='checkbox']").prop('checked', new_state)

    $( $("input[type='checkbox'].i-sel") ).each( i => {
      $( $("input[type='checkbox'].i-sel")[i] ).prop('checked', new_state)
    })

    $( $(".n-selected")[0] ).html( $("input[type='checkbox'].i-sel:checked").length )
  })

  //
  // email conversations
  //
  $("body.email_conversations-show a.preview").click(function(e) {
    // logg(e, 'clicked')

    if ($(this).data('expanded')) {
      $(this).parent().find(".expand").html('')
      $(this).parent().find(".my-actions").addClass('hide')
      $(this).data('expanded', false)
      return
    }

    const action_path = "/api/email_messages/" + $(this).data('id')

    $.ajax({
      url: action_path,
      type: 'GET',
      data: {
        jwt_token: localStorage.getItem('jwt_token'),
      },
      success: e => {
        $(this).parent().find(".expand").html(e.item.part_html)
        $(this).parent().find(".my-actions").removeClass('hide')
        $(this).data('expanded', true)
      },
      error: e => {
        logg((e||{}).responseText, 'cannot get email_message')
      },
    })
  })

});