</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-attf-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-attf-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">
            <div class="s_website_form_date input-group date">
                <input
                        type="text"
                        class="form-control datetimepicker-input s_website_form_input"
                        t-att-name="field.name"
                        t-att-required="field.required || field.modelRequired || None"
                        t-attf-value="#{field.value}"
                        t-att-placeholder="field.placeholder"
                        t-att-id="field.id"
                />
                <div class="input-group-text o_input_group_date_icon"><i class="fa fa-calendar"></i></div>
            </div>
        </t>
    </t>

<t t-name="website.form_field_datetime">
        <t t-call="website.form_field">
            <div class="s_website_form_datetime input-group date">
                <input
                        type="text"
                        class="form-control datetimepicker-input s_website_form_input"
                        t-att-name="field.name"
                        t-att-required="field.required || field.modelRequired || None"
                        t-attf-value="#{field.value}"
                        t-att-placeholder="field.placeholder"
                        t-att-id="field.id"
                />
                <div class="input-group-text o_input_group_date_icon"><i class="fa fa-calendar"></i></div>
            </div>
        </t>
    </t>

<t t-name="website.form_field_boolean">
        <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"
                />
            </div>
        </t>
    </t>

<t t-name="website.form_field_selection">
        <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-key="record_index">
                    <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-out="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">
                <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>
                <select t-else="" class="form-select s_website_form_input" t-att-name="field.name" t-att-required="field.required || field.modelRequired || None" t-att-id="field.id">
                    <t t-foreach="field.records" t-as="record" t-key="record_index">
                        <option t-out="record.display_name" t-att-id="field.id + record_index" t-att-value="record.id" t-att="{selected: record.selected and 'selected' or None}"/>
                    </t>
                </select>
            </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-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>
                <t t-else="">
	                <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-key="record_index">
	                        <t t-call="website.form_checkbox"/>
	                    </t>
	                </div>
                </t>
            </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-out="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-call="website.form_field">
            <input
                type="file"
                class="form-control s_website_form_input"
                t-att-name="field.name"
                t-att-required="field.required || field.modelRequired || None"
                t-att="field.maxFilesNumber > 1 and {'multiple': ''} or {}"
                t-att-id="field.id"
                t-att-data-max-files-number="field.maxFilesNumber or '1'"
                t-att-data-max-file-size="field.maxFileSize or '1'"
            />
        </t>
    </t>

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