// RAIDGuard X - Complete GUI Recreation
// Mimics Java Swing frmMain.java appearance
// Based on Java frmMain.java structure (765x700, toolbar 750x65)

export component AppWindow inherits Window {
    title: "RAIDGuard X - DTR RAID Admin";
    width: 765px;
    height: 700px;
    background: #ece9d8;
    
    // Callbacks
    callback connect_server();
    callback refresh_data();
    callback menu_about();
    callback menu_exit();
    callback menu_add_controller();
    
    in-out property<bool> connected: false;
    in-out property<bool> is_loading: false;
    in-out property<string> status_text: "Disconnected";
    in-out property<int> current_tab: 0;
    
    in-out property<int> controller_count: 0;
    in-out property<int> raid_count: 0;
    in-out property<int> disk_count: 0;
    in-out property<bool> auto_refresh: true;
    
    in-out property<int> selected_controller_index: 0;
    in-out property<string> ctrl1_name: "RAID Controller";
    in-out property<string> ctrl1_ip: "192.168.1.100";
    in-out property<string> ctrl1_status: "Online";
    in-out property<string> ctrl1_model: "Accusys RAID 9000";
    in-out property<string> ctrl1_firmware: "v3.8.0";
    in-out property<string> ctrl1_sn: "ACC123456789";
    in-out property<string> ctrl1_vendor: "Accusys";
    in-out property<string> ctrl2_name: "-";
    in-out property<string> ctrl2_ip: "-";
    in-out property<string> ctrl2_status: "-";
    in-out property<string> ctrl2_model: "-";
    in-out property<string> ctrl2_firmware: "-";
    in-out property<string> ctrl2_sn: "-";
    in-out property<string> ctrl2_vendor: "-";
    
    in-out property<string> raid1_name: "RAID-01";
    in-out property<string> raid1_level: "RAID 5";
    in-out property<string> raid1_status: "Normal";
    in-out property<string> raid1_capacity: "2.0 TB";
    in-out property<string> raid1_usage: "45%";
    in-out property<float> raid1_usage_pct: 45.0;
    in-out property<string> raid2_name: "RAID-02";
    in-out property<string> raid2_level: "RAID 6";
    in-out property<string> raid2_status: "Normal";
    in-out property<string> raid2_capacity: "4.0 TB";
    in-out property<string> raid2_usage: "30%";
    in-out property<float> raid2_usage_pct: 30.0;
    
    in-out property<string> disk1_loc: "Enclosure 0 Slot 0";
    in-out property<string> disk1_model: "ST3000VX000";
    in-out property<string> disk1_status: "Online";
    in-out property<string> disk1_capacity: "3.0 TB";
    in-out property<string> disk1_vendor: "Seagate";
    in-out property<string> disk2_loc: "Enclosure 0 Slot 1";
    in-out property<string> disk2_model: "ST3000VX000";
    in-out property<string> disk2_status: "Online";
    in-out property<string> disk2_capacity: "3.0 TB";
    in-out property<string> disk2_vendor: "Seagate";
    in-out property<string> disk3_loc: "Enclosure 0 Slot 2";
    in-out property<string> disk3_model: "ST3000VX000";
    in-out property<string> disk3_status: "Online";
    in-out property<string> disk3_capacity: "3.0 TB";
    in-out property<string> disk3_vendor: "Seagate";
    in-out property<string> disk4_loc: "Enclosure 0 Slot 3";
    in-out property<string> disk4_model: "ST3000VX000";
    in-out property<string> disk4_status: "Online";
    in-out property<string> disk4_capacity: "3.0 TB";
    in-out property<string> disk4_vendor: "Seagate";
    
    in-out property<string> evtime1: "2026/03/29-10:30:00";
    in-out property<string> evlevel1: "Info";
    in-out property<string> evmsg1: "Controller started successfully";
    in-out property<string> evsource1: "System";
    in-out property<string> evtime2: "2026/03/29-10:25:00";
    in-out property<string> evlevel2: "Info";
    in-out property<string> evmsg2: "Disk online";
    in-out property<string> evsource2: "Disk";
    in-out property<string> evtime3: "2026/03/29-10:20:00";
    in-out property<string> evlevel3: "Warning";
    in-out property<string> evmsg3: "Temperature warning";
    in-out property<string> evsource3: "Enclosure";
    in-out property<string> evtime4: "2026/03/29-10:15:00";
    in-out property<string> evlevel4: "Info";
    in-out property<string> evmsg4: "RAID-01 status: Normal";
    in-out property<string> evsource4: "RAID";
    in-out property<string> evtime5: "2026/03/29-10:10:00";
    in-out property<string> evlevel5: "Info";
    in-out property<string> evmsg5: "Power supply online";
    in-out property<string> evsource5: "Power";

    // Main layout
    VerticalLayout {
        spacing: 0;
        
        // Menu Bar - matches Java Swing JMenuBar (height 21)
        Rectangle {
            height: 21px;
            background: #d4d0c8;
            HorizontalLayout {
                padding: 2px;
                spacing: 4px;
                Text {
                    text: "File";
                    font_size: 12px;
                    color: #000000;
                }
                Text { width: 16px; }
                Text {
                    text: "Controller";
                    font_size: 12px;
                    color: #000000;
                }
                Text { width: 16px; }
                Text {
                    text: "Tools";
                    font_size: 12px;
                    color: #000000;
                }
                Text { width: 16px; }
                Text {
                    text: "Help";
                    font_size: 12px;
                    color: #000000;
                }
            }
        }
        
        // Toolbar - matches Java JToolBar (750x65)
        Rectangle {
            height: 65px;
            background: #d4d0c8;
            HorizontalLayout {
                spacing: 2px;
                
                // Add button - matches jbtAddSystem
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-additem.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Add"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                // Remove button
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-deleteitem.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Remove"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                Rectangle { width: 8px; }
                
                // Create button - matches jbtCreateArray
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-createarray.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Create"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                // Delete button - matches jbtDeleteArray
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-deletearray.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Delete"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                Rectangle { width: 8px; }
                
                // Email button - matches jbtEmail
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-email.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Email"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                // Settings button - matches jbtSettings
                Rectangle {
                    width: 70px;
                    height: 50px;
                    VerticalLayout {
                        spacing: 0;
                        Image {
                            source: @image-url("../icons/func-settings.png");
                            width: 32px;
                            height: 32px;
                        }
                        Text { text: "Settings"; font_size: 11px; font_weight: 700; color: #000000; }
                    }
                }
                
                Rectangle { width: 1px; }
            }
        }
        
        // Separator line
        Rectangle {
            height: 1px;
            background: #a0a0a0;
        }
        
        // Main Content Area
        HorizontalLayout {
            spacing: 0;
            height: 1px;
            
            // Left Panel - Host List (matches jpHostList ~220px)
            Rectangle {
                width: 220px;
                background: #ffffff;
                VerticalLayout {
                    padding: 0;
                    spacing: 0;
                    
                    // Header - matches jlHostList
                    Rectangle {
                        height: 22px;
                        background: #d4d0c8;
                        Text {
                            text: "Host List";
                            font_size: 12px;
                            font_weight: 700;
                            color: #000000;
                            vertical-alignment: center;
                        }
                    }
                    
                    // Table Header - matches jtHostList header
                    Rectangle {
                        height: 20px;
                        background: #d4d0c8;
                        HorizontalLayout {
                            spacing: 2px;
                            Text { text: "Host"; font_size: 12px; font_weight: 700; width: 65px; }
                            Text { text: "IP"; font_size: 12px; font_weight: 700; width: 75px; }
                            Text { text: "Status"; font_size: 12px; font_weight: 700; width: 50px; }
                        }
                    }
                    
                    // Controller Row 1 - matches jtHostList row
                    Rectangle {
                        height: 20px;
                        background: #d4d0c8;
                        HorizontalLayout {
                            spacing: 2px;
                            Text { text: ctrl1_name; font_size: 12px; width: 65px; }
                            Text { text: ctrl1_ip; font_size: 12px; width: 75px; }
                            Text { text: ctrl1_status; font_size: 12px; color: #008000; width: 50px; }
                        }
                    }
                    
                    // Controller Row 2
                    Rectangle {
                        height: 20px;
                        background: #ffffff;
                        HorizontalLayout {
                            spacing: 2px;
                            Text { text: ctrl2_name; font_size: 12px; width: 65px; }
                            Text { text: ctrl2_ip; font_size: 12px; width: 75px; }
                            Text { text: ctrl2_status; font_size: 12px; width: 50px; }
                        }
                    }
                    
                    Rectangle { }
                }
            }
            
            // Vertical separator
            Rectangle {
                width: 1px;
                background: #a0a0a0;
            }
            
            // Right Panel - Tabs
            VerticalLayout {
                spacing: 0;
                
                // Tab Header - matches JTabbedPane
                Rectangle {
                    height: 24px;
                    background: #d4d0c8;
                    HorizontalLayout {
                        spacing: 0;
                        
                        // Controller Tab
                        Rectangle {
                            width: 100px;
                            background: current_tab == 0 ? #ffffff : #d4d0c8;
                            Text {
                                text: "Controller";
                                font_size: 12px;
                                font_weight: current_tab == 0 ? 700 : 400;
                                horizontal-alignment: center;
                                vertical-alignment: center;
                            }
                        }
                        
                        // RAID Tab
                        Rectangle {
                            width: 80px;
                            background: current_tab == 1 ? #ffffff : #d4d0c8;
                            Text {
                                text: "RAID";
                                font_size: 12px;
                                font_weight: current_tab == 1 ? 700 : 400;
                                horizontal-alignment: center;
                                vertical-alignment: center;
                            }
                        }
                        
                        // Drives Tab
                        Rectangle {
                            width: 80px;
                            background: current_tab == 2 ? #ffffff : #d4d0c8;
                            Text {
                                text: "Drives";
                                font_size: 12px;
                                font_weight: current_tab == 2 ? 700 : 400;
                                horizontal-alignment: center;
                                vertical-alignment: center;
                            }
                        }
                        
                        // Event Tab
                        Rectangle {
                            width: 80px;
                            background: current_tab == 3 ? #ffffff : #d4d0c8;
                            Text {
                                text: "Event";
                                font_size: 12px;
                                font_weight: current_tab == 3 ? 700 : 400;
                                horizontal-alignment: center;
                                vertical-alignment: center;
                            }
                        }
                    }
                }
                
                // Tab Content
                Rectangle {
                    background: #ffffff;
                    height: 1px;
                    
                    // Controller Tab - matches jpController layout
                    if current_tab == 0: VerticalLayout {
                        padding: 10px;
                        spacing: 8px;
                        
                        Rectangle {
                            background: #ffffff;
                            VerticalLayout {
                                spacing: 4px;
                                Text { text: "Controller Information"; font_size: 12px; font_weight: 700; }
                                Rectangle { height: 8px; }
                                HorizontalLayout {
                                    spacing: 20px;
                                    VerticalLayout { spacing: 3px; 
                                        Text { text: "Controller Name:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Model Name:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Serial Number:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Firmware Version:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "BIOS Version:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Status:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                    }
                                    VerticalLayout { spacing: 3px;
                                        Text { text: ctrl1_name; font_size: 12px; }
                                        Text { text: ctrl1_model; font_size: 12px; }
                                        Text { text: ctrl1_sn; font_size: 12px; }
                                        Text { text: ctrl1_firmware; font_size: 12px; }
                                        Text { text: "1.2.3.4"; font_size: 12px; }
                                        Text { text: ctrl1_status; font_size: 12px; color: #008000; }
                                    }
                                }
                            }
                        }
                    }
                    
                    // RAID Tab
                    if current_tab == 1: VerticalLayout {
                        padding: 10px;
                        spacing: 8px;
                        
                        Rectangle {
                            background: #ffffff;
                            VerticalLayout {
                                spacing: 4px;
                                HorizontalLayout {
                                    Text { text: raid1_name; font_size: 12px; font_weight: 700; }
                                    Text { text: raid1_status; font_size: 12px; color: #008000; }
                                }
                                HorizontalLayout {
                                    spacing: 20px;
                                    VerticalLayout { spacing: 3px;
                                        Text { text: "RAID Level:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Capacity:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Usage:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                    }
                                    VerticalLayout { spacing: 3px;
                                        Text { text: raid1_level; font_size: 12px; }
                                        Text { text: raid1_capacity; font_size: 12px; }
                                        Text { text: raid1_usage; font_size: 12px; }
                                    }
                                }
                            }
                        }
                        
                        Rectangle {
                            background: #ffffff;
                            VerticalLayout {
                                spacing: 4px;
                                HorizontalLayout {
                                    Text { text: raid2_name; font_size: 12px; font_weight: 700; }
                                    Text { text: raid2_status; font_size: 12px; color: #008000; }
                                }
                                HorizontalLayout {
                                    spacing: 20px;
                                    VerticalLayout { spacing: 3px;
                                        Text { text: "RAID Level:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Capacity:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                        Text { text: "Usage:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; }
                                    }
                                    VerticalLayout { spacing: 3px;
                                        Text { text: raid2_level; font_size: 12px; }
                                        Text { text: raid2_capacity; font_size: 12px; }
                                        Text { text: raid2_usage; font_size: 12px; }
                                    }
                                }
                            }
                        }
                    }
                    
                    // Drives Tab
                    if current_tab == 2: VerticalLayout {
                        padding: 4px;
                        spacing: 2px;
                        
                        Rectangle {
                            height: 20px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: "Location"; font_size: 12px; font_weight: 700; width: 120px; }
                                Text { text: "Vendor"; font_size: 12px; font_weight: 700; width: 80px; }
                                Text { text: "Model"; font_size: 12px; font_weight: 700; width: 140px; }
                                Text { text: "Capacity"; font_size: 12px; font_weight: 700; width: 70px; }
                                Text { text: "Status"; font_size: 12px; font_weight: 700; width: 60px; }
                            }
                        }
                        
                        Rectangle {
                            height: 20px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: disk1_loc; font_size: 12px; width: 120px; }
                                Text { text: disk1_vendor; font_size: 12px; width: 80px; }
                                Text { text: disk1_model; font_size: 12px; width: 140px; }
                                Text { text: disk1_capacity; font_size: 12px; width: 70px; }
                                Text { text: disk1_status; font_size: 12px; color: #008000; width: 60px; }
                            }
                        }
                        
                        Rectangle {
                            height: 20px;
                            background: #ffffff;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: disk2_loc; font_size: 12px; width: 120px; }
                                Text { text: disk2_vendor; font_size: 12px; width: 80px; }
                                Text { text: disk2_model; font_size: 12px; width: 140px; }
                                Text { text: disk2_capacity; font_size: 12px; width: 70px; }
                                Text { text: disk2_status; font_size: 12px; color: #008000; width: 60px; }
                            }
                        }
                        
                        Rectangle {
                            height: 20px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: disk3_loc; font_size: 12px; width: 120px; }
                                Text { text: disk3_vendor; font_size: 12px; width: 80px; }
                                Text { text: disk3_model; font_size: 12px; width: 140px; }
                                Text { text: disk3_capacity; font_size: 12px; width: 70px; }
                                Text { text: disk3_status; font_size: 12px; color: #008000; width: 60px; }
                            }
                        }
                        
                        Rectangle {
                            height: 20px;
                            background: #ffffff;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: disk4_loc; font_size: 12px; width: 120px; }
                                Text { text: disk4_vendor; font_size: 12px; width: 80px; }
                                Text { text: disk4_model; font_size: 12px; width: 140px; }
                                Text { text: disk4_capacity; font_size: 12px; width: 70px; }
                                Text { text: disk4_status; font_size: 12px; color: #008000; width: 60px; }
                            }
                        }
                    }
                    
                    // Event Tab
                    if current_tab == 3: VerticalLayout {
                        padding: 4px;
                        spacing: 2px;
                        
                        Rectangle {
                            height: 20px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: "Date/Time"; font_size: 12px; font_weight: 700; width: 130px; }
                                Text { text: "Level"; font_size: 12px; font_weight: 700; width: 50px; }
                                Text { text: "Source"; font_size: 12px; font_weight: 700; width: 60px; }
                                Text { text: "Message"; font_size: 12px; font_weight: 700; width: 300px; }
                            }
                        }
                        
                        Rectangle {
                            height: 18px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: evtime1; font_size: 12px; width: 130px; }
                                Text { text: evlevel1; font_size: 12px; color: #008000; width: 50px; }
                                Text { text: evsource1; font_size: 12px; width: 60px; }
                                Text { text: evmsg1; font_size: 12px; width: 300px; }
                            }
                        }
                        
                        Rectangle {
                            height: 18px;
                            background: #ffffff;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: evtime2; font_size: 12px; width: 130px; }
                                Text { text: evlevel2; font_size: 12px; color: #008000; width: 50px; }
                                Text { text: evsource2; font_size: 12px; width: 60px; }
                                Text { text: evmsg2; font_size: 12px; width: 300px; }
                            }
                        }
                        
                        Rectangle {
                            height: 18px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: evtime3; font_size: 12px; width: 130px; }
                                Text { text: evlevel3; font_size: 12px; color: #ffa500; width: 50px; }
                                Text { text: evsource3; font_size: 12px; width: 60px; }
                                Text { text: evmsg3; font_size: 12px; width: 300px; }
                            }
                        }
                        
                        Rectangle {
                            height: 18px;
                            background: #ffffff;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: evtime4; font_size: 12px; width: 130px; }
                                Text { text: evlevel4; font_size: 12px; color: #008000; width: 50px; }
                                Text { text: evsource4; font_size: 12px; width: 60px; }
                                Text { text: evmsg4; font_size: 12px; width: 300px; }
                            }
                        }
                        
                        Rectangle {
                            height: 18px;
                            background: #d4d0c8;
                            HorizontalLayout {
                                spacing: 8px;
                                Text { text: evtime5; font_size: 12px; width: 130px; }
                                Text { text: evlevel5; font_size: 12px; color: #008000; width: 50px; }
                                Text { text: evsource5; font_size: 12px; width: 60px; }
                                Text { text: evmsg5; font_size: 12px; width: 300px; }
                            }
                        }
                    }
                }
            }
        }
        
        // Status Bar - matches Java status bar
        Rectangle {
            height: 22px;
            background: #d4d0c8;
            HorizontalLayout {
                spacing: 16px;
                Text {
                    text: "Controllers: " + controller_count;
                    font_size: 12px;
                    color: #000000;
                }
                Text {
                    text: "RAID Arrays: " + raid_count;
                    font_size: 12px;
                    color: #000000;
                }
                Text {
                    text: "Drives: " + disk_count;
                    font_size: 12px;
                    color: #000000;
                }
                Rectangle { width: 100px; }
                Text {
                    text: "Auto Refresh: " + (auto_refresh ? "On" : "Off");
                    font_size: 12px;
                    color: #000000;
                }
                Text {
                    text: status_text;
                    font_size: 12px;
                    color: connected ? #008000 : #ff0000;
                }
            }
        }
    }
}