whatsapp_web_groups/theme_m22tc/views/helpdesk_portal_approval.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <!-- Add approval/rejection buttons when ticket is in excluded stage -->
        <template id="portal_helpdesk_ticket_approval_buttons" inherit_id="helpdesk.tickets_followup" name="Ticket Approval Buttons">
            <!-- Add banner when ticket is waiting for approval - after ticket_closed alert -->
            <xpath expr="//div[@id='ticket_content']/div[@t-if='ticket_closed']" position="after">
                <div t-if="ticket.stage_id in ticket.sla_ids.mapped('exclude_stage_ids')" 
                     class="alert alert-info mb-4 m22-approval-banner">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="flex-grow-1">
                            <h5 class="alert-heading mb-2">
                                <i class="fa fa-clock-o me-2"></i>
                                Este ticket está esperando tu respuesta
                            </h5>
                            <p class="mb-0">
                                Por favor, revisa la solución propuesta y confirma si es satisfactoria o si necesitas más ayuda.
                            </p>
                        </div>
                    </div>
                    <div class="mt-3 d-flex gap-2 flex-wrap">
                        <a t-attf-href="/my/ticket/approve/#{ticket.id}/#{ticket.access_token or ''}" 
                           class="btn btn-success btn-lg">
                            <i class="fa fa-check me-2"></i>
                            Aprobar Solución
                        </a>
                        <a t-attf-href="/my/ticket/reject/#{ticket.id}/#{ticket.access_token or ''}" 
                           class="btn btn-warning btn-lg">
                            <i class="fa fa-times me-2"></i>
                            Rechazar / Necesito más ayuda
                        </a>
                    </div>
                </div>
            </xpath>
            
            <!-- Add success message when ticket is approved -->
            <xpath expr="//div[@t-if='ticket_closed']" position="after">
                <div t-if="request.params.get('ticket_approved')" class="alert alert-success alert-dismissible d-print-none" role="status">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    <span>¡Gracias! Has aprobado la solución. El ticket ha sido actualizado.</span>
                </div>
            </xpath>
            
            <!-- Add warning message when ticket is rejected -->
            <xpath expr="//div[@t-if='ticket_closed']" position="after">
                <div t-if="request.params.get('ticket_rejected')" class="alert alert-warning alert-dismissible d-print-none" role="status">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    <span>Hemos recibido tu solicitud. El equipo continuará trabajando en tu ticket.</span>
                </div>
            </xpath>
        </template>
    </data>
</odoo>