{{ template "headersMenu.html" . }}

<div class="text-center ltr:md:text-left rtl:md:text-right">
    <div id="searchbar" class="fixed top-16 left-0 right-0 z-2 border-b border-t bg-white dark:bg-black">
        <div class="container">
            <form class="relative w-full" method="get" action="/list">
                <span class="absolute top-6"><i class="fa fa-search"></i></span>
                <input type="text" name="q" value="{{ .q }}" class="p-6 w-full font-bold text-black bg-transparent border-0 outline-none dark:text-white" placeholder="{{ "Rechercher..." | t }}" />
                <button type="submit" class="absolute top-6 text-black rounded-full border-black btn ltr:right-0 rtl:left-0 btn-icon dark:border-white dark:text-white hover:bg-indigo-600 hover:text-white"><i class="fa fa-refresh"></i></button>
            </form>
        </div>
    </div>
</div>

<section class="relative items-center pt-28 mt-10 pb-4">
	<div class="container">
		<div class="grid lg:grid-cols-{{ .nbLgCols }} md:grid-cols-{{ .nbMdCols }} grid-cols-1 mt-8 mb-8 gap-[30px]">
			{{ $i := 0 }}
			{{ range .folders }}
			<a href="/{{ .Path.String }}" class="block rounded-md shadow-md {{ if .VisibleDirectory.Valid }}{{ if eq .VisibleDirectory.Int32 1 }}font-bold bg-indigo-600 hover:bg-black text-white{{ else }}font-medium bg-white dark:bg-black{{ end }}{{ else }}medium{{ end }} bg-center p-6 rotapost-{{ $i }}" style="{{ . }}">
				<span class="block text-sm uppercase">{{ .Path.String }}</span>
				<span lass="text-xl font-bold">
					{{ .Name.String }}
				</span>
			</a>
			{{ $i = add $i 1 }}
			{{ end }}
		</div>
	</div>
</section>

{{ template "footer.html" . }}