<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="jakarta.faces.facelets"
                xmlns:h="jakarta.faces.html"
                xmlns:f="jakarta.faces.core"
                xmlns:p="primefaces"
                template="/template/template.xhtml">

    <ui:define name="head">
        <style type="text/css">
            .active-drop {
                background-color: var(--primary-color);
            }

            .highlight-drop {
                background-color: var(--