 <?php include_once PUBLIC_PATH. '/files_to_include/header_content.php'; ?>
<!-- =============================================== -->

  <!-- Left side column. contains the sidebar -->
  <aside class="main-sidebar" id="aside_menu" >
      <section class="sidebar">
          <ul class="sidebar-menu">
            <?php include_once PUBLIC_PATH. '/files_to_include/menu.php'; ?>
          </ul>
      </section>
  </aside>
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper " style="background-color: white; td{border: solid  2px #000; }">
   

    <!-- Main content -->
    <section class="content">
          
           <div class="row">
                <div class="col-lg-offset-1 col-lg-11">
                <div class="col-lg-12">
                   
                    <h3 class="page-header"><i class="fa fa-edit" style="color:blue;"></i> Modifier votre mot de passe</h3>
                   
                    <div class="clearfix"></div>
                    <br>
                </div>
                <div class="nav-tabs-custom">
            <div class="row">
                <div class="col-lg-12">
                    <form id="changePassword" class="col-lg-4">
                        <div class="form-group">
                            <label>Ancien mot de passe</label><label style="color:blue;">&nbsp; *&nbsp;</label>
                            <input type="password" id="ancien" placeholder="ancien mot de passe" class="form-control" required=""/>
                        </div>
                        <div class="form-group">
                            <label>Nouveau mot de passe</label><label style="color:blue;">&nbsp; *&nbsp;</label>
                            <input type="password" id="nouveau" placeholder="nouveau mot de passe" class="form-control" required=""/>
                        </div>
                        <div class="form-group">
                            <label>Confirmer mot de passe</label><label style="color:blue;">&nbsp; *&nbsp;</label>
                            <input type="password" id="confimation" placeholder="confirmer mot de passe" class="form-control" required=""/>
                        </div>
                        <div class="form-group">
                            <button type="submit" id="submitit" class="btn btn-primary">Enregistrer</button>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.tab-content -->
          </div>
            </div>
          
          <!-- /.nav-tabs-custom -->
        </div>
     

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
 <?php include_once PUBLIC_PATH. '/files_to_include/footer_content.php'; ?>
  
   	 <script src="<?php echo $this->baseUrl('script/jquery.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl('script/bootstrap.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl('script/app.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl('script/i18next-1.7.1.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl('script/metisMenu.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl('script/sb-admin-2.js');?>"></script>
    <script src="<?php echo $this->baseUrl("script/jquery.dataTables.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/dataTables.bootstrap.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/dataTables.buttons.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/pdfmake.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/vfs_fonts.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/buttons.html5.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/jquery.toast.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl('script/loadingoverlay.min.js');?>"></script>
    <script src="<?php echo $this->baseUrl("script/jquery.datetimepicker.full.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/bootstrap.select.min.js");?>"></script>
    <script src="<?php echo $this->baseUrl("script/moment.js");?>"></script>
    <!-- FastClick -->
<script src="<?php echo $this->baseUrl('script/fastclick.js');?>"></script>
<!-- AdminLTE App -->
<script src="<?php echo $this->baseUrl('script/adminlte.min.js');?>"></script>
<script src="<?php echo $this->baseUrl('script/demo.js');?>"></script>
    <script type="text/javascript">
        
        $(document).ajaxSend(function(event, jqxhr, settings){
            $.LoadingOverlay("show");
        });
        
        $(document).ajaxComplete(function(event, jqxhr, settings){
            $.LoadingOverlay("hide");
        });
      
      $("#confimation").on("keyup",function(){
         if ( $(this).val() !== $("#nouveau").val()){
             $(this).parent().addClass("alert");
             $(this).parent().addClass("alert-danger");
         }else{
             $(this).parent().removeClass("alert-danger");
             $(this).parent().removeClass("alert");
         } 
      });
      
      $("#changePassword").on("submit",function(e){
         e.preventDefault();
         var left = $("#submitit").offset().left;
         var top = $("#submitit").offset().top;
         if( $("#ancien").val() === ""){
             $.toast({
                heading : "Info manquante",
                text : " Veuillez renseigner votre ancien mot de passe",
                icon : "error",
                hideAfter : false,
                stack : false,
                position : { top : top , left : left }
             });
             return false;
         }
         
         if ( $("#nouveau").val() === ""){
             $.toast({
                heading : "Info manquante",
                text : "Veuillez indiquer votre nouveau mot de passe",
                icon : "error",
                hideAfter : false,
                stack : false,
                position : { top : top , left : left }
             });
             return false;
         }
         
         if ( $("#nouveau").val() !== $("#confimation").val()){
             $.toast({
                heading : "Infos incohérentes",
                text : " Les deux mots de passe (nouveau et confirmation) sont différents",
                icon : "error",
                hideAfter : false,
                stack : false,
                position : { top : top , left : left }
             });
             return false;
         }
         
         var params = {
             ancien : $("#ancien").val(),
             nouveau : $("#nouveau").val()
         };
         
         $.ajax({
            url : "<?php echo $this->url(array('controller' => 'Utilisateur', 'action' => 'motdepasse')); ?>",
            type : "POST",
            dataType : "json",
            data : params,
            error : function(){
                $.toast({
                     heading : "serveur inactif",
                     text : "icelive n'arrive pas à accéder au serveur , si cela persiste veuilez contacter le groupe Fagiciel",
                     icon : "error",
                     hideAfter : false,
                     stack : false,
                     position : 'mid-center'
                });
            },
            success : function(data){
                if ( data.statut === 1){
                    $.toast({
                        heading : "Succès",
                        text : "Mot de passe modifié avec succès",
                        icon : "success",
                        hideAfter : false,
                        stack : false,
                        position : { top : top , left : left }
                    });
                }else{
                    $.toast({
                        heading : "Erreur",
                        text : data.message,
                        icon : "error",
                        hideAfter : false,
                        stack : false,
                        position : { top : top , left : left }
                    });
                }
            }
         });
         
      });
      
    </script>

</body>

</html>