<?php

    if(!isset($_GET) || !is_array($_GET) || !array_key_exists('LicensedProduct', $_GET)) {
        header('Location: http://ncl-software.com');
        exit;
    }

?>

<html>
    <head>
        <title>NCL Software - Licensing</title>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.10/URI.min.js" integrity="sha256-OSWfaJ3kpLQv6ZzoiITKLVJczKgsDH2Z56uPkAvSQZY=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha256-+kIbbrvS+0dNOjhmQJzmwe/RILR/8lb/+4+PUNVW09k=" crossorigin="anonymous"></script>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha256-rr9hHBQ43H7HSOmmNkxzQGazS/Khx+L8ZRHteEY1tQ4=" crossorigin="anonymous" />

        <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
        <style>
            .margin-top { margin-top: 50px; }
        </style>
    </head>

    <body>
        <div class="jumbotron jumbotron-fluid">
            <div class="container-fluid">
                <h1 class="display-3">Simulateur de licences NCL Software</h1>
                <p class="lead">Ce simulateur vous permet de calculer les coûts des licences NCL Software de vos produits en fonction de la configuration choisie.</p>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-12 text-center">
                    <h2 class="product-manifest-data" data-manifest-key="ProductName"></h2>
                </div>
            </div>

            <div class="container margin-top">
                <form>
                    <div class="form-group row">
                        <label for="FormInput_User" class="col-sm-4 col-form-label">Nombre d'utilisateurs :</label>
                        <div class="input-group col-sm-8">
                            <input class="form-control" id="FormInput_User" name="Users" value="10" />
                            <div class="input-group-addon">utilisateurs</div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="FormInput_Duration" class="col-sm-4 col-form-label">Durée d'utilisation :</label>
                        <div class="input-group col-sm-8">
                            <input class="form-control" id="FormInput_Duration" name="Duration" value="36" />
                            <div class="input-group-addon">mois</div>
                        </div>
                     </div>
                </form>
            </div>

            <div class="row margin-top">
                <div class="col-6">
                    <select class="form-control product-license-modes-list-container" data-default-index="0"></select>

                    <div class="product-license-modes-result-container"></div>
                </div>
                <div class="col-6">
                    <select class="form-control product-license-modes-list-container" data-default-index="1"></select>

                    <div class="product-license-modes-result-container"></div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="./Calculator.js"></script>
    </body>
</html>
