<!DOCTYPE html>
<html lang="fr">
    
    <head>
        <meta charset="UTF-8">
        <title>CSE Invent : Emargement :. {{TITRE}}</title>
        <link rel="stylesheet" href="libs/bootstrap/assets/dist/css/bootstrap.min.css">
        <link rel="stylesheet" type="texte/css" href="css/print.css">
        <style>
            .container{
                max-width: 19cm;
            }

            .logo {
                width: 8cm;
            }

            .periode {
                color: dimgrey;
            }

            .qrcode {
                text-align: center;
            }

            .explication {
                text-align: left;
            }
        </style>
    </head>

    <body onLoad="window.print()">
        <page size="A4">
            <div class="container">
                <div class="row justify-content-md-center">
                    <div class="col-md-auto text-center">
                        <img class="logo" src="/img/logo.png">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="card text-center">
                    <div class="card-header">
                        EMARGEMENT A L'EVENEMENT
                    </div>
                    <div class="card-body">
                        {{ALERTE}}
                        <h1 class="card-title titre">{{TITRE}}</h5>
                        <p class="card-text periode">{{PERIODE}}</p>
                        <div class="qrcode">{{QRCODE}}</div>
                        <p class="card-text note">{{NOTE}}</p>
                    </div>
                    <div class="card-footer text-body-secondary">
                        <p class="explication">{{EXPLICATION}}</p>
                    </div>
                </div>
            </div>
        </page>
    </body>

</html>