/* global LLMS, $ */
/* jshint strict: true */

/**
 * Front End Favorite Class.
 *
 * @type {Object}
 *
 * @since 7.5.0
 * @version 7.5.0
 */
( function( $ ) {

	var favorite = {

		/**
		 * Bind DOM events.
		 *
		 * @since 7.5.0
		 *
		 * @return {Void}
		 */
		bind: function() {

			var self = this;

			// Favorite clicked.
			$( '.llms-favorite-wrapper button' ).on( 'click', function( e ) {
				e.preventDefault();
				self.favorite( $( this ) );
			} );

			// Adding class in Favorite's parent.
			$( '.llms-favorite-wrapper' ).parent().addClass( 'llms-has-favorite' );

		},

		/**
		 * Favorite / Unfavorite an object.
		 *
		 * @since 7.5.0
		 *
		 * @param {Object} $btn jQuery object for the "Favorite / Unfavorite" button.
		 * @return {Void}
		 */
		favorite: function( $btn ) {

			var object_id 	= $btn.attr( 'data-id' ),
				object_type = $btn.attr( 'data-type' ),
				user_action	= $btn.attr( 'data-action' );

			LLMS.Ajax.call( {
				data: {
					action: 'favorite_object',
					object_id: object_id,
					object_type: object_type,
					user_action: user_action
				},
				beforeSend: function() {},
				success: function( r ) {
					/**
					 * Get all the favorite buttons on the page related to the same lesson, e.g. when the syllabus
					 * is shown on the sidebar of a lesson or a course, in that case you will have the same favorite
					 * button twice. The code below makes sure both the buttons are updated.
					 */
					var $fav_btns = $( '[data-id='+object_id+'][data-type='+object_type+'][data-action='+user_action+']' );
					if( r.success ) {
						$fav_btns.each(
							function() {
								if( 'favorite' === user_action ) {
									$(this).find( '.llms-heart-btn' ).removeClass( 'fa-heart-o' ).addClass( 'fa-heart' );
									$(this).attr( 'data-action', 'unfavorite' );
									$(this).attr( 'aria-pressed', true );
								} else if ( 'unfavorite' === user_action ) {
									$(this).find( '.llms-heart-btn' ).removeClass( 'fa-heart' ).addClass( 'fa-heart-o' );
									$(this).attr( 'data-action', 'favorite' );
									$(this).attr( 'aria-pressed', false );
								}
								// Updating count.
								$(this).closest( '.llms-favorite-wrapper' ).find( '.llms-favorites-count' ).text( r.total_favorites );
							}
						);
					}
				}
			} );
		}
	};

	favorite.bind();

	window.llms             = window.llms || {};
	window.llms.favorites   = favorite;

} )( jQuery );