<script>
  $(document).on('click' , '.delete-supervisor-row', function (e) {
  // e.preventDefault()
  Swal.fire({
    title: "<%= i18n.__('common.continueMessage') %>",
    text: "<%= i18n.__('common.deleteConfirmationMessage') %>",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: '<%= i18n.__("common.confirm") %>',
    confirmButtonClass: 'btn btn-primary',
    cancelButtonText: '<%= i18n.__("common.cancel") %>',
    cancelButtonClass: 'btn btn-danger ml-1',
    buttonsStyling: false,
  }).then( (result) => {
      console.log(this);
    if (result.value) {
      let id = $(this).attr('id');
      console.log(id);
      $.ajax({
        type: "DELETE",
        url: $(this).data('route'),
        data: {},
        success:function( msg ) {
          window.location.href = "/dashboard/supervisions"
          console.log(msg)
          if (msg == 'success') {
            Swal.fire(
                    {
                      position: 'top-start',
                      type: 'success',
                      title: '<%= i18n.__("common.deletionSuccessMessage") %>',
                      showConfirmButton: false,
                      timer: 1500,
                      confirmButtonClass: 'btn btn-primary',
                      buttonsStyling: false,
                    })
            $("#tr"+id).animate({
              "opacity" : 0.25, //property
              height: "toggle",
              function(){$("#tr"+id).remove()} //function to run on complete (optional)
            });
          }
        },error:function (){
          Swal.fire(
                  {
                    position: 'top-start',
                    type: 'error',
                    title: '<%= i18n.__("deletionErrorMessage") %>',
                    showConfirmButton: false,
                    timer: 1500,
                    confirmButtonClass: 'btn btn-primary',
                    buttonsStyling: false,
                  })
        }
      });
    }
  })
});

</script>