/*=========================================================================================
	File Name: sweet-alerts.js
	Description: A beautiful replacement for javascript alerts
	----------------------------------------------------------------------------------------
	Item Name: Convex - Bootstrap 4 HTML Admin Dashboard Template
	Version: 1.0
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
==========================================================================================*/
(function(window, document, $) {
    'use strict';
	$(document).ready(function () {

		$('#basic-alert').on('click', function () {
			swal("Here's a message!").done();
		});

		$('#with-title').on('click', function () {
			swal("Here's a message!", "It's pretty, isn't it?").done();
		});

		$('#html-alert').on('click', function () {
			swal({
				title: 'HTML <small>Title</small>!',
				text: 'A custom <span style="color:#F6BB42">html<span> message.',
				html: true
			}).done();
		});

		$('#type-question').on('click', function () {
			swal("Question", "Are You Sure?", "question").done();
		});

		$('#type-success').on('click', function () {
			swal("Good job!", "You clicked the button!", "success").done();
		});

		$('#type-primary').on('click', function () {
			swal("Primary Goal!", "You can set your goal here!", "primary").done();
		});

		$('#type-info').on('click', function () {
			swal("Info!", "You clicked the button!", "info").done();
		});

		$('#type-warning').on('click', function () {
			swal("Warning!", "You clicked the button!", "warning").done();
		});

		$('#type-error').on('click', function () {
			swal("Error!", "You clicked the button!", "error").done();
		});

		$('#custom-icon').on('click', function () {
			swal({ title: "Sweet!", text: "Here's a custom image.", imageUrl: "../../app-assets/img/icons/thumbs-up.jpg" }).done();
		});

		$('#auto-close').on('click', function () {
			swal({ title: "Auto close alert!", text: "I will close in 2 seconds.", timer: 2000, showConfirmButton: false }).done();
		});

		$('#outside-click').on('click', function () {
			swal({
				title: 'Click outside to close!',
				text: 'This is a cool message!',
				allowOutsideClick: true
			}).done();
		});


		// Ajax Request
		$('#ajax-request').on('click', function () {
			swal({
				title: 'Submit email to run ajax request',
				input: 'email',
				showCancelButton: true,
				confirmButtonText: 'Submit',
				showLoaderOnConfirm: true,
				preConfirm: function () {
					return new Promise(function (resolve) {
						setTimeout(function () {
							resolve();
						}, 2000);
					});
				},
				allowOutsideClick: false
			}).then(function (email) {
				if (email) {
					swal({
						type: 'success',
						title: 'Ajax request finished!',
						html: 'Submitted email: ' + email
					});
				}
			}).done();
		});

		// Button Options
		$('#custom-button').on('click', function () {
			swal({
				title: '<i>HTML</i> <u>example</u>',
				type: 'info',
				html:
				'You can use <b>bold text</b>, ' +
				'<a href="//github.com">links</a> ' +
				'and other HTML tags',
				showCloseButton: true,
				showCancelButton: true,
				confirmButtonText:
				'<i class="fa fa-thumbs-up"></i> Great!',
				cancelButtonText:
				'<i class="fa fa-thumbs-down"></i> Opps!'
			}).done();
		});

		// Prompt Function
		$('#prompt-function').on('click', function () {
			swal({
				title: "An input!",
				text: "Write something interesting:",
				input: "text",
				showCancelButton: true,
				closeOnConfirm: false,
				animation: "slide-from-top",
				inputPlaceholder: "Write something"
			}).then(function (inputValue) {
				if (inputValue === false) return false;
				if (inputValue === "") {
					swal.showInputError("You need to write something!").done();
					return false
				}
				swal("Nice!", "You wrote: " + inputValue, "success").done();
			}).done();

		});

		// Confirm Button Action
		$('#confirm-text').on('click', function () {
			swal({
				title: 'Are you sure?',
				text: "You won't be able to revert this!",
				type: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#0CC27E',
				cancelButtonColor: '#FF586B',
				confirmButtonText: 'Text Changed',
				cancelButtonText: "No, cancel"
			}).then(function (isConfirm) {
				if (isConfirm) {
					swal(
						'Changed!',
						'Confirm button text was changed!!',
						'success'
					).done();
				}
			}).catch(swal.noop);
		});

		// Confirm & Cancel Button
		$('#confirm-cancel').on('click', function () {
			swal({
				title: 'Are you sure?',
				text: "You won't be able to revert this!",
				type: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#0CC27E',
				cancelButtonColor: '#FF586B',
				confirmButtonText: 'Yes, delete it!',
				cancelButtonText: 'No, cancel!',
				confirmButtonClass: 'btn btn-success btn-raised mr-5',
				cancelButtonClass: 'btn btn-danger btn-raised',
				buttonsStyling: false
			}).then(function () {
				swal(
					'Deleted!',
					'Your imaginary file has been deleted.',
					'success'
				).done();
			}, function (dismiss) {
				// dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
				if (dismiss === 'cancel') {
					swal(
						'Cancelled',
						'Your imaginary file is safe :)',
						'error'
					).done();
				}
			}).done();
		});

		// Chaining modals / Steps
		$('#steps').on('click', function () {
			swal.setDefaults({
				confirmButtonText: 'Next &rarr;',
				showCancelButton: true,
				cancelButtonColor: '#FF586B',
				animation: false
			}).done();

			var steps = [
				{
					title: 'Step 1',
					text: 'Chaining modals is easy with Step 1'
				},
				{
					title: 'Step 2',
					text: 'Chaining modals is easy with Step 2'
				},
				{
					title: 'Step 3',
					text: 'Chaining modals is easy with Step 3'
				},
			];

			swal.queue(steps).then(function () {
				swal({
					title: 'All done!',
					text: 'Great job :)',
					confirmButtonText: 'Lovely!',
					showCancelButton: false
				});
			}).then(function () {
				swal.resetDefaults();
			}).catch(swal.noop);
		});
	});
})(window, document, jQuery);