from textual.app import App, ComposeResult
from textual.containers import Horizontal, Vertical
from textual.widgets import (
    Header,
    Footer,
    Button,
    Static,
    DataTable,
    ProgressBar,
    Input,
)


class MailSender(App):

    CSS = """
    Screen {
    background: #0b1220;
    color: white;
}

Header {
    background: #2563eb;
    color: white;
}

Footer {
    background: #111827;
    color: #9ca3af;
}

#sidebar {
    width: 30;
    background: #111827;
    border: round #2563eb;
    padding: 1;
}

#content {
    background: #0f172a;
    padding: 1 2;
}

Button {
    width: 100%;
    height: 3;
    margin-bottom: 1;
    background: #1e293b;
    color: white;
    border: round #334155;
}

Button:hover {
    background: #2563eb;
    color: white;
    border: round #3b82f6;
}

Button:focus {
    background: #3b82f6;
    color: black;
    text-style: bold;
}

Input {
    margin-top: 1;
    border: round #2563eb;
    background: #111827;
    color: white;
}

DataTable {
    margin-top: 1;
    height: 1fr;
    border: round #334155;
}

ProgressBar {
    margin-top: 1;
    color: #22c55e;
}

#stats {
    height: 10;
    padding: 1;
    border: round #8b5cf6;
    background: #111827;
    color: white;
}
    """

    def compose(self) -> ComposeResult:

        yield Header()

        with Horizontal():

            with Vertical(id="sidebar"):
                yield Static("📧 Mail Sender Pro\n")
                yield Button("📊 Dashboard")
                yield Button("👥 Contacts")
                yield Button("📝 Templates")
                yield Button("📨 Campaigns")
                yield Button("⚙️ SMTP")
                yield Button("📄 Logs")
                yield Button("❌ Exit", id="exit")

            with Vertical(id="content"):

                yield Static(
                    """[b]Dashboard[/b]

Total Emails : 12450
Sent         : 12120
Failed       : 330
SMTP         : Connected
""",
                    id="stats",
                )

                yield Input(
                    placeholder="Search email..."
                )

                table = DataTable()
                table.add_columns("Email", "Status")
                table.add_row("ali@gmail.com", "✅ Sent")
                table.add_row("sara@gmail.com", "✅ Sent")
                table.add_row("test@test.com", "❌ Failed")
                table.add_row("info@company.com", "⏳ Sending")
                yield table

                progress = ProgressBar(total=100)
                progress.advance(73)
                yield progress

        yield Footer()

    def on_button_pressed(self, event: Button.Pressed):
        if event.button.id == "exit":
            self.exit()


if __name__ == "__main__":
    MailSender().run()