<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<VBox spacing="18.0" style="-fx-font-size: 14px;" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.petshopdesktop.controllers.ActivityLogController">
    <padding>
        <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
    </padding>

    <children>
        <HBox alignment="CENTER_LEFT" spacing="20.0">
            <children>
                <Label text="Activity Logs" textFill="#2c3e50">
                    <font>
                        <Font name="System Bold" size="30.0" />
                    </font>
                </Label>
                <Button fx:id="btnRefresh" mnemonicParsing="false" onAction="#btnRefreshClicked" prefHeight="44.0" prefWidth="118.0" style="-fx-background-color: #4ECDC4; -fx-cursor: hand; -fx-background-radius: 8;" text="Refresh" textFill="WHITE">
                    <font>
                        <Font name="System Bold" size="14.0" />
                    </font>
                    <padding>
                        <Insets bottom="12.0" left="24.0" right="24.0" top="12.0" />
                    </padding>
                </Button>
            </children>
        </HBox>

        <Label text="Showing most recent 2000 activity records" textFill="#64748b" />

        <TableView fx:id="tvActivityLogs" style="-fx-background-color: white; -fx-background-radius: 12;" VBox.vgrow="ALWAYS">
            <columns>
                <TableColumn fx:id="colTimestamp" prefWidth="170.0" text="Timestamp" />
                <TableColumn fx:id="colUser" prefWidth="170.0" text="User" />
                <TableColumn fx:id="colRole" prefWidth="90.0" text="Role" />
                <TableColumn fx:id="colStore" prefWidth="160.0" text="Store" />
                <TableColumn fx:id="colActivity" prefWidth="520.0" text="Activity" />
            </columns>
        </TableView>

        <Label fx:id="lblStatus" text="" textFill="#64748b" visible="false" managed="true" />

        <Label fx:id="lblError" text="" textFill="#FF6B6B" wrapText="true" />
    </children>
</VBox>
