<!DOCTYPE html>

<html>
    <head>
        <title>Risultati</title>
        <link href="../static/styles/style.css" rel="stylesheet">

        <style>
            .container {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .picker {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .picker .header {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 100%;
            }
            
        </style>

    </head>

    <body>
        <div class="header">
            <h1>Risultati</h1>
            <div class="profile">
                <p>Utente</p>
                <button>Logout</button>
            </div>
        </div>     
        
        <div class="container">

            <div class="picker">
                
                <div class="header">
                    <h2>
                    Seleziona
                </h2>

                <p>
                    una sessione di training eseguita per visualizzarne i risultati
                </p>
                </div>

                <div class="grid">

                    <div class="card">
                        <h3>sessione 1</h3>
                        <div class="train-info">
                            <p>24/03/2026</p>
                            <p>12:00</p>
                            <p>dataset: d-1</p>
                        </div>
                        
                    </div>

                    <div class="card">
                        <h3>sessione 2</h3>
                        <p>24/03/2026</p>
                        
                    </div>

                </div>

            </div>

        </div>
        
    </body>

    <script>

    </script>
</html>
