{{ 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}}
            {{ if eq $value.Counter.Int32 1 }}<a class="element b-a p-6 overflow-hidden shadow-md select-none rotapost-{{$index}}" href="#" onclick="  navigator.clipboard.writeText(this.textContent); return false">{{ else }}<a class="element b-a p-6 overflow-hidden shadow-md select-none rotapost-{{$index}} bg-white dark:bg-black dark:text-white" href="#" onclick="  navigator.clipboard.writeText(this.textContent); return false">
            {{ end }}{{ if eq $value.Counter.Int32 1 }}{{ else }}<span class="absolute right-0 bottom-0 px-2 py-1 m-1 text-xs font-bold text-white bg-green-600 rounded-full"><i class="fa fa-check"></i></span>{{ end }}<span class="block text-xl font-bold ltr:pl-4 rtl:pr-4" style="min-height:72px; max-height:144px; overflow:hidden">{{$value.Content.String }}</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" . }}