<div class="w-full max-w-3xl mx-auto px-4">
<div class="mb-4 form-non-field-errors">
<div class="py-3 px-4 bg-red-50 text-red-600 rounded-lg border border-red-300">
<ul>
<li>Passwords dont match</li>
</ul>
</div>
</div>
<div id="div_id_file_field" class="field-wrapper mb-3">
<label for="id_file_field" class="label-class block text-gray-900 text-sm mb-2"> FileField<span
class="asteriskField">*</span>
</label>
<input type="file" name="file_field"
class="w-full overflow-clip rounded-lg border border-red-300 bg-gray-50/50 text-gray-600 file:mr-4 file:cursor-pointer file:border-none file:bg-gray-50 file:px-4 file:py-2 file:font-medium file:text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black disabled:cursor-not-allowed disabled:opacity-75 dark:border-gray-700 dark:bg-gray-900/50 dark:text-gray-300 dark:file:bg-gray-900 dark:file:text-white dark:focus-visible:outline-white"
required aria-invalid="true" id="id_file_field">
<div class="mt-1">
<p id="error_1_id_file_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_char_field" class="field-wrapper mb-3">
<label for="id_char_field" class="label-class block text-gray-900 text-sm mb-2"> CharField<span
class="asteriskField">*</span>
</label>
<input type="text" name="char_field"
class=" bg-white focus:outline-none border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_char_field">
<div class="mt-1">
<p id="error_1_id_char_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_integer_field" class="field-wrapper mb-3">
<label for="id_integer_field" class="label-class block text-gray-900 text-sm mb-2"> IntegerField<span
class="asteriskField">*</span>
</label>
<input type="number" name="integer_field"
class=" bg-white focus:outline-none border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_integer_field">
<div class="mt-1">
<p id="error_1_id_integer_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_boolean_field" class="field-wrapper mb-3">
<label for="id_boolean_field" class="inline-flex items-center gap-2 text-gray-700">
<input type="checkbox" name="boolean_field" class=" " required aria-invalid="true" id="id_boolean_field">
BooleanField </label>
<div class="mt-1">
<p id="error_1_id_boolean_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_choice_field" class="field-wrapper mb-3">
<label for="id_choice_field" class="label-class block text-gray-900 text-sm mb-2"> ChoiceField<span
class="asteriskField">*</span>
</label>
<div>
<div class="relative">
<select
class="bg-white focus:outline-none border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
name="choice_field" aria-invalid="true" id="id_choice_field">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_choice_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_choice_radio_field" class="field-wrapper mb-3">
<label for="" class="label-class block text-gray-900 text-sm mb-2"> ChoiceRadioField<span
class="asteriskField">*</span>
</label>
<div>
<div>
<label for="id_choice_radio_field_1" class="inline-flex items-center gap-2 text-gray-700">
<input type="radio" class="" name="choice_radio_field" id="id_choice_radio_field_1" value="option1">
Option 1 </label>
</div>
<div>
<label for="id_choice_radio_field_2" class="inline-flex items-center gap-2 text-gray-700">
<input type="radio" class="" name="choice_radio_field" id="id_choice_radio_field_2" value="option2">
Option 2 </label>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_choice_radio_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_multiple_choice_field" class="field-wrapper mb-3">
<label for="id_multiple_choice_field" class="label-class block text-gray-900 text-sm mb-2">
MultipleChoiceField<span class="asteriskField">*</span>
</label>
<div>
<div class="relative">
<select
class="bg-white focus:outline-none border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
name="multiple_choice_field" aria-invalid="true" id="id_multiple_choice_field" multiple required>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_multiple_choice_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_favorite_colors" class="field-wrapper mb-3">
<label for="" class="label-class block text-gray-900 text-sm mb-2"> Favorite colors<span
class="asteriskField">*</span>
</label>
<div class="">
<div>
<label class="inline-flex items-center gap-2 text-gray-700" for="id_favorite_colors_1">
<input type="checkbox" class="" name="favorite_colors" id="id_favorite_colors_1" value="option1">
Option 1 </label>
</div>
<div>
<label class="inline-flex items-center gap-2 text-gray-700" for="id_favorite_colors_2">
<input type="checkbox" class="" name="favorite_colors" id="id_favorite_colors_2" value="option2">
Option 2 </label>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_favorite_colors" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_password" class="field-wrapper mb-3">
<label for="id_password" class="label-class block text-gray-900 text-sm mb-2"> Password<span
class="asteriskField">*</span>
</label>
<div data-controller="password-strength password-visibility">
<div class="relative">
<input data-password-visibility-target="input" type="password" name="password"
data-action="keyup->password-strength#estimateStrength"
class=" bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_password">
<button type="button" data-action="password-visibility#toggle"
class="flex absolute inset-y-0 right-0 items-center pr-3 text-gray-500 cursor-pointer">
<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
width="24" height="24" class="w-6 h-6" data-password-visibility-target="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
width="24" height="24" class="hidden w-6 h-6" data-password-visibility-target="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" />
</svg>
</button>
</div>
<div>
<span data-password-strength-target="strengthIndicator" class="hidden mt-1 text-xs text-red-600"></span>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_password" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_date_field" class="field-wrapper mb-3">
<label for="id_date_field" class="label-class block text-gray-900 text-sm mb-2"> Date field<span
class="asteriskField">*</span>
</label>
<div>
<input data-controller="flatpickr" data-flatpickr-enable-time="false" type="text" name="date_field"
class=" bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_date_field">
</div>
<div class="mt-1">
<p id="error_1_id_date_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_time_field" class="field-wrapper mb-3">
<label for="id_time_field" class="label-class block text-gray-900 text-sm mb-2"> Time field<span
class="asteriskField">*</span>
</label>
<div>
<input data-controller="flatpickr" data-flatpickr-enable-time="true" data-flatpickr-no-calendar="true"
type="text" name="time_field" data-flatpickr-enable-seconds="false"
class=" bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_time_field">
</div>
<div class="mt-1">
<p id="error_1_id_time_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_datetime_field" class="field-wrapper mb-3">
<label for="id_datetime_field" class="label-class block text-gray-900 text-sm mb-2"> Datetime field<span
class="asteriskField">*</span>
</label>
<div>
<input data-controller="flatpickr" data-flatpickr-enable-time="true" type="text" name="datetime_field"
class=" bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_datetime_field">
</div>
<div class="mt-1">
<p id="error_1_id_datetime_field" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_timezone" class="field-wrapper mb-3">
<label for="id_timezone" class="label-class block text-gray-900 text-sm mb-2"> Timezone<span
class="asteriskField">*</span>
</label>
<div>
<div class="relative" data-controller="choices">
<select
class="bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
name="timezone" aria-invalid="true" data-enable-choices="true" id="id_timezone" required>
<option value="" selected>Select timezone</option>
<option value="Africa/Abidjan">Africa/Abidjan</option>
<option value="Africa/Accra">Africa/Accra</option>
<option value="Africa/Addis_Ababa">Africa/Addis_Ababa</option>
<option value="Africa/Algiers">Africa/Algiers</option>
<option value="Africa/Asmara">Africa/Asmara</option>
<option value="Africa/Asmera">Africa/Asmera</option>
<option value="Africa/Bamako">Africa/Bamako</option>
<option value="Africa/Bangui">Africa/Bangui</option>
<option value="Africa/Banjul">Africa/Banjul</option>
<option value="Africa/Bissau">Africa/Bissau</option>
<option value="Africa/Blantyre">Africa/Blantyre</option>
<option value="Africa/Brazzaville">Africa/Brazzaville</option>
<option value="Africa/Bujumbura">Africa/Bujumbura</option>
<option value="Africa/Cairo">Africa/Cairo</option>
<option value="Africa/Casablanca">Africa/Casablanca</option>
<option value="Africa/Ceuta">Africa/Ceuta</option>
<option value="Africa/Conakry">Africa/Conakry</option>
<option value="Africa/Dakar">Africa/Dakar</option>
<option value="Africa/Dar_es_Salaam">Africa/Dar_es_Salaam</option>
<option value="Africa/Djibouti">Africa/Djibouti</option>
<option value="Africa/Douala">Africa/Douala</option>
<option value="Africa/El_Aaiun">Africa/El_Aaiun</option>
<option value="Africa/Freetown">Africa/Freetown</option>
<option value="Africa/Gaborone">Africa/Gaborone</option>
<option value="Africa/Harare">Africa/Harare</option>
<option value="Africa/Johannesburg">Africa/Johannesburg</option>
<option value="Africa/Juba">Africa/Juba</option>
<option value="Africa/Kampala">Africa/Kampala</option>
<option value="Africa/Khartoum">Africa/Khartoum</option>
<option value="Africa/Kigali">Africa/Kigali</option>
<option value="Africa/Kinshasa">Africa/Kinshasa</option>
<option value="Africa/Lagos">Africa/Lagos</option>
<option value="Africa/Libreville">Africa/Libreville</option>
<option value="Africa/Lome">Africa/Lome</option>
<option value="Africa/Luanda">Africa/Luanda</option>
<option value="Africa/Lubumbashi">Africa/Lubumbashi</option>
<option value="Africa/Lusaka">Africa/Lusaka</option>
<option value="Africa/Malabo">Africa/Malabo</option>
<option value="Africa/Maputo">Africa/Maputo</option>
<option value="Africa/Maseru">Africa/Maseru</option>
<option value="Africa/Mbabane">Africa/Mbabane</option>
<option value="Africa/Mogadishu">Africa/Mogadishu</option>
<option value="Africa/Monrovia">Africa/Monrovia</option>
<option value="Africa/Nairobi">Africa/Nairobi</option>
<option value="Africa/Ndjamena">Africa/Ndjamena</option>
<option value="Africa/Niamey">Africa/Niamey</option>
<option value="Africa/Nouakchott">Africa/Nouakchott</option>
<option value="Africa/Ouagadougou">Africa/Ouagadougou</option>
<option value="Africa/Porto-Novo">Africa/Porto-Novo</option>
<option value="Africa/Sao_Tome">Africa/Sao_Tome</option>
<option value="Africa/Timbuktu">Africa/Timbuktu</option>
<option value="Africa/Tripoli">Africa/Tripoli</option>
<option value="Africa/Tunis">Africa/Tunis</option>
<option value="Africa/Windhoek">Africa/Windhoek</option>
<option value="America/Adak">America/Adak</option>
<option value="America/Anchorage">America/Anchorage</option>
<option value="America/Anguilla">America/Anguilla</option>
<option value="America/Antigua">America/Antigua</option>
<option value="America/Araguaina">America/Araguaina</option>
<option value="America/Argentina/Buenos_Aires">America/Argentina/Buenos_Aires</option>
<option value="America/Argentina/Catamarca">America/Argentina/Catamarca</option>
<option value="America/Argentina/ComodRivadavia">America/Argentina/ComodRivadavia</option>
<option value="America/Argentina/Cordoba">America/Argentina/Cordoba</option>
<option value="America/Argentina/Jujuy">America/Argentina/Jujuy</option>
<option value="America/Argentina/La_Rioja">America/Argentina/La_Rioja</option>
<option value="America/Argentina/Mendoza">America/Argentina/Mendoza</option>
<option value="America/Argentina/Rio_Gallegos">America/Argentina/Rio_Gallegos</option>
<option value="America/Argentina/Salta">America/Argentina/Salta</option>
<option value="America/Argentina/San_Juan">America/Argentina/San_Juan</option>
<option value="America/Argentina/San_Luis">America/Argentina/San_Luis</option>
<option value="America/Argentina/Tucuman">America/Argentina/Tucuman</option>
<option value="America/Argentina/Ushuaia">America/Argentina/Ushuaia</option>
<option value="America/Aruba">America/Aruba</option>
<option value="America/Asuncion">America/Asuncion</option>
<option value="America/Atikokan">America/Atikokan</option>
<option value="America/Atka">America/Atka</option>
<option value="America/Bahia">America/Bahia</option>
<option value="America/Bahia_Banderas">America/Bahia_Banderas</option>
<option value="America/Barbados">America/Barbados</option>
<option value="America/Belem">America/Belem</option>
<option value="America/Belize">America/Belize</option>
<option value="America/Blanc-Sablon">America/Blanc-Sablon</option>
<option value="America/Boa_Vista">America/Boa_Vista</option>
<option value="America/Bogota">America/Bogota</option>
<option value="America/Boise">America/Boise</option>
<option value="America/Buenos_Aires">America/Buenos_Aires</option>
<option value="America/Cambridge_Bay">America/Cambridge_Bay</option>
<option value="America/Campo_Grande">America/Campo_Grande</option>
<option value="America/Cancun">America/Cancun</option>
<option value="America/Caracas">America/Caracas</option>
<option value="America/Catamarca">America/Catamarca</option>
<option value="America/Cayenne">America/Cayenne</option>
<option value="America/Cayman">America/Cayman</option>
<option value="America/Chicago">America/Chicago</option>
<option value="America/Chihuahua">America/Chihuahua</option>
<option value="America/Coral_Harbour">America/Coral_Harbour</option>
<option value="America/Cordoba">America/Cordoba</option>
<option value="America/Costa_Rica">America/Costa_Rica</option>
<option value="America/Creston">America/Creston</option>
<option value="America/Cuiaba">America/Cuiaba</option>
<option value="America/Curacao">America/Curacao</option>
<option value="America/Danmarkshavn">America/Danmarkshavn</option>
<option value="America/Dawson">America/Dawson</option>
<option value="America/Dawson_Creek">America/Dawson_Creek</option>
<option value="America/Denver">America/Denver</option>
<option value="America/Detroit">America/Detroit</option>
<option value="America/Dominica">America/Dominica</option>
<option value="America/Edmonton">America/Edmonton</option>
<option value="America/Eirunepe">America/Eirunepe</option>
<option value="America/El_Salvador">America/El_Salvador</option>
<option value="America/Ensenada">America/Ensenada</option>
<option value="America/Fort_Nelson">America/Fort_Nelson</option>
<option value="America/Fort_Wayne">America/Fort_Wayne</option>
<option value="America/Fortaleza">America/Fortaleza</option>
<option value="America/Glace_Bay">America/Glace_Bay</option>
<option value="America/Godthab">America/Godthab</option>
<option value="America/Goose_Bay">America/Goose_Bay</option>
<option value="America/Grand_Turk">America/Grand_Turk</option>
<option value="America/Grenada">America/Grenada</option>
<option value="America/Guadeloupe">America/Guadeloupe</option>
<option value="America/Guatemala">America/Guatemala</option>
<option value="America/Guayaquil">America/Guayaquil</option>
<option value="America/Guyana">America/Guyana</option>
<option value="America/Halifax">America/Halifax</option>
<option value="America/Havana">America/Havana</option>
<option value="America/Hermosillo">America/Hermosillo</option>
<option value="America/Indiana/Indianapolis">America/Indiana/Indianapolis</option>
<option value="America/Indiana/Knox">America/Indiana/Knox</option>
<option value="America/Indiana/Marengo">America/Indiana/Marengo</option>
<option value="America/Indiana/Petersburg">America/Indiana/Petersburg</option>
<option value="America/Indiana/Tell_City">America/Indiana/Tell_City</option>
<option value="America/Indiana/Vevay">America/Indiana/Vevay</option>
<option value="America/Indiana/Vincennes">America/Indiana/Vincennes</option>
<option value="America/Indiana/Winamac">America/Indiana/Winamac</option>
<option value="America/Indianapolis">America/Indianapolis</option>
<option value="America/Inuvik">America/Inuvik</option>
<option value="America/Iqaluit">America/Iqaluit</option>
<option value="America/Jamaica">America/Jamaica</option>
<option value="America/Jujuy">America/Jujuy</option>
<option value="America/Juneau">America/Juneau</option>
<option value="America/Kentucky/Louisville">America/Kentucky/Louisville</option>
<option value="America/Kentucky/Monticello">America/Kentucky/Monticello</option>
<option value="America/Knox_IN">America/Knox_IN</option>
<option value="America/Kralendijk">America/Kralendijk</option>
<option value="America/La_Paz">America/La_Paz</option>
<option value="America/Lima">America/Lima</option>
<option value="America/Los_Angeles">America/Los_Angeles</option>
<option value="America/Louisville">America/Louisville</option>
<option value="America/Lower_Princes">America/Lower_Princes</option>
<option value="America/Maceio">America/Maceio</option>
<option value="America/Managua">America/Managua</option>
<option value="America/Manaus">America/Manaus</option>
<option value="America/Marigot">America/Marigot</option>
<option value="America/Martinique">America/Martinique</option>
<option value="America/Matamoros">America/Matamoros</option>
<option value="America/Mazatlan">America/Mazatlan</option>
<option value="America/Mendoza">America/Mendoza</option>
<option value="America/Menominee">America/Menominee</option>
<option value="America/Merida">America/Merida</option>
<option value="America/Metlakatla">America/Metlakatla</option>
<option value="America/Mexico_City">America/Mexico_City</option>
<option value="America/Miquelon">America/Miquelon</option>
<option value="America/Moncton">America/Moncton</option>
<option value="America/Monterrey">America/Monterrey</option>
<option value="America/Montevideo">America/Montevideo</option>
<option value="America/Montreal">America/Montreal</option>
<option value="America/Montserrat">America/Montserrat</option>
<option value="America/Nassau">America/Nassau</option>
<option value="America/New_York">America/New_York</option>
<option value="America/Nipigon">America/Nipigon</option>
<option value="America/Nome">America/Nome</option>
<option value="America/Noronha">America/Noronha</option>
<option value="America/North_Dakota/Beulah">America/North_Dakota/Beulah</option>
<option value="America/North_Dakota/Center">America/North_Dakota/Center</option>
<option value="America/North_Dakota/New_Salem">America/North_Dakota/New_Salem</option>
<option value="America/Nuuk">America/Nuuk</option>
<option value="America/Ojinaga">America/Ojinaga</option>
<option value="America/Panama">America/Panama</option>
<option value="America/Pangnirtung">America/Pangnirtung</option>
<option value="America/Paramaribo">America/Paramaribo</option>
<option value="America/Phoenix">America/Phoenix</option>
<option value="America/Port-au-Prince">America/Port-au-Prince</option>
<option value="America/Port_of_Spain">America/Port_of_Spain</option>
<option value="America/Porto_Acre">America/Porto_Acre</option>
<option value="America/Porto_Velho">America/Porto_Velho</option>
<option value="America/Puerto_Rico">America/Puerto_Rico</option>
<option value="America/Punta_Arenas">America/Punta_Arenas</option>
<option value="America/Rainy_River">America/Rainy_River</option>
<option value="America/Rankin_Inlet">America/Rankin_Inlet</option>
<option value="America/Recife">America/Recife</option>
<option value="America/Regina">America/Regina</option>
<option value="America/Resolute">America/Resolute</option>
<option value="America/Rio_Branco">America/Rio_Branco</option>
<option value="America/Rosario">America/Rosario</option>
<option value="America/Santa_Isabel">America/Santa_Isabel</option>
<option value="America/Santarem">America/Santarem</option>
<option value="America/Santiago">America/Santiago</option>
<option value="America/Santo_Domingo">America/Santo_Domingo</option>
<option value="America/Sao_Paulo">America/Sao_Paulo</option>
<option value="America/Scoresbysund">America/Scoresbysund</option>
<option value="America/Shiprock">America/Shiprock</option>
<option value="America/Sitka">America/Sitka</option>
<option value="America/St_Barthelemy">America/St_Barthelemy</option>
<option value="America/St_Johns">America/St_Johns</option>
<option value="America/St_Kitts">America/St_Kitts</option>
<option value="America/St_Lucia">America/St_Lucia</option>
<option value="America/St_Thomas">America/St_Thomas</option>
<option value="America/St_Vincent">America/St_Vincent</option>
<option value="America/Swift_Current">America/Swift_Current</option>
<option value="America/Tegucigalpa">America/Tegucigalpa</option>
<option value="America/Thule">America/Thule</option>
<option value="America/Thunder_Bay">America/Thunder_Bay</option>
<option value="America/Tijuana">America/Tijuana</option>
<option value="America/Toronto">America/Toronto</option>
<option value="America/Tortola">America/Tortola</option>
<option value="America/Vancouver">America/Vancouver</option>
<option value="America/Virgin">America/Virgin</option>
<option value="America/Whitehorse">America/Whitehorse</option>
<option value="America/Winnipeg">America/Winnipeg</option>
<option value="America/Yakutat">America/Yakutat</option>
<option value="America/Yellowknife">America/Yellowknife</option>
<option value="Antarctica/Casey">Antarctica/Casey</option>
<option value="Antarctica/Davis">Antarctica/Davis</option>
<option value="Antarctica/DumontDUrville">Antarctica/DumontDUrville</option>
<option value="Antarctica/Macquarie">Antarctica/Macquarie</option>
<option value="Antarctica/Mawson">Antarctica/Mawson</option>
<option value="Antarctica/McMurdo">Antarctica/McMurdo</option>
<option value="Antarctica/Palmer">Antarctica/Palmer</option>
<option value="Antarctica/Rothera">Antarctica/Rothera</option>
<option value="Antarctica/South_Pole">Antarctica/South_Pole</option>
<option value="Antarctica/Syowa">Antarctica/Syowa</option>
<option value="Antarctica/Troll">Antarctica/Troll</option>
<option value="Antarctica/Vostok">Antarctica/Vostok</option>
<option value="Arctic/Longyearbyen">Arctic/Longyearbyen</option>
<option value="Asia/Aden">Asia/Aden</option>
<option value="Asia/Almaty">Asia/Almaty</option>
<option value="Asia/Amman">Asia/Amman</option>
<option value="Asia/Anadyr">Asia/Anadyr</option>
<option value="Asia/Aqtau">Asia/Aqtau</option>
<option value="Asia/Aqtobe">Asia/Aqtobe</option>
<option value="Asia/Ashgabat">Asia/Ashgabat</option>
<option value="Asia/Ashkhabad">Asia/Ashkhabad</option>
<option value="Asia/Atyrau">Asia/Atyrau</option>
<option value="Asia/Baghdad">Asia/Baghdad</option>
<option value="Asia/Bahrain">Asia/Bahrain</option>
<option value="Asia/Baku">Asia/Baku</option>
<option value="Asia/Bangkok">Asia/Bangkok</option>
<option value="Asia/Barnaul">Asia/Barnaul</option>
<option value="Asia/Beirut">Asia/Beirut</option>
<option value="Asia/Bishkek">Asia/Bishkek</option>
<option value="Asia/Brunei">Asia/Brunei</option>
<option value="Asia/Calcutta">Asia/Calcutta</option>
<option value="Asia/Chita">Asia/Chita</option>
<option value="Asia/Choibalsan">Asia/Choibalsan</option>
<option value="Asia/Chongqing">Asia/Chongqing</option>
<option value="Asia/Chungking">Asia/Chungking</option>
<option value="Asia/Colombo">Asia/Colombo</option>
<option value="Asia/Dacca">Asia/Dacca</option>
<option value="Asia/Damascus">Asia/Damascus</option>
<option value="Asia/Dhaka">Asia/Dhaka</option>
<option value="Asia/Dili">Asia/Dili</option>
<option value="Asia/Dubai">Asia/Dubai</option>
<option value="Asia/Dushanbe">Asia/Dushanbe</option>
<option value="Asia/Famagusta">Asia/Famagusta</option>
<option value="Asia/Gaza">Asia/Gaza</option>
<option value="Asia/Harbin">Asia/Harbin</option>
<option value="Asia/Hebron">Asia/Hebron</option>
<option value="Asia/Ho_Chi_Minh">Asia/Ho_Chi_Minh</option>
<option value="Asia/Hong_Kong">Asia/Hong_Kong</option>
<option value="Asia/Hovd">Asia/Hovd</option>
<option value="Asia/Irkutsk">Asia/Irkutsk</option>
<option value="Asia/Istanbul">Asia/Istanbul</option>
<option value="Asia/Jakarta">Asia/Jakarta</option>
<option value="Asia/Jayapura">Asia/Jayapura</option>
<option value="Asia/Jerusalem">Asia/Jerusalem</option>
<option value="Asia/Kabul">Asia/Kabul</option>
<option value="Asia/Kamchatka">Asia/Kamchatka</option>
<option value="Asia/Karachi">Asia/Karachi</option>
<option value="Asia/Kashgar">Asia/Kashgar</option>
<option value="Asia/Kathmandu">Asia/Kathmandu</option>
<option value="Asia/Katmandu">Asia/Katmandu</option>
<option value="Asia/Khandyga">Asia/Khandyga</option>
<option value="Asia/Kolkata">Asia/Kolkata</option>
<option value="Asia/Krasnoyarsk">Asia/Krasnoyarsk</option>
<option value="Asia/Kuala_Lumpur">Asia/Kuala_Lumpur</option>
<option value="Asia/Kuching">Asia/Kuching</option>
<option value="Asia/Kuwait">Asia/Kuwait</option>
<option value="Asia/Macao">Asia/Macao</option>
<option value="Asia/Macau">Asia/Macau</option>
<option value="Asia/Magadan">Asia/Magadan</option>
<option value="Asia/Makassar">Asia/Makassar</option>
<option value="Asia/Manila">Asia/Manila</option>
<option value="Asia/Muscat">Asia/Muscat</option>
<option value="Asia/Nicosia">Asia/Nicosia</option>
<option value="Asia/Novokuznetsk">Asia/Novokuznetsk</option>
<option value="Asia/Novosibirsk">Asia/Novosibirsk</option>
<option value="Asia/Omsk">Asia/Omsk</option>
<option value="Asia/Oral">Asia/Oral</option>
<option value="Asia/Phnom_Penh">Asia/Phnom_Penh</option>
<option value="Asia/Pontianak">Asia/Pontianak</option>
<option value="Asia/Pyongyang">Asia/Pyongyang</option>
<option value="Asia/Qatar">Asia/Qatar</option>
<option value="Asia/Qostanay">Asia/Qostanay</option>
<option value="Asia/Qyzylorda">Asia/Qyzylorda</option>
<option value="Asia/Rangoon">Asia/Rangoon</option>
<option value="Asia/Riyadh">Asia/Riyadh</option>
<option value="Asia/Saigon">Asia/Saigon</option>
<option value="Asia/Sakhalin">Asia/Sakhalin</option>
<option value="Asia/Samarkand">Asia/Samarkand</option>
<option value="Asia/Seoul">Asia/Seoul</option>
<option value="Asia/Shanghai">Asia/Shanghai</option>
<option value="Asia/Singapore">Asia/Singapore</option>
<option value="Asia/Srednekolymsk">Asia/Srednekolymsk</option>
<option value="Asia/Taipei">Asia/Taipei</option>
<option value="Asia/Tashkent">Asia/Tashkent</option>
<option value="Asia/Tbilisi">Asia/Tbilisi</option>
<option value="Asia/Tehran">Asia/Tehran</option>
<option value="Asia/Tel_Aviv">Asia/Tel_Aviv</option>
<option value="Asia/Thimbu">Asia/Thimbu</option>
<option value="Asia/Thimphu">Asia/Thimphu</option>
<option value="Asia/Tokyo">Asia/Tokyo</option>
<option value="Asia/Tomsk">Asia/Tomsk</option>
<option value="Asia/Ujung_Pandang">Asia/Ujung_Pandang</option>
<option value="Asia/Ulaanbaatar">Asia/Ulaanbaatar</option>
<option value="Asia/Ulan_Bator">Asia/Ulan_Bator</option>
<option value="Asia/Urumqi">Asia/Urumqi</option>
<option value="Asia/Ust-Nera">Asia/Ust-Nera</option>
<option value="Asia/Vientiane">Asia/Vientiane</option>
<option value="Asia/Vladivostok">Asia/Vladivostok</option>
<option value="Asia/Yakutsk">Asia/Yakutsk</option>
<option value="Asia/Yangon">Asia/Yangon</option>
<option value="Asia/Yekaterinburg">Asia/Yekaterinburg</option>
<option value="Asia/Yerevan">Asia/Yerevan</option>
<option value="Atlantic/Azores">Atlantic/Azores</option>
<option value="Atlantic/Bermuda">Atlantic/Bermuda</option>
<option value="Atlantic/Canary">Atlantic/Canary</option>
<option value="Atlantic/Cape_Verde">Atlantic/Cape_Verde</option>
<option value="Atlantic/Faeroe">Atlantic/Faeroe</option>
<option value="Atlantic/Faroe">Atlantic/Faroe</option>
<option value="Atlantic/Jan_Mayen">Atlantic/Jan_Mayen</option>
<option value="Atlantic/Madeira">Atlantic/Madeira</option>
<option value="Atlantic/Reykjavik">Atlantic/Reykjavik</option>
<option value="Atlantic/South_Georgia">Atlantic/South_Georgia</option>
<option value="Atlantic/St_Helena">Atlantic/St_Helena</option>
<option value="Atlantic/Stanley">Atlantic/Stanley</option>
<option value="Australia/ACT">Australia/ACT</option>
<option value="Australia/Adelaide">Australia/Adelaide</option>
<option value="Australia/Brisbane">Australia/Brisbane</option>
<option value="Australia/Broken_Hill">Australia/Broken_Hill</option>
<option value="Australia/Canberra">Australia/Canberra</option>
<option value="Australia/Currie">Australia/Currie</option>
<option value="Australia/Darwin">Australia/Darwin</option>
<option value="Australia/Eucla">Australia/Eucla</option>
<option value="Australia/Hobart">Australia/Hobart</option>
<option value="Australia/LHI">Australia/LHI</option>
<option value="Australia/Lindeman">Australia/Lindeman</option>
<option value="Australia/Lord_Howe">Australia/Lord_Howe</option>
<option value="Australia/Melbourne">Australia/Melbourne</option>
<option value="Australia/NSW">Australia/NSW</option>
<option value="Australia/North">Australia/North</option>
<option value="Australia/Perth">Australia/Perth</option>
<option value="Australia/Queensland">Australia/Queensland</option>
<option value="Australia/South">Australia/South</option>
<option value="Australia/Sydney">Australia/Sydney</option>
<option value="Australia/Tasmania">Australia/Tasmania</option>
<option value="Australia/Victoria">Australia/Victoria</option>
<option value="Australia/West">Australia/West</option>
<option value="Australia/Yancowinna">Australia/Yancowinna</option>
<option value="Brazil/Acre">Brazil/Acre</option>
<option value="Brazil/DeNoronha">Brazil/DeNoronha</option>
<option value="Brazil/East">Brazil/East</option>
<option value="Brazil/West">Brazil/West</option>
<option value="CET">CET</option>
<option value="CST6CDT">CST6CDT</option>
<option value="Canada/Atlantic">Canada/Atlantic</option>
<option value="Canada/Central">Canada/Central</option>
<option value="Canada/Eastern">Canada/Eastern</option>
<option value="Canada/Mountain">Canada/Mountain</option>
<option value="Canada/Newfoundland">Canada/Newfoundland</option>
<option value="Canada/Pacific">Canada/Pacific</option>
<option value="Canada/Saskatchewan">Canada/Saskatchewan</option>
<option value="Canada/Yukon">Canada/Yukon</option>
<option value="Chile/Continental">Chile/Continental</option>
<option value="Chile/EasterIsland">Chile/EasterIsland</option>
<option value="Cuba">Cuba</option>
<option value="EET">EET</option>
<option value="EST">EST</option>
<option value="EST5EDT">EST5EDT</option>
<option value="Egypt">Egypt</option>
<option value="Eire">Eire</option>
<option value="Etc/GMT">Etc/GMT</option>
<option value="Etc/GMT+0">Etc/GMT+0</option>
<option value="Etc/GMT+1">Etc/GMT+1</option>
<option value="Etc/GMT+10">Etc/GMT+10</option>
<option value="Etc/GMT+11">Etc/GMT+11</option>
<option value="Etc/GMT+12">Etc/GMT+12</option>
<option value="Etc/GMT+2">Etc/GMT+2</option>
<option value="Etc/GMT+3">Etc/GMT+3</option>
<option value="Etc/GMT+4">Etc/GMT+4</option>
<option value="Etc/GMT+5">Etc/GMT+5</option>
<option value="Etc/GMT+6">Etc/GMT+6</option>
<option value="Etc/GMT+7">Etc/GMT+7</option>
<option value="Etc/GMT+8">Etc/GMT+8</option>
<option value="Etc/GMT+9">Etc/GMT+9</option>
<option value="Etc/GMT-0">Etc/GMT-0</option>
<option value="Etc/GMT-1">Etc/GMT-1</option>
<option value="Etc/GMT-10">Etc/GMT-10</option>
<option value="Etc/GMT-11">Etc/GMT-11</option>
<option value="Etc/GMT-12">Etc/GMT-12</option>
<option value="Etc/GMT-13">Etc/GMT-13</option>
<option value="Etc/GMT-14">Etc/GMT-14</option>
<option value="Etc/GMT-2">Etc/GMT-2</option>
<option value="Etc/GMT-3">Etc/GMT-3</option>
<option value="Etc/GMT-4">Etc/GMT-4</option>
<option value="Etc/GMT-5">Etc/GMT-5</option>
<option value="Etc/GMT-6">Etc/GMT-6</option>
<option value="Etc/GMT-7">Etc/GMT-7</option>
<option value="Etc/GMT-8">Etc/GMT-8</option>
<option value="Etc/GMT-9">Etc/GMT-9</option>
<option value="Etc/GMT0">Etc/GMT0</option>
<option value="Etc/Greenwich">Etc/Greenwich</option>
<option value="Etc/UCT">Etc/UCT</option>
<option value="Etc/UTC">Etc/UTC</option>
<option value="Etc/Universal">Etc/Universal</option>
<option value="Etc/Zulu">Etc/Zulu</option>
<option value="Europe/Amsterdam">Europe/Amsterdam</option>
<option value="Europe/Andorra">Europe/Andorra</option>
<option value="Europe/Astrakhan">Europe/Astrakhan</option>
<option value="Europe/Athens">Europe/Athens</option>
<option value="Europe/Belfast">Europe/Belfast</option>
<option value="Europe/Belgrade">Europe/Belgrade</option>
<option value="Europe/Berlin">Europe/Berlin</option>
<option value="Europe/Bratislava">Europe/Bratislava</option>
<option value="Europe/Brussels">Europe/Brussels</option>
<option value="Europe/Bucharest">Europe/Bucharest</option>
<option value="Europe/Budapest">Europe/Budapest</option>
<option value="Europe/Busingen">Europe/Busingen</option>
<option value="Europe/Chisinau">Europe/Chisinau</option>
<option value="Europe/Copenhagen">Europe/Copenhagen</option>
<option value="Europe/Dublin">Europe/Dublin</option>
<option value="Europe/Gibraltar">Europe/Gibraltar</option>
<option value="Europe/Guernsey">Europe/Guernsey</option>
<option value="Europe/Helsinki">Europe/Helsinki</option>
<option value="Europe/Isle_of_Man">Europe/Isle_of_Man</option>
<option value="Europe/Istanbul">Europe/Istanbul</option>
<option value="Europe/Jersey">Europe/Jersey</option>
<option value="Europe/Kaliningrad">Europe/Kaliningrad</option>
<option value="Europe/Kiev">Europe/Kiev</option>
<option value="Europe/Kirov">Europe/Kirov</option>
<option value="Europe/Lisbon">Europe/Lisbon</option>
<option value="Europe/Ljubljana">Europe/Ljubljana</option>
<option value="Europe/London">Europe/London</option>
<option value="Europe/Luxembourg">Europe/Luxembourg</option>
<option value="Europe/Madrid">Europe/Madrid</option>
<option value="Europe/Malta">Europe/Malta</option>
<option value="Europe/Mariehamn">Europe/Mariehamn</option>
<option value="Europe/Minsk">Europe/Minsk</option>
<option value="Europe/Monaco">Europe/Monaco</option>
<option value="Europe/Moscow">Europe/Moscow</option>
<option value="Europe/Nicosia">Europe/Nicosia</option>
<option value="Europe/Oslo">Europe/Oslo</option>
<option value="Europe/Paris">Europe/Paris</option>
<option value="Europe/Podgorica">Europe/Podgorica</option>
<option value="Europe/Prague">Europe/Prague</option>
<option value="Europe/Riga">Europe/Riga</option>
<option value="Europe/Rome">Europe/Rome</option>
<option value="Europe/Samara">Europe/Samara</option>
<option value="Europe/San_Marino">Europe/San_Marino</option>
<option value="Europe/Sarajevo">Europe/Sarajevo</option>
<option value="Europe/Saratov">Europe/Saratov</option>
<option value="Europe/Simferopol">Europe/Simferopol</option>
<option value="Europe/Skopje">Europe/Skopje</option>
<option value="Europe/Sofia">Europe/Sofia</option>
<option value="Europe/Stockholm">Europe/Stockholm</option>
<option value="Europe/Tallinn">Europe/Tallinn</option>
<option value="Europe/Tirane">Europe/Tirane</option>
<option value="Europe/Tiraspol">Europe/Tiraspol</option>
<option value="Europe/Ulyanovsk">Europe/Ulyanovsk</option>
<option value="Europe/Uzhgorod">Europe/Uzhgorod</option>
<option value="Europe/Vaduz">Europe/Vaduz</option>
<option value="Europe/Vatican">Europe/Vatican</option>
<option value="Europe/Vienna">Europe/Vienna</option>
<option value="Europe/Vilnius">Europe/Vilnius</option>
<option value="Europe/Volgograd">Europe/Volgograd</option>
<option value="Europe/Warsaw">Europe/Warsaw</option>
<option value="Europe/Zagreb">Europe/Zagreb</option>
<option value="Europe/Zaporozhye">Europe/Zaporozhye</option>
<option value="Europe/Zurich">Europe/Zurich</option>
<option value="GB">GB</option>
<option value="GB-Eire">GB-Eire</option>
<option value="GMT">GMT</option>
<option value="GMT+0">GMT+0</option>
<option value="GMT-0">GMT-0</option>
<option value="GMT0">GMT0</option>
<option value="Greenwich">Greenwich</option>
<option value="HST">HST</option>
<option value="Hongkong">Hongkong</option>
<option value="Iceland">Iceland</option>
<option value="Indian/Antananarivo">Indian/Antananarivo</option>
<option value="Indian/Chagos">Indian/Chagos</option>
<option value="Indian/Christmas">Indian/Christmas</option>
<option value="Indian/Cocos">Indian/Cocos</option>
<option value="Indian/Comoro">Indian/Comoro</option>
<option value="Indian/Kerguelen">Indian/Kerguelen</option>
<option value="Indian/Mahe">Indian/Mahe</option>
<option value="Indian/Maldives">Indian/Maldives</option>
<option value="Indian/Mauritius">Indian/Mauritius</option>
<option value="Indian/Mayotte">Indian/Mayotte</option>
<option value="Indian/Reunion">Indian/Reunion</option>
<option value="Iran">Iran</option>
<option value="Israel">Israel</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Kwajalein">Kwajalein</option>
<option value="Libya">Libya</option>
<option value="MET">MET</option>
<option value="MST">MST</option>
<option value="MST7MDT">MST7MDT</option>
<option value="Mexico/BajaNorte">Mexico/BajaNorte</option>
<option value="Mexico/BajaSur">Mexico/BajaSur</option>
<option value="Mexico/General">Mexico/General</option>
<option value="NZ">NZ</option>
<option value="NZ-CHAT">NZ-CHAT</option>
<option value="Navajo">Navajo</option>
<option value="PRC">PRC</option>
<option value="PST8PDT">PST8PDT</option>
<option value="Pacific/Apia">Pacific/Apia</option>
<option value="Pacific/Auckland">Pacific/Auckland</option>
<option value="Pacific/Bougainville">Pacific/Bougainville</option>
<option value="Pacific/Chatham">Pacific/Chatham</option>
<option value="Pacific/Chuuk">Pacific/Chuuk</option>
<option value="Pacific/Easter">Pacific/Easter</option>
<option value="Pacific/Efate">Pacific/Efate</option>
<option value="Pacific/Enderbury">Pacific/Enderbury</option>
<option value="Pacific/Fakaofo">Pacific/Fakaofo</option>
<option value="Pacific/Fiji">Pacific/Fiji</option>
<option value="Pacific/Funafuti">Pacific/Funafuti</option>
<option value="Pacific/Galapagos">Pacific/Galapagos</option>
<option value="Pacific/Gambier">Pacific/Gambier</option>
<option value="Pacific/Guadalcanal">Pacific/Guadalcanal</option>
<option value="Pacific/Guam">Pacific/Guam</option>
<option value="Pacific/Honolulu">Pacific/Honolulu</option>
<option value="Pacific/Johnston">Pacific/Johnston</option>
<option value="Pacific/Kanton">Pacific/Kanton</option>
<option value="Pacific/Kiritimati">Pacific/Kiritimati</option>
<option value="Pacific/Kosrae">Pacific/Kosrae</option>
<option value="Pacific/Kwajalein">Pacific/Kwajalein</option>
<option value="Pacific/Majuro">Pacific/Majuro</option>
<option value="Pacific/Marquesas">Pacific/Marquesas</option>
<option value="Pacific/Midway">Pacific/Midway</option>
<option value="Pacific/Nauru">Pacific/Nauru</option>
<option value="Pacific/Niue">Pacific/Niue</option>
<option value="Pacific/Norfolk">Pacific/Norfolk</option>
<option value="Pacific/Noumea">Pacific/Noumea</option>
<option value="Pacific/Pago_Pago">Pacific/Pago_Pago</option>
<option value="Pacific/Palau">Pacific/Palau</option>
<option value="Pacific/Pitcairn">Pacific/Pitcairn</option>
<option value="Pacific/Pohnpei">Pacific/Pohnpei</option>
<option value="Pacific/Ponape">Pacific/Ponape</option>
<option value="Pacific/Port_Moresby">Pacific/Port_Moresby</option>
<option value="Pacific/Rarotonga">Pacific/Rarotonga</option>
<option value="Pacific/Saipan">Pacific/Saipan</option>
<option value="Pacific/Samoa">Pacific/Samoa</option>
<option value="Pacific/Tahiti">Pacific/Tahiti</option>
<option value="Pacific/Tarawa">Pacific/Tarawa</option>
<option value="Pacific/Tongatapu">Pacific/Tongatapu</option>
<option value="Pacific/Truk">Pacific/Truk</option>
<option value="Pacific/Wake">Pacific/Wake</option>
<option value="Pacific/Wallis">Pacific/Wallis</option>
<option value="Pacific/Yap">Pacific/Yap</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="ROC">ROC</option>
<option value="ROK">ROK</option>
<option value="Singapore">Singapore</option>
<option value="Turkey">Turkey</option>
<option value="UCT">UCT</option>
<option value="US/Alaska">US/Alaska</option>
<option value="US/Aleutian">US/Aleutian</option>
<option value="US/Arizona">US/Arizona</option>
<option value="US/Central">US/Central</option>
<option value="US/East-Indiana">US/East-Indiana</option>
<option value="US/Eastern">US/Eastern</option>
<option value="US/Hawaii">US/Hawaii</option>
<option value="US/Indiana-Starke">US/Indiana-Starke</option>
<option value="US/Michigan">US/Michigan</option>
<option value="US/Mountain">US/Mountain</option>
<option value="US/Pacific">US/Pacific</option>
<option value="US/Samoa">US/Samoa</option>
<option value="UTC">UTC</option>
<option value="Universal">Universal</option>
<option value="W-SU">W-SU</option>
<option value="WET">WET</option>
<option value="Zulu">Zulu</option>
</select>
</div>
</div>
<div class="mt-1">
<p id="error_1_id_timezone" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_message" class="field-wrapper mb-3">
<label for="id_message" class="label-class block text-gray-900 text-sm mb-2"> Message<span
class="asteriskField">*</span>
</label>
<div data-controller="quill-editor" class=" " required aria-invalid="true" id="id_message">
<div id="id_message" data-quill-editor-target="editor"></div>
<input id="input-id_message" name="message" data-quill-editor-target="input" type="hidden">
<div data-quill-editor-target="message"></div>
</div>
<div class="mt-1">
<p id="error_1_id_message" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_content" class="field-wrapper mb-3">
<label for="id_content" class="label-class block text-gray-900 text-sm mb-2"> Content<span
class="asteriskField">*</span>
</label>
<textarea name="content" cols="40" rows="5" data-controller="textarea_autogrow"
class=" bg-white focus:outline-hidden border border-red-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700"
required aria-invalid="true" id="id_content"></textarea>
<div class="mt-1">
<p id="error_1_id_content" class="text-red-600 text-xs">This field is required.</p>
</div>
</div>
<div id="div_id_remember" class="field-wrapper mb-3">
<label for="id_remember" class="inline-flex relative items-center cursor-pointer">
<input type="checkbox" id="id_remember" name="remember" class="sr-only peer">
<div
class="w-11 h-6 bg-gray-200 rounded-full dark:bg-gray-700 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[ dark:peer-focus:ring-blue-800''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600">
</div>
<span class="ml-3 text-sm font-medium text-gray-900 select-none dark:text-gray-300">Remember me</span>
</label>
</div>
</div>
def form_errors(self, **kwargs):
form = AllFieldsForm({})
form.is_valid()
template = Template(
"""
{% load formify %}
<div class="w-full max-w-3xl mx-auto px-4">
{% render_form form %}
</div>
""",
)
return template.render(Context({"form": form}))