{{ template "headersMenu.html" . }}

<style>   
.item-studio {
	background-image: url(https://next.card.pm/assets/card.pm/landings/home/images/image04.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
.item-card {
	background-image: url(https://beta.card.pm/cdn/design/pics/illus-2023.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
.item-scan {
	background-image: url(https://datamix.media/fredj-light.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
.dark .item-scan {
	background-image: url(https://datamix.media/fredj-dark.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
.item-builders {
	background-image: url(https://datamix.media/fredj-nfc-light.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
.dark .item-builders {
	background-image: url(https://datamix.media/fredj-nfc-dark.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain !important;
}
</style>

<section class="flex relative justify-center items-center py-10 min-h-screen-100" id="home">
    <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">
                <div class="grid md:grid-cols-12 gap-[30px] items-center">
    {{ $token := .token }}
    {{ $domain := .domain }}


    {{range $index, $name := .templates }}
    {{ if gt $name.Status.Int32 0 }}{ type: "gabarit", id:"{{$index}}", {{ if $name.Logo.Valid }}portrait:"https://datamix.media/card.pm/gabarit/{{$name.Logo.String}}", {{ end }}{{ if $name.Name.Valid }}title:"{{$name.Host.String}}"{{ else }}title: "{{$name.Id}}"{{ end }}, card: "https://card.pm/sample/{{$name.Md5}}", url: "https://next.card.pm/template/overview?i={{$name.Id}}", tags: "LIVE" },{{end}}
    {{end}}

    
    {{ range .domains }}
    {{ $domaintmp := . | domain }}
    

    <div class="col-span-12 md:col-span-6 lg:col-span-3">
        <a href="https://beta.{{ . }}/bin/auth/in?admin={{ $token }}" class="{{ if eq $domain $domaintmp }}opacity-30 hover:opacity-100{{ end }} block overflow-hidden relative p-6 rounded-md text-left bg-white border shadow transition-all duration-500 ease-in-out group dark:shadow-gray-800 h-[100px] hover:shadow-md dark:hover:shadow-gray-700 dark:bg-slate-900 dark:border-gray-700 hover:border-indigo-700 dark:hover:bg-indigo-600 item-{{ $domaintmp }}">
            <img src="/cdn/design/logos/{{ $domaintmp }}-white.png" class="hidden my-7 h-12 dark:block" />
            <img src="/cdn/design/logos/{{ $domaintmp }}-black.png" class="my-7 h-12 dark:hidden" />
            <div class="mt-3 content {{ if eq $domain $domaintmp }}text-white{{ end }}">
                <p class="hidden text-left">Détails<br/>Nb médias<br/>...</p>
                <code class="block px-3 py-1 mt-2 text-xs font-normal text-black bg-gray-200 rounded-lg opacity-30 dark:text-white dark:bg-gray-800 w-100"><i class="mr-2 fa-light fa-link"></i> https://{{ . }}</code>
            </div>
        </a>
    </div>


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


{{ template "footerMenu.html" . }}