@*
	This file is part of Utatane.
	   
	Utatane is free software: you can redistribute it and/or modify it under
	the terms of the GNU Affero General Public License as published by the Free
	Software Foundation, either version 3 of the License, or (at your option)
	any later version.
	   
	Utatane is distributed in the hope that it will be useful, but WITHOUT ANY
	WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
	FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for
	more details.
	   
	You should have received a copy of the GNU Affero General Public License
	along with Utatane. If not, see <http://www.gnu.org/licenses/>.
*@

@page "/{*Path:nonfile}"

@* <PageTitle>Index</PageTitle> *@
<HeadContent>
	<script src="/.nhnd/_hyperscript.js"></script>
	<script src="/.nhnd/_hs_tailwind.js"></script>
	
	<script type="text/hyperscript">
def get_dir(x)
	if not x
		return "descending"
	otherwise
		return "ascending"
	end
end

behavior sort_table(property)
	on click
		-- wait 0.1s
		remove @@aria-sort from <th/>
		
		set target to the first <#prop-${property}/>
		set dir_target to the first <input[name="sort-asc"]/>
		
		if (target's checked is true)
			set dir_target's checked to (not dir_target's checked)
		otherwise
			set <input[name=sort-by]/>'s checked to false
			set dir_target's checked to true
			set target's checked to true
		end
		
		set my @@aria-sort to get_dir((dir_target's checked))
		send nhnd:run to me
	end
end
	</script>
</HeadContent>

<Header Path="@Path" />

@* redirect notice here... *@
	
<div class="n-box flex flex-row">
	<div id="main">
		<form id="sorting-on" class="hidden">
			<input autocomplete="off" type="text" name="path" value="@Path" id="prop-path" />
			
			<input autocomplete="off" type="radio" name="sort-by" value="name" id="prop-name" checked/>
			<input autocomplete="off" type="radio" name="sort-by" value="size" id="prop-size"/>
			<input autocomplete="off" type="radio" name="sort-by" value="time" id="prop-time"/>

			<input autocomplete="off" type="checkbox" name="sort-asc" checked/>
		</form>
		
		<table 
			id="filetable"
			hx-swap="innerHtml"
			hx-target="#filetable tbody"
			hx-include="#sorting-on input"
			hx-select="table tbody tr"
			_="on htmx:afterSettle send nhnd:update to #file-counter"
		>
			<thead>
			<tr>
				@{ String InstallSort(String x) => $"install sort_table(property: '{x}') end"; }
				<th id="filetable-head-dl" class="pointer-events-none" tabindex="0">
					<span class="visually-hidden">Download link</span>
				</th>
					
				<th id="filetable-head-icon" class="pointer-events-none" tabindex="0">
					<span class="visually-hidden">File type icon</span>
				</th>
					
				<th id="filetable-head-name"
					hx-get="/api/files"
					hx-trigger="load from:document, nhnd:run"
					hx-indicator="#filetable-body, #name-spinner, #filetable-head-name"
					aria-sort="ascending"
					_="@InstallSort("name")"
				>
					<div>
						<span class="header-label">
							Name
							<span id="name-spinner" class="spinner" />
						</span>
					</div>
				</th>
					
				<th id="filetable-head-size"
					hx-get="/api/files"
					hx-trigger="nhnd:run"
					hx-indicator="#filetable-body, #name-spinner, #filetable-head-size"
					_="@InstallSort("size")"
				>
					<div>
						<span class="header-label">
							Size
							<span id="size-spinner" class="spinner" />
						</span>
					</div>
				</th>
					
				<th id="filetable-head-time"
					hx-get="/api/files"
					hx-trigger="nhnd:run"
					hx-indicator="#filetable-body, #name-spinner, #filetable-head-time"
					_="@InstallSort("time")"
				>
					<div>
						<span class="header-label">
							Time
							<span id="time-spinner" class="spinner" />
						</span>
					</div>
				</th>
			</tr>
			</thead>
			<tbody id="filetable-body"
				class="htmx-indicator"
				hx-swap="scroll:top"
				_="on htmx:beforeRequest(target) set #prop-path's value to the target"
			>
				@* pregen rows to prevent massive layout shift *@
				@foreach (FileSystemInfo fsi in _joinedPath.EnumerateFileSystemInfos()) {
					<tr>
						<td />
						<td />
						<td>@( "\u00A0" )</td>
						<td />
						<td />
					</tr>
				}
			</tbody>
		</table>
	</div>
</div>


@code {
	[Parameter]
	public required String Path {
		get;
		set => field = $"/{value}";
	}
	
	private DirectoryInfo _joinedPath;
	
	protected override Task OnInitializedAsync() {
		// we checked in middleware dw
		_joinedPath = Utils.VerifyPath(Path).Value.AsT1();
		
		return base.OnInitializedAsync();
	}

}