Describe your field here. Separate email addresses with a comma.

</t>
    </t>

<t t-name="website.form_field_html">
        
        <t t-call="website.form_field_text"/>
    </t>

<t t-name="website.form_field_integer">
        <t t-call="website.form_field">
            <input
                type="number"
                class="form-control s_website_form_input"
                t-att-name="field.name"
                step="1"
                t-att-required="field.required || field.modelRequired || None"
                t-att-value="field.value"
                t-att-placeholder="field.placeholder"
                t-att-id="field.id"
            />
        </t>
    </t>

<t t-name="website.form_field_float">
        <t t-call="website.form_field">
            <input
                type="number"
                class="form-control s_website_form_input"
                t-att-name="field.name"
                step="any"
                t-att-required="field.required || field.modelRequired || None"
                t-att-value="field.value"
                t-att-placeholder="field.placeholder"
                t-att-id="field.id"
            />
        </t>
    </t>

<t t-name="website.form_field_date">
        <t t-call="website.form_field">
            <t t-set="datepickerID" t-value="'datepicker' + Math.random().toString().substring(2)"/>
            <div class="s_website_form_date input-group date" t-att-id="datepickerID" data-target-input="nearest">
                <input
                        type="text"
                        class="form-control datetimepicker-input s_website_form_input"
                        t-attf-data-target="##{datepickerID}"
                        t-att-name="field.name"
                        t-att-required="field.required || field.modelRequired || None"
                        t-att-value="field.value"
                        t-att-placeholder="field.placeholder"
                        t-att-id="field.id"
                />
                <div class="input-group-append" t-attf-data-target="##{datepickerID}" data-toggle="datetimepicker">
                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                </div>
            </div>
        </t>
    </t>

<t t-name="website.form_field_datetime">
        <t t-call="website.form_field">
            <t t-set="datetimepickerID" t-value="'datetimepicker' + Math.random().toString().substring(2)"/>
            <div class="s_website_form_datetime input-group date" t-att-id="datetimepickerID" data-target-input="nearest">
                <input
                        type="text"
                        class="form-control datetimepicker-input s_website_form_input"
                        t-attf-data-target="##{datetimepickerID}"
                        t-att-name="field.name"
                        t-att-required="field.required || field.modelRequired || None"
                        t-att-value="field.value"
                        t-att-placeholder="field.placeholder"
                        t-att-id="field.id"
                />
                <div class="input-group-append" t-attf-data-target="##{datetimepickerID}" data-toggle="datetimepicker">
                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                </div>
            </div>
        </t>
    </t>

<t t-name="website.form_field_boolean">
        <t t-set="field.isCheck" t-value="true"/>
        <t t-call="website.form_field">
            <div class="form-check">
                <input
                    type="checkbox"
                    value="Yes"
                    class="s_website_form_input form-check-input"
                    t-att-name="field.name"
                    t-att-checked="field.value and 'checked' or None"
                    t-att-required="field.required || field.modelRequired || None"
                    t-att-id="field.id"
                />
                <span class="invalid-feedback position-absolute"><i class="fa fa-warning"/></span>
            </div>
        </t>
    </t>

<t t-name="website.form_field_selection">
        <t t-set="field.isCheck" t-value="true"/>
        <t t-call="website.form_field">
            <t t-if="!field.records">
                <input
                    class="s_website_form_input"
                    t-att-name="field.name"
                    t-att-value="undefined"
                    t-att-required="field.required || field.modelRequired || None"
                    placeholder="No matching record !"
                    disabled=""
                />
            </t>
            <div class="row s_col_no_resize s_col_no_bgcolor s_website_form_multiple" t-att-data-name="field.name" t-att-data-display="field.formatInfo.multiPosition">
                <t t-foreach="field.records" t-as="record">
                    <t t-call="website.form_radio"/>
                </t>
            </div>
        </t>
    </t>

