{{ template "headersMenu.html" . }}

<section class="flex relative justify-center items-center py-40" id="home">
    <div class="container">
        <div class="col-span-12 lg:col-span-4 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 class="relative w-full" method="get" up-submit action="/list">
                        <input type="text" id="subcribe" name="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 }}..." value="{{ .q }}">
                        <button type="submit" class="btn absolute top-[2px] ltr:right-0 rtl:left-0 h-[46px] bg-indigo-600 hover:bg-indigo-700 border-gray-400 hover:border-black dark:border-white hover:border-indigo-700 text-white rounded-lg border-2"><i class="fa fa-search"></i></button>
                    </form>
                </div>
            </div>
        </div>
        <div class="grid lg:grid-cols-12 md:grid-cols-2 gap-[30px] mt-10 items-center">


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

    {{ $isMobile := .isMobile }}

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

    {{range $index, $review := .reviews }}
	<div class="col-span-6 lg:col-span-3">
		<a {{ if $isMobile }}up-follow{{ else }}up-layer="new" up-size="large"{{end}} href="/{{ $review.SurveyID }}" class="block overflow-hidden relative p-6 text-left rounded-lg border-2 border-gray-400 hover:border-black shadow transition-all duration-500 ease-in-out group dark:shadow-gray-800 h-[200px] hover:shadow-md dark:hover:shadow-gray-700 hover:bg-indigo-600 hover:text-white hover:border-indigo-700 bg-white dark:bg-slate-900">
			<div class="mt-3 content">
				<code class="text-sm font-semibold title">{{ $review.SurveyID }}</code>
				<div class="block text-xl font-light title">{{ $review.Name }}</div>
				<div class="mt-4 text-md">
                    <span class="block text-md">{{ $review.Rating }}</span>
                    <span class="block text-xs font-light">{{ $review.Comment }}</span>
				</div>
			</div>
		</a>
	</div>
    {{ end }}

    </div>
</div>

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

{{ template "footer.html" . }}