<header class="d-flex flex-column flex-md-row align-items-md-center p-3 bg-light ">
<h2 class="bd-title" id="content">
    <span>Vérifier l'éligibilité d'un salarié</span>
</h2>
</header>
<?php   
        echo core::filAriane(array(
            "current" => "Vérifier l'éligibilité d'un salarié", 
            "arbo" => array( 
                "Accès services sociaux" => NULL,
                "Vérifier l'éligibilité d'un salarié" => "/sociale-check-salarie.html")
        )); 
?>
<div class="row">
    <div class="col m-3">

        <ul class="nav nav-tabs" id="check-salarie" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" id="fiche-rechercher" role="tab">Rechercher</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" id="fiche-aide" role="tab">Comment trouver le matricule</a>
            </li>
        </ul>

        <div class="row">
            <div class="col m-3">

                <div id="tab-fiche-rechercher"> 
                    
                    <?php
                        if(isset($_SESSION["result-check-salarie"]["class"])){
                            echo '<div class="alert alert-'.$_SESSION["result-check-salarie"]["class"].'" role="alert" style="text-align: center;">';
                                if(isset($_SESSION["result-check-salarie"]["identity"])){ echo "<div>".$_SESSION["result-check-salarie"]["identity"]."</div>"; }
                                if(isset($_SESSION["result-check-salarie"]["error"])){ echo $_SESSION["result-check-salarie"]["error"]; }
                                if(isset($_SESSION["result-check-salarie"]["success"])){ echo $_SESSION["result-check-salarie"]["success"]; }
                            echo '</div>';
                            unset($_SESSION["result-check-salarie"]);
                        }
                    ?>
                    
                    <form method="post" action="/submit.php">
                        <input type="hidden" name="from" value="sociale-check-salarie">
                        <div class="form-group">
                            <input type="number" style="text-align: center;" class="form-control" value="" name="checkSalarie" placeholder="Matricule du salarié (présent sur le bulletin de paie)" required>
                        </div>
                        <br />
                        <input class="btn btn-primary btn-lg" style="width: 100%" type="submit" value="Vérifier le matricule du salarié">
                    </form>
                </div>
                <div id="tab-fiche-aide" style="display: none; text-align: center;">
                    <div class="alert alert-primary" role="alert">
                        L'information se trouve sur le bulletin de paie du salarié.<br/>
                        Ci-joint un exemple de cartuche d'un bulletin de paie chez Capgemi Consulting.<br/>
                        Le matricule se trouve dans le cadre vert et est composé de chiffre uniquement.
                    </div>
                    <img src="img/exempleTopFichePaie.png" alt=""/>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function(){
    
        $("#fiche-rechercher").click(function() {
            $("#tab-fiche-rechercher").show();
            $("#tab-fiche-aide").hide();
        });
    
        $("#fiche-aide").click(function() {
            $("#tab-fiche-rechercher").hide();
            $("#tab-fiche-aide").show();
        });
        
    })
</script>