{% if className(field) == 'angellco\\market\\fields\\ShippingProfile' %}
    {% set error = field.setOptionsForVendor(element) %}
{% else %}
    {% set error = false %}
{% endif %}

{% set value = '' %}
{% if element %}{% set value = element.getFieldValue(field.handle).value %}{% endif %}

<div>
    <label for="field-{{ field.id }}" class="block text-sm font-medium text-gray-700">
        {{ field.name }}
        {% if field.required %}<span class="text-red-600">*</span>{% endif %}
    </label>

    {% if not error %}
        <select id="field-{{ field.id }}"
                name="fields[{{ field.handle }}]"
                class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-action-500 focus:border-action-500 sm:text-sm rounded-md"
        >
            {% for option in field.options %}
                <option value="{{ option.value }}" {{ value == option.value ? 'selected' }}>{{ option.label }}</option>
            {% endfor %}
        </select>

        {% if field.instructions %}
            <p class="mt-2 text-sm text-gray-500">{{ field.instructions|md(inlineOnly = true) }}</p>
        {% endif %}
    {% endif %}

    {% if error %}
        <p class="mt-2 text-sm text-red-600">{{ error }}</p>
    {% endif %}
</div>