<!DOCTYPE html>
<!--
Copyright (C) 2021 Echedey López Romero <elr@disroot.org>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<html>
    <head>
        <meta charset = "UTF-8" />
        <meta name = "author" content = "Echedey López Romero" />
        <title>Calendar</title>
        <link rel = "stylesheet" href = "./frameworks/bootstrap/css/bootstrap.min.css" />
        <script src = "./frameworks/jquery/jquery-3.5.1.min.js"></script>
        <script src="./frameworks/bootstrap/js/bootstrap.bundle.min.js"></script>
        <link rel="stylesheet" href="./css/common.css" />
    </head>
    <body class="container">
        <div class="row my-3">
            <form class="col-lg-6 col-md-8 col-12 mx-auto p-3 border border-primary rounded" action="." method="POST">
                <div class="container">
                    <div class="row mb-3">
                        <div class="col-12 px-0">
                            <h1 class="text-center">Calendar</h1>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="form-group col-12 px-0">
                            <label for="month" class="d-block text-center t-large">Month</label>
                            <input type="number" class="form-control" id="month" name="month" <?php echo $Month !== '' ? 'value="' . $Month . '"' : '' ?> min="1" max="12" required="" />
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="form-group col-12 px-0">
                            <label for="year" class="d-block text-center t-large">Year</label>
                            <input type="number" class="form-control" id="year" name="year" <?php echo $Year !== '' ? 'value="' . $Year . '"' : '' ?> min="1" max="9999" required="" />
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class='col-12 mb-lg-0 px-0'>
                            <div class='container'>
                                <div class='row mb-2'>
                                    <span class="col-12 px-0 text-center t-large">Calendar</span>
                                </div>
                                <div class='row'>
                                    <div class="col-12 mb-0 p-2 border border-secondary rounded text-center">
                                        <?php echo $Resultado; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-2 pl-0 pr-lg-3 pr-0">
                            <button type="submit" class="btn btn-lg btn-block btn-primary" name="mostrar">Mostrar</button>
                        </div>
                        <div class="col-lg-6 col-12 pl-lg-3 pl-0 pr-0">
                            <button type="button" class="btn btn-lg btn-block btn-danger" onclick="window.location.href='.'">Limpiar</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </body>
</html>
