import {
	getStyleScope,
	useSmartStylesheet,
} from ':plugins/SmartStylesheetIsland.tsx'

const scope = getStyleScope(Footer)

export function Footer() {
	useSmartStylesheet(import.meta, { scope })

	return (
		<footer class={scope}>
			<div>
				<section>
					<h3>Nous contacter</h3>
					<p>
						<a href='tel:+33556847961'>
							<i class='ri-phone-line'></i> 05 56 84 79 61
						</a>
					</p>
					<p>
						<a href='mailto:fablab@iut.u-bordeaux.fr'>
							<i class='ri-mail-line'></i> fablab@iut.u-bordeaux.fr
						</a>
					</p>
				</section>
				<section>
					<h3>Nous rencontrer</h3>
					<p>
						<a
							href='https://www.openstreetmap.org/node/6078859550#map=19/44.79113/-0.60805'
							target='_blank'
						>
							<i class='ri-road-map-line'></i>{' '}
							IUT de Bordeaux, Bâtiment 10A, 15 rue Naudet, 33170 GRADIGNAN
						</a>
					</p>
					<p>
						<i class='ri-time-line'></i> Mardi - Vendredi (10h - 18h)
					</p>
					<p>
						<i class='ri-calendar-2-line'></i> Congés voir{' '}
						<a
							href='https://www.iut.u-bordeaux.fr/general/conges-universitaires/'
							target='_blank'
						>
							calendrier universitaire
						</a>
					</p>
				</section>
				<section>
					<h3>Nos réseaux</h3>
					<div class='badges'>
						<a
							class='badges__item'
							href='https://tube.aquilenet.fr/c/cohabit_fablab/videos'
							target='_blank'
							title='Peertube'
						>
							<i class='ri-play-line'></i>
						</a>
						<a
							class='badges__item'
							href='https://www.facebook.com/people/Fablab-Cohabit/100069798301175/'
							target='_blank'
							title='Facebook'
						>
							<i class='ri-facebook-line'></i>
						</a>
						<a
							class='badges__item'
							href='https://www.instagram.com/fablabcohabit/'
							target='_blank'
							title='Instagram'
						>
							<i class='ri-instagram-line'></i>
						</a>
						<a
							class='badges__item'
							href='https://www.linkedin.com/company/fablab-cohabit/about/'
							target='_blank'
							title='LinkedIn'
						>
							<i class='ri-linkedin-line'></i>
						</a>
						<a
							class='badges__item'
							href='https://toot.aquilenet.fr/@cohabitfablab'
							target='_blank'
							title='Mastodon'
						>
							<i class='ri-mastodon-line'></i>
						</a>
						<a
							class='badges__item'
							href='https://matrix.to/#/!thtlRrlXFrbifqMNCG:matrix.org?via=matrix.org'
							target='_blank'
							title='Matrix'
						>
							[m]
						</a>
					</div>
				</section>
			</div>
		</footer>
	)
}