<div class="w-full max-w-3xl mx-auto px-4">
<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-gray-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 id="id_file_field">
</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-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_char_field">
</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-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_integer_field">
</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 id="id_boolean_field">
BooleanField
</label>
</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-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" name="choice_field" id="id_choice_field">
<option value="option1"
>Option 1</option>
<option value="option2"
>Option 2</option>
</select>
</div>
</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>
<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-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" name="multiple_choice_field" id="id_multiple_choice_field" multiple required>
<option value="option1"
>Option 1</option>
<option value="option2"
>Option 2</option>
</select>
</div>
</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>
<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-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required 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 010-.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 11-6 0 3 3 0 016 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 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-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>
<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"
value="2024-11-21"
class=" bg-white focus:outline-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_date_field"
>
</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"
value="09:30:10"
data-flatpickr-enable-seconds="false" class=" bg-white focus:outline-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_time_field"
>
</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"
value="2024-11-21 09:30:10"
class=" bg-white focus:outline-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_datetime_field"
>
</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-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" name="timezone" 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>
<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 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>
<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-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" required id="id_content"
></textarea>
</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-none 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_fields(self, **kwargs):
form = AllFieldsForm()
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}))