<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-name="hr.ContractTemplateField">
        <button 
            type="button" 
            class="btn btn-link border-0 p-0 text-start"
            style="font-size: 0.8125rem;"
            t-on-click="onSelectTemplate"
            t-ref="templateButton"
            title="Load Contract Template"
        >
            Load a Template
        </button>
    </t>

    <t t-name="hr.TemplateSelectionPopover">
        <div class="p-3" style="min-width: 350px;">
            <div class="mb-3">
                <Many2One t-props="many2oneProps"/>
            </div>
            <div class="d-flex gap-2">
                <button 
                    type="button" 
                    class="btn btn-primary btn-sm" 
                    t-on-click="onConfirm" 
                    t-att-disabled="!state.selectedTemplate"
                >
                    Load Template
                </button>
                <button 
                    type="button" 
                    class="btn btn-secondary btn-sm" 
                    t-on-click="props.close"
                >
                    Discard
                </button>
            </div>
        </div>
    </t>
</templates>
