<?xml version="1.0"?>
<form js_class="calendar_provider_config_form">
                <field name="external_calendar_provider" widget="radio" options="{'horizontal': true}"/>
                <div attrs="{'invisible': [('external_calendar_provider', '!=', 'google')]}">
                    <img alt="Google Calendar icon" src="/calendar/static/src/img/google_calendar_40.png" style="height: 40px; margin-right: 5px"/>
                    <span class="me-1 o_form_label">Google Calendar</span>
                    <a href="https://www.odoo.com/documentation/16.0/applications/productivity/calendar/google.html" title="Read More" class="o_doc_link" target="_blank"/>
                    <div class="text-muted mt-2">
                        Synchronize your calendar with Google Calendar
                    </div>
                    <group>
                        <field name="cal_client_id" attrs="{'required': [('external_calendar_provider', '=', 'google')]}"/>
                        <field name="cal_client_secret" password="True" attrs="{'required': [('external_calendar_provider', '=', 'google')]}"/>
                    </group>
                </div>
                <div attrs="{'invisible': [('external_calendar_provider', '!=', 'microsoft')]}">
                    <img alt="Microsoft Outlook icon" src="/calendar/static/src/img/microsoft_calendar_40.png" style="height: 40px; margin-right: 5px"/>
                    <span class="me-1 o_form_label">Outlook Calendar</span>
                    <a href="https://www.odoo.com/documentation/16.0/applications/productivity/calendar/outlook.html" title="Read More" class="o_doc_link" target="_blank"/>
                    <div class="text-muted mt-2">
                        Synchronize your calendar with Outlook
                    </div>
                    <group>
                        <field name="microsoft_outlook_client_identifier" attrs="{'required': [('external_calendar_provider', '=', 'microsoft')]}"/>
                        <field name="microsoft_outlook_client_secret" password="True" attrs="{'required': [('external_calendar_provider', '=', 'microsoft')]}"/>
                    </group>
                </div>
                <footer>
                    <a role="button" title="Connect" class="o_calendar_activate_external_cal btn btn-primary" t-on-click="onConnect">Connect</a>
                    <button string="Cancel" class="btn btn-secondary" special="cancel"/>
                </footer>
            </form>
        