// Alpine 2.3.5
window.testimonialSlideshow = function(slides) {
	return {
		title: 'Programmer Quotes',
		state: {
			moving: false,
			currentSlide: 0,
			looping: false,
			order: [],
			nextSlideDirection: '',
			userInteracted: false,
			usedKeyboard: false,
		},
		autoplayTimer: null,
		attributes: {
			direction: 'right-left',
			duration: 1000,
			timer: 7000,
		},
		slides: [],
		setup() {
			this.slides = slides.map((slide, index) => { slide.id = index + Date.now(); return slide })
				
			// Cache the original order so that we can reorder on transition (to skip inbetween slides)
			this.state.order = this.slides.map(slide => slide.id)
			const newSlideOrder = this.slides.filter(slide => this.current.id != slide.id)
			newSlideOrder.unshift(this.current)
			this.slides = newSlideOrder
				
			// Start the autoslide
			this.attributes.timer && this.autoPlay()
		},
		get current() {
			return this.slides.find(slide => slide.id == this.state.order[this.state.currentSlide])
		},
		get previousSlide() {
			return (this.state.currentSlide - 1) > -1 ? this.state.currentSlide - 1 : this.state.currentSlide
		},
		get nextSlide() {
			return (this.state.currentSlide + 1) < this.slides.length ? this.state.currentSlide + 1 : this.state.currentSlide
		},
		updateCurrent(nextSlide) {
			if (nextSlide == this.state.currentSlide) return
			if (this.state.moving) return
			this.state.moving = true

			const next = this.slides.find(slide => slide.id == this.state.order[nextSlide])

			// Reorder the slides for a smoother transition
			const newSlideOrder = this.slides.filter(slide => {
				return ![this.current.id, this.state.order[nextSlide]].includes(slide.id)
			})

			const activeSlides = [this.current, next]
			this.state.nextSlideDirection = nextSlide > this.state.currentSlide ? 'right-to-left' : 'left-to-right'

			newSlideOrder.unshift(...(this.state.nextSlideDirection == 'right-to-left' ? activeSlides : activeSlides.reverse()))
			this.slides = newSlideOrder
			this.state.currentSlide = nextSlide
			setTimeout(() => {
				this.state.moving = false
				// TODO: possibly a better check to determine whether autoplay should resume
				this.attributes.timer && !this.autoplayTimer && this.autoPlay()
			}, this.attributes.duration)

		},
		transitions(state, $dispatch) {
			const rightToLeft = this.state.nextSlideDirection === 'right-to-left'
			switch (state) {
				case 'enter':
					return `transition-all duration-${this.attributes.duration}`
				case 'enter-start':
					return rightToLeft ? 'transform translate-x-full' : 'transform -translate-x-full'
				case 'enter-end':
					return 'transform translate-x-0'
				case 'leave':
					return `absolute top-0 transition-all duration-${this.attributes.duration}`
				case 'leave-start':
					return 'transform translate-x-0'
				case 'leave-end':
					return rightToLeft ? 'transform -translate-x-full' : 'transform translate-x-full'
			}
		},
		autoPlay() {
			this.loop = () => {
				const next = (this.state.currentSlide === (this.slides.length - 1)) ? 0 : this.state.currentSlide + 1
				this.updateCurrent(this.state.looping ? next : this.currentSlide)
				this.autoplayTimer = setTimeout(() => {
					requestAnimationFrame(this.loop)
				}, this.attributes.timer + this.attributes.duration)
				
			}
			this.autoplayTimer = setTimeout(() => {
				this.state.looping = true
				requestAnimationFrame(this.loop)
			}, this.attributes.timer)
		},
		stopAutoplay() {
			clearTimeout(this.autoplayTimer)
			this.autoplayTimer = null
		}
	}
}

window.slides = [
	{
		content: 'Any fool can write code that a computer can understand. Good programmers write code that humans can understand.',
		author: 'Martin Fowler'
	},
	{
		content: 'First, solve the problem. Then, write the code.',
		author: 'John Johnson'
	},
	{
		content: 'Experience is the name everyone gives to their mistakes.',
		author: 'Oscar Wilde'
	},
	{
		content: 'In order to be irreplaceable, one must always be different.',
		author: 'Coco Chanel'
	},
	{
		content: 'Knowledge is power.',
		author: 'Francis Bacon'
	},
	{
		content: 'Sometimes it pays to stay in bed on Monday, rather than spending the rest of the week debugging Monday’s code.',
		author: 'Dan Salomon'
	},
	{
		content: 'Perfection is achieved not when there is nothing more to add, but rather when there is nothing more to take away.',
		author: 'Antoine de Saint-Exupery'
	},
	{
		content: 'Ruby is rubbish! PHP is phpantastic!',
		author: 'Nikita Popov'
	},
	{
		content: 'Code is like humor. When you have to explain it, it’s bad.',
		author: 'Cory House'
	},
	{
		content: 'Fix the cause, not the symptom.',
		author: 'Steve Maguire'
	},
	{
		content: 'Optimism is an occupational hazard of programming: feedback is the treatment.', 
		author: 'Kent Beck'
	},
	{
		content: 'When to use iterative development? You should use iterative development only on projects that you want to succeed.',
		author: 'Martin Fowler'
	},
	{
		content: 'Simplicity is the soul of efficiency.',
		author: 'Austin Freeman'
	},
	{
		content: 'Before software can be reusable it first has to be usable.',
		author: 'Ralph Johnson'
	},
	{
		content: 'Make it work, make it right, make it fast.',
		author: 'Kent Beck'
	},
]