<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-name="mail.Meeting">
        <div t-if="store.rtc.channel" class="o-mail-Meeting h-100 w-100 d-flex flex-column" t-att-class="{'o-fullscreen': store.rtc.isFullscreen, 'p-1': !ui.isSmall, 'pb-3': !ui.isSmall and !props.isPip}" t-att-data-active="store.meetingViewOpened">
            <div class="d-flex flex-grow-1 h-100 o-min-height-0 gap-1 position-relative">
                <div class="o-mail-Meeting-callContainer h-100 flex-grow-1 o-min-width-0" t-att-class="{'d-none': ui.isSmall and threadActions.activeAction?.actionPanelComponentCondition, 'pb-0': ui.isSmall}">
                    <Call hasOverlay="false" isPip="props.isPip"/>
                </div>
                <div t-if="threadActions.activeAction?.actionPanelComponentCondition" t-attf-class="{{ threadActions.activeAction.actionPanelOuterClass }}" class="o-mail-DiscussContent-panelContainer o-mail-discussSidebarBgColor h-100 border-start border-dark o-border-opacity-15 flex-shrink-0 rounded-2" t-att-class="{ 'w-100': ui.isSmall }">
                    <t t-component="threadActions.activeAction.actionPanelComponent" t-props="threadActions.activeAction.actionPanelComponentProps"/>
                </div>
            </div>
            <div class="pt-2 d-flex align-items-center justify-content-center overflow-x-auto flex-shrink-0" t-att-class="{'p-2 pb-3': ui.isSmall}">
                <CallActionList channel="channel" className="rtc.isPipMode ? '' : 'ms-auto'" pipExtraActions="pipExtraActions"/>
                <MeetingSideActions t-if="!rtc.isPipMode" threadActions="threadActions" isSmall="ui.isSmall"/>
            </div>
        </div>
    </t>
</templates>
