{{ template "headersMenu.html" . }}

<div class="container fixed right-0 left-0 z-10 mx-auto mt-12 hover:col-span-6">
    <div class="text-center ltr:md:text-left rtl:md:text-right">
        <div class="mt-6 mb-3 subcribe-form">
            <form up-submit class="relative w-full" method="get" action="/list">
                <input type="text" id="subcribe" name="q" value="{{ .q }}" class="pt-4 ltr:pr-40 rtl:pl-40 pb-4 ltr:pl-6 rtl:pr-6 w-full h-[50px] outline-none text-black dark:text-white rounded-lg border-2 bg-white dark:bg-slate-900 shadow dark:shadow-gray-800" placeholder="{{ "Rechercher..." | t }}">
                <button type="submit" class="btn absolute top-[2px] ltr:right-0 rtl:left-0 h-[46px] bg-indigo-600 hover:bg-indigo-700 border-black dark:border-white hover:border-indigo-700 text-white rounded-lg border-2">{{ "Valider" | t }} <i class="uil uil-arrow-right"></i></button>
            </form>
        </div>
    </div>
</div>

<section class="relative items-center py-36 min-h-screen md:py-48">
    <div class="container">
        <div id="ListView" class="grid lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 grid-cols-1 mt-8 gap-[30px]">
            {{range $index, $value := .notes}}
            <a class="element b-a p-6 overflow-hidden shadow-md select-none rotapost-{{$index}}" href="/edit/{{$value.Name}}">
                <span class="block text-xl font-bold ltr:pl-4 rtl:pr-4" style="min-height:72px">{{$value.Name}}</span>
            </a>
            {{end}}
        </div>
    </div>
</section>

<script>
function Plus() {
    newDoc = prompt('{{ "Nom du nouveau pense-bête" | t}}', '');
    
    if (newDoc!=null) {
        newDoc = newDoc.split(' ').join('-');
        self.location.href='/edit/' + newDoc;
    } else {
        return false;
    }
}
</script>

{{ template "footer.html" . }}