{{define "content"}}
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
    <h1 class="text-2xl font-semibold text-gray-900">Répertoire des solutions</h1>

    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            <p class="mt-2 text-sm text-gray-700"></p>
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
            <select id="type" name="type" 
                x-model="fields.type" @blur="validateField('type')"
                class="max-w-lg mt-1 block focus:ring-co-blue focus:border-co-blue w-full shadow-sm sm:max-w-xs sm:text-sm rounded-2xl border-gray-300">
                <option>Types de solution</option>
                <option value="Auto-écoles sociales">Auto-écoles sociales</option>
                <option value="Conseil en Mobilité">Conseil en Mobilité</option>
                <option value="Garages solidaires">Garages solidaires</option>
                <option value="Information collective">Information collective</option>
                <option value="Autres">Autres</option>
            </select>
        </div>
    </div>
</div>
{{end}}