package proxy

import (
	"net/http"

	"github.com/m1k1o/neko-rooms/internal/utils"
)

func roomWait(w http.ResponseWriter, r *http.Request) {
	w.Write([]byte(`<script>
	(async function() {
		document.querySelector(".swal2-loader").style.display = 'block'
		document.querySelector(".swal2-loader").style.visibility = 'hidden'

		let lastAttempt = (new Date()).getTime()
		while(true) {
			try {
				lastAttempt = (new Date()).getTime()
				document.querySelector(".swal2-loader").style.visibility = 'visible'

				await fetch("?wait")
				location.href = location.href
			} catch {
				let now = (new Date()).getTime()
				let diff = now - lastAttempt

				// if the gap between last attempt and now
				// is gt 20s, do reconnect immediatly
				if ((now - lastAttempt) > 20*1000) {
					continue
				}

				// wait for 10 sec
				await new Promise(res => window.setTimeout(res, 2500))
				document.querySelector(".swal2-loader").style.visibility = 'hidden'
				await new Promise(res => window.setTimeout(res, 7500))
			}
		}
	}())
	</script>`))
}

func RoomNotFound(w http.ResponseWriter, r *http.Request, waitEnabled bool) {
	utils.Swal2Response(w, `
		<div class="swal2-header">
			<div class="swal2-icon swal2-error">
				<div class="swal2-icon-content">X</div>
			</div>
			<h2 class="swal2-title">Room not found!</h2>
		</div>
		<div class="swal2-content">
			<div>The room you are trying to join does not exist.</div>
			<div>You can wait on this page until it will be created.</div>
		</div>
		<div class="swal2-actions">
			<div class="swal2-loader" style="display:none;"></div>
		</div>
	`)

	if waitEnabled {
		roomWait(w, r)
	} else {
		w.Write([]byte(`<meta http-equiv="refresh" content="60">`))
	}
}

func RoomNotRunning(w http.ResponseWriter, r *http.Request, waitEnabled bool) {
	utils.Swal2Response(w, `
		<div class="swal2-header">
			<div class="swal2-icon swal2-warning">
				<div class="swal2-icon-content">!</div>
			</div>
			<h2 class="swal2-title">Room is not running!</h2>
		</div>
		<div class="swal2-content">
			<div>The room you are trying to join is not running.</div>
			<div>You can wait on this page until it will be started.</div>
		</div>
		<div class="swal2-actions">
			<div class="swal2-loader" style="display:none;"></div>
		</div>
	`)

	if waitEnabled {
		roomWait(w, r)
	} else {
		w.Write([]byte(`<meta http-equiv="refresh" content="10">`))
	}
}
func RoomPaused(w http.ResponseWriter, r *http.Request, waitEnabled bool) {
	utils.Swal2Response(w, `
		<div class="swal2-header">
			<div class="swal2-icon swal2-warning">
				<div class="swal2-icon-content">!</div>
			</div>
			<h2 class="swal2-title">Room is paused!</h2>
		</div>
		<div class="swal2-content">
			<div>The room you are trying to join is paused.</div>
			<div>You can wait on this page until it will be unpaused.</div>
		</div>
		<div class="swal2-actions">
			<div class="swal2-loader" style="display:none;"></div>
			<button type="button" onclick="location = location" class="swal2-confirm swal2-styled" style="margin-top: 1.25em">Reload</button>
		</div>
	`)

	if waitEnabled {
		roomWait(w, r)
	} else {
		w.Write([]byte(`<meta http-equiv="refresh" content="2">`))
	}
}

func RoomNotReady(w http.ResponseWriter, r *http.Request, waitEnabled bool) {
	utils.Swal2Response(w, `
		<meta http-equiv="refresh" content="2">

		<div class="swal2-header">
			<div class="swal2-icon swal2-info">
				<div class="swal2-icon-content">i</div>
			</div>
			<h2 class="swal2-title">Room is not ready, yet!</h2>
		</div>
		<div class="swal2-content">
			<div>Please wait, until this room is ready so you can join. This should happen any second now.</div>
		</div>
		<div class="swal2-actions">
			<div class="swal2-loader"></div>
			<button type="button" onclick="location = location" class="swal2-confirm swal2-styled" style="margin-top: 1.25em">Reload</button>
		</div>
	`)

	if waitEnabled {
		roomWait(w, r)
	} else {
		w.Write([]byte(`<meta http-equiv="refresh" content="2">`))
	}
}

func RoomReady(w http.ResponseWriter, r *http.Request) {
	utils.Swal2Response(w, `
		<div class="swal2-header">
			<div class="swal2-icon swal2-success swal2-icon-show" style="display: flex;">
				<div class="swal2-success-circular-line-left" style="background-color: rgb(47, 49, 54);"></div>
				<span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
				<div class="swal2-success-ring"></div> <div class="swal2-success-fix" style="background-color: rgb(47, 49, 54);"></div>
				<div class="swal2-success-circular-line-right" style="background-color: rgb(47, 49, 54);"></div>
			</div>
			<h2 class="swal2-title">Room is ready!</h2>
		</div>
		<div class="swal2-content">
			<div>Requested room is ready, you can join now.</div>
			<div style="padding-top: .5em;">Try to reload page.</div>
		</div>
		<div class="swal2-actions">
			<button type="button" onclick="location = location" class="swal2-confirm swal2-styled">Go to room</button>
		</div>
		<div class="swal2-content swal2-actions">
			<small>If you see this page after refresh, <br /> it can mean misconfiguration on your side.</small>
		</div>
	`)
}