{{ template "headersMenu.html" . }}

<div class="fixed right-0 left-0 z-10 mx-auto mt-12 container-fluid hover:col-span-6">
<div class="text-center ltr:md:text-left rtl:md:text-right border-b-[3px] bg-white dark:bg-black">
<div id="searchbar" class="container mt-6">
<div class="flex overflow-hidden">
<form up-submit up-history="true" up-target="#searchbar-results" class="relative w-full" method="get" action="/dashboard">
    <label>
    <span class="absolute top-6"><i class="fa fa-search"></i></span>
    <input type="text" name="q" value="{{ .q }}" class="p-6 font-bold text-black bg-transparent border-0 outline-none w-flex-full dark:text-white" placeholder="{{ "Rechercher..." | t }}" style="width:calc(100% - 150px)" />
    </label>
    <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>
</div>

<section class="flex relative justify-center items-center py-32 {{ if not .cards }}min-h-screen{{ else if .optionView }}min-h-screen{{end}}" id="list">
<div class="container">
<div class="grid items-center mt-20 lg:grid-cols-12 md:grid-cols-2">
<div class="col-span-12">
<div id="searchbar-results" class="grid grid-cols-12 items-center gap-[30px] lg:grid-cols-12">
      
{{ if not .cards }}
<div class="col-span-12 w-full text-xl font-normal md:text-3xl">{{ "Aucun résultat" | t }}</div>
{{ else }}

    {{ $isMobile := .isMobile }}
    
    {{range $index, $name := .cards }}
        <div class="list-item col-span-12 transition md:col-span-6 lg:col-span-4 xl:col-span-3">
            <div class="overflow-hidden relative text-center bg-white rounded-md border{{  if $isMobile }}-2{{ end }} shadow transition-all duration-500 ease-in-out border-1 group dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 dark:hover:border-gray-800 hover:border-indigo-700">
                
                <a href="https://vcard.pm/{{$name.Path.String}}" {{  if $isMobile }}target="_blank" class="flex h-auto"{{ else }} class="flex h-auto iframed-preview" {{ end }}>
                    <div class="absolute right-[3px] bg-white bottom-[3px] p-4 rounded-lg border shadow-md m-2"><img src="https://datamix.media/card.pm/card/{{ $name.Id }}.png" class="w-20" /></div>
                    <img src="https://datamix.media/card.pm/rasterized/fb/{{ $name.Md5 }}-{{ $name.LanguageId.Int32 }}.png" class="m-auto max-w-full max-h-full" />
                </a>

            </div>
        </div>
    {{ end }}
      
{{ end }}

</div>
</div>
</div>
</div>
</section>

{{ template "footer.html" . }}