package partials

import "git.myrkvi.com/myrkvi/bin/views/components"

const placeholderCode string = `#include <stdio.h>

int main(int argc, char *argv[]) {
	printf("Hello, world!\n");

	return 0;
}`

templ NewFileUpload() {
	<div id="file-submission" class="my-2">
	 	<div class="mb-4 flex flex-row justify-start space-x-4">
			<span 
				class="border-b-4 border-black cursor-pointer"
			>
				<b>upload</b>
			</span>
			<a
				hx-get="/partial/new/text"
				hx-target="#file-submission"
				hx-swap="outerHTML"
				class="cursor-pointer border-b-4 border-amber-300"
			>
				text
			</a>
		</div>
		@components.FileUpload("browse ...", "file", "file")
	</div>
}

templ NewTextSubmit() {
	<div id="file-submission" class="my-2">
	 	<div class="mb-4 flex flex-row justify-start space-x-4">
			<a 
				hx-get="/partial/new/upload"
				hx-target="#file-submission"
				hx-swap="outerHTML"
				class="cursor-pointer border-b-4 border-amber-300"
			>
				upload
			</a>
			<span
				class="border-b-4 border-black cursor-pointer"
			>
				<b>text</b>
			</span>
		</div>
		<label for="text">paste/type your text here:</label> <br/>
		<textarea 
			class="m-1 resize-none hover:resize-y 
                    font-mono
					outline-2 bg-amber-50
					hover:outline-slate-400 hover:outline-dotted 
					focus:outline-slate-600 focus:outline-dashed
					active:outline-green-600"
			id="text"
			name="text"
			rows="10"
			cols="80"
			placeholder={ placeholderCode } 
		/>
	</div>
}