<?PHP
namespace Views;

class AboutHtml
{

    static public function AfficherApropos()
    {
        include("Parametre/" . getPath(1) . "/" . getPath(1) . ".php");
?>

        <main class="<?php echo $mainClass; ?> ms-sm-auto px-md-4 py-4" id="main-content" style="display: none;">
            <div class="card card-mh-90vh">
                <div class="card-header">
                    À propos
                </div>
                <div class="card-body">
                    <p>
                        Application gestion représentant<br />
                        &copy; Reoleweb, <?php echo date("Y"); ?>
                    </p>
                    <div class="card">
                        <div class="card-header">
                            <h3>Documentation sur gestion représentant</h3>
                        </div>
                        <div class="card-body">
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            Généralité
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <strong>Gestion Représentant</strong> est une application web développé sur mesure pour la gestion des visites fournisseur.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            Type
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <strong></strong>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                            Type JSN
                                        </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <strong></strong>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapseThree">
                                            Gestion
                                        </button>
                                    </h2>
                                    <div id="collapse4" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <strong></strong>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="card">
                        <div class="card-body">
                            <a href="http://httpd.apache.org/" target="_blank"> <img
                                    style="vertical-align:middle;margin:0px auto; padding:15px;" src="assets/images/Apache_PoweredBy.svg"
                                    height="100" /></a>

                            <a href="http://php.net/" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px;" src="assets/images/php-med-trans.png" height="70" /></a>

                            <a href="http://mysql.com/" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px;"
                                    src="assets/images/powered-by-mysql-167x86.png" height="100" /></a>

                            <a href="http://jquery.com/" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px;"
                                    src="assets/images/jQuery-Logo.png" height="70" /></a>

                            <a href="http://www.getbootstrap.com/" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px;"
                                    src="assets/images/bootstrap-solid.svg" height="70" /></a>

                            <a href="http://www.highcharts.com/" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px" src="assets/images/highcharts.png"
                                    height="70" /></a>

                            <a href="https://datatables.net//" target="_blank"> <img
                                    style="vertical-align:middle; margin:0px auto; padding:15px" src="assets/images/datatables_logo.png"
                                    height="100" /></a>
                        </div>
                    </div>

                </div>
            </div>
        </main>
<?php
    }
}
?>