<t t-name="website.form_radio">
        <t t-set="recordId" t-value="field.id + record_index"/>
        <div t-attf-class="radio col-12 #{field.formatInfo.multiPosition === 'horizontal' and 'col-lg-4 col-md-6' or ''}">
            <div class="form-check">
                <input
                    type="radio"
                    class="s_website_form_input form-check-input"
                    t-att-id="recordId"
                    t-att-name="field.name"
                    t-att-checked="record.selected and 'checked' or None"
                    t-att-value="record.id"
                    t-att-required="field.required || field.modelRequired || None"
                />
                <label class="form-check-label s_website_form_check_label" t-att-for="recordId">
                    <t t-esc="record.display_name"/>
                </label>
            </div>
        </div>
    </t>

<t t-name="website.form_field_many2one">
        
        <t t-if="field.relation == 'ir.attachment'">
            <t t-call="website.form_field_binary"/>
        </t>
        
        <t t-if="field.relation != 'ir.attachment'">
            <t t-call="website.form_field">
                <select class="form-control s_website_form_input" t-att-name="field.name" t-att-required="field.required || field.modelRequired || None" t-att-id="field.id" style="display: none">
                    <t t-foreach="field.records" t-as="record">
                        <option t-esc="record.display_name" t-att-value="record.id" t-att-selected="record.selected and 'selected' or None"/>
                    </t>
                </select>
                <div id="editable_select" class="form-control s_website_form_input">
                    <t t-foreach="field.records" t-as="record">
                        <t t-set="noValueLabel">no value</t>
                        <div t-esc="record.display_name" t-attf-data-empty-value="<#{noValueLabel}>" t-att-id="record.id" t-attf-class="s_website_form_select_item #{record.selected and 'selected' or ''}"/>
                    </t>
                </div>
            </t>
        </t>
    </t>

<t t-name="website.form_field_one2many">
        
        <t t-if="field.relation == 'ir.attachment'">
            <t t-call="website.form_field_binary">
                <t t-set="multiple" t-value="1"/>
            </t>
        </t>
        
        <t t-if="field.relation != 'ir.attachment'">
            <t t-set="field.isCheck" t-value="true"/>
            <t t-call="website.form_field">
                <t t-if="!field.records || field.records.length == 0">
                    <input
                        class="form-control s_website_form_input"
                        t-att-name="field.name"
                        t-att-value="undefined"
                        t-att-required="field.required || field.modelRequired || None"
                        placeholder="No matching record !"
                        disabled=""
                    />
                </t>
                <div class="row s_col_no_resize s_col_no_bgcolor s_website_form_multiple" t-att-data-name="field.name" t-att-data-display="field.formatInfo.multiPosition">
                    <t t-foreach="field.records" t-as="record">
                        <t t-call="website.form_checkbox"/>
                    </t>
                </div>
            </t>
        </t>
    </t>

<t t-name="website.form_checkbox">
        <t t-set="recordId" t-value="field.id + record_index"/>
        <div t-attf-class="checkbox col-12 #{field.formatInfo.multiPosition === 'horizontal' and 'col-lg-4 col-md-6' or ''}">
            <div class="form-check">
                <input
                    type="checkbox"
                    class="s_website_form_input form-check-input"
                    t-att-id="recordId"
                    t-att-name="field.name"
                    t-att-checked="record.selected and 'checked' or None"
                    t-att-value="record.id"
                    t-att-required="field.required || field.modelRequired || None"
                />
                <label class="form-check-label s_website_form_check_label" t-att-for="recordId">
                    <t t-esc="record.display_name"/>
                </label>
            </div>
        </div>
    </t>

<t t-name="website.form_field_many2many">
        <t t-call="website.form_field_one2many"/>
    </t>

<t t-name="website.form_field_binary">
        <t t-set="field.isCheck" t-value="true"/>
        <t t-call="website.form_field">
            <input
                type="file"
                class="form-control-file s_website_form_input"
                t-att-name="field.name"
                t-att-required="field.required || field.modelRequired || None"
                t-att-multiple="multiple"
                t-att-id="field.id"
            />
        </t>
    </t>

<t t-name="website.form_field_monetary">
        <t t-call="website.form_field_float" />
    </t>
</templates>

Thank You For Your Feedback