{{ 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="/list{{ if .action }}/{{ .action}}{{end}}">
        <input type="hidden" name="v" value="{{ .optionView }}" />
        
        <a href="/list" alt="{{ "Liste" | t }}" up-follow class="p-2 link-q"><i class="fa fa-home"></i></a>
        <a href="/list/pmcard" alt="{{ "Cartes de visite" | t }}" up-follow class="p-2 link-q"><i class="fa fa-id-card"></i></a>
        <a href="/list/links" alt="{{ "Liens externes" | t }}" up-follow class="p-2 link-q"><i class="fa fa-link"></i></a>
        <label>
        <button type="submit" class="absolute top-6"><i class="fa fa-search"></i></button>
        <input id="searchbar-live" 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>
        <a up-follow href="/list/production" class="absolute top-4 rounded-full btn ltr:right-0 rtl:left-0 btn-md link-q {{ if eq .action "production" }}border-black dark:border-white text-white dark:bg-red-600 bg-red-600 dark:text-white{{ else }}text-black dark:border-white dark:text-white hover:bg-indigo-600 hover:text-white{{ end }}">{{ "En production" | t }}</a>
    </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 lg:grid-cols-12 md:grid-cols-2 gap-[30px] mt-10 items-center">
            <div class="col-span-12 w-full text-xl font-normal md:text-3xl font-bold uppercase">
                {{ .action }}
            </div>


{{ if not .codes }}
<div class="col-span-12 w-full text-xl font-normal md:text-3xl">{{ "Aucun résultat" | t }}</div>
{{ else }}


<div class="col-span-12 w-full">
	<div class="grid grid-cols-12 gap-[30px] items-center">

    {{ $theTest := false }}
    {{ $isMobile := .isMobile }}
    
    {{range $index, $name := .codes }}
    {{ $theTest = true }}
    <div class="col-span-12 md:col-span-6 lg:col-span-4 xl:col-span-3">
    <a {{ if $isMobile }}up-follow{{ else }}up-cache="false" up-layer="new" up-size="large" up-target="#EditView" up-on-dismissed="up.reload('main')"{{end}} href="/edit/{{ $name.SerialNumber }}" class="ease-in-out group block overflow-hidden relative p-6 text-left rounded-lg border-2 border-gray-400 hover:border-black hover:dark:border-white hover:border-indigo-700 shadow transition-all duration-500 dark:shadow-gray-800 h-[150px] hover:shadow-md dark:hover:shadow-gray-700 hover:bg-indigo-600 hover:text-white bg-white dark:bg-slate-900">
            <div class="content">
				<code class="text-sm font-semibold title">{{ $name.SerialNumber }}</code>
                {{ if notEmpty $name.Url }}<div class="block text-lg font-light whitespace-nowrap title"><i class="fa fa-link"></i> {{ "Lien internet" | t }}</div>{{ end }}
                {{ if greaterThanZero $name.Card.Id }}<div class="block text-lg font-light whitespace-nowrap title"><i class="fa fa-id-card"></i> {{ "Carte de visite" | t }}</div>{{ end }}
				{{ if greaterThanOne $name.NbCopy }}<div class="block mt-10 font-semibold text-gray-300 text-muted">{{ $name.NbCopy }} {{ if greaterThanOne $name.NbCopy }}{{ "exemplaires" | t }}{{ else }}{{ "exemplaire" | t }}{{ end }}</div>{{ end }}
			</div>
		</a>
	</div>
    {{ end }}

    </div>
</div>

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

{{ template "footer.html" . }}