import { asset } from '$fresh/runtime.ts'
import ThemePicker from '../islands/ThemePicker.tsx'

export function Header() {
	return (
		<header>
			<div>
				<span>
					<a href='/'>
						Coh<img
							src={asset('/assets/bulb.svg')}
							alt='a'
						/>bit POC
					</a>
				</span>
				<nav>
					<li>
						<a href='/machines'>Machines</a>
					</li>
					<li>
						<a href='/projets'>Projets</a>
					</li>
					<li>
						<a href='/blog'>Blog</a>
					</li>
					<li>
						<details>
							<summary>Fablab</summary>
							<ul>
								<li>
									<a href='/membres'>Membres</a>
								</li>
								<li>
									<a href='https://projets.cohabit.fr' target='_blank'>
										Redmine
									</a>
								</li>
								<li>
									<a href='https://git.cohabit.fr' target='_blank'>Git</a>
								</li>
								<li>
									<a
										href='https://matrix.to/#/!thtlRrlXFrbifqMNCG:matrix.org?via=matrix.org'
										target='_blank'
									>
										Matrix
									</a>
								</li>
							</ul>
						</details>
					</li>
				</nav>
				<input type='search' name='' id='' placeholder='Rechercher' />
				<ThemePicker />
			</div>
		</header>
	)
}