<?php
include('inc/sidebar.php');
if(!isset($_SESSION['ID']))
{
   header("location:index.php");
}
$id=$_SESSION['ID'];
$get_users= "select * from admins WHERE id='".$id."'";
$query=mysqli_query($con,$get_users);
$users_data=mysqli_fetch_array($query);
if(isset($_REQUEST['datafrmSubmit'])){
if($_REQUEST['datafrmSubmit'] == 'Save Changes'){
   
        $location = 'uploads/';
        $blog_image = $_FILES['image']['name'];
        $tmp_name = $_FILES['image']['tmp_name'];
        $upload_dir = $location.$blog_image;
        if(move_uploaded_file($tmp_name, $upload_dir))
        { }
    	date_default_timezone_set("Asia/Kolkata"); 
    		if(!empty($blog_image)){
    		    $sql_insert = "UPDATE admins set image = '".$blog_image."' WHERE id='".$id."'";
    		}else{
    		    $sql_insert = "UPDATE admins set name= '".$_REQUEST['name']."', email= '".$_REQUEST['email']."' WHERE id='".$id."'";
    		}
            // echo $sql_insert;die;
    		$query_insert = mysqli_query($con, $sql_insert);
    		 if($query_insert){
    		     move_uploaded_file($tempname, $folder);
            
                echo "<script type='text/javascript'>window.location=\"profile.php\";</script>"; 
    		 }else{
    		     
                echo "<script type='text/javascript'>window.location=\"profile.php\";</script>"; 
    		 }
    }
}
if(isset($_REQUEST['submitbtn'])){
    if($_REQUEST['submitbtn'] == 'Save Changes'){
        $old=$_REQUEST['old'];
        if($old==$users_data['password']){
          $sql_insert = "UPDATE admins set password = '".$_REQUEST['password']."' WHERE id='".$id."'";  
          $query_insert = mysqli_query($con, $sql_insert);
    		 if($query_insert){
                $msg = "Your Password is now Changed";
    		 }else{
    		    $error = "Network Error"; 
    		 }
        } else{
          $error = "Old Password does not Match";
        }  
       
    }
}
?>

        <!-- navbar-wrapper start -->
 <div class="body-wrapper">
            <div class="bodywrapper__inner">

                <div class="row align-items-center mb-30 justify-content-between">
    <div class="col-lg-4 col-sm-6">
        <h6 class="page-title">Profile</h6>
    </div>
    <div class="col-lg-8 col-sm-6 text-sm-right mt-sm-0 mt-3 right-part">
            <a href="#Pass" class="btn btn-sm btn--primary box--shadow1 text--small"><i class="fa fa-key"></i>Password Setting</a>
    </div>
</div>

                
    <div class="row mb-none-30">
        <div class="col-xl-4 col-lg-4 mb-30">

            <div class="card b-radius--5 overflow-hidden">
                <div class="card-body p-0">
                    <div class="d-flex p-3 bg--primary align-items-center">
                        <div class="avatar avatar--lg">
                            <img src="uploads/<?php if(!empty($users_data['image'])){ echo $users_data['image']; }else{ echo 'user.png'; } ?>" alt="Image">
                        </div>
                        <div class="pl-3">
                            <h4 class="text--white"><?php echo $users_data['username']; ?></h4>
                        </div>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Name                            <span class="font-weight-bold"><?php echo $users_data['name']; ?></span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Username                            <span class="font-weight-bold"><?php echo $users_data['username']; ?></span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Email                            <span class="font-weight-bold"><?php echo $users_data['email']; ?></span>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

        <div class="col-xl-8 col-lg-8 mb-30">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-50 border-bottom pb-2">Profile Information</h5>

                    <form action="" method="POST"name="datafrm" id="datafrm" enctype="multipart/form-data">
                        <input type="hidden" name="_token" value="Xe2911mQAIWSJZkNgXXtKWEkMEouae5n5ibvePkd">


                        <div class="row">

                            <div class="col-md-7">

                                <div class="form-group">
                                    <div class="image-upload">
                                        <div class="thumb">
                                            <div class="avatar-preview">
                                                <div class="profilePicPreview" style="background-image: url('uploads/<?php if(!empty($users_data['image'])){ echo $users_data['image']; }else{ echo 'user.png'; } ?>')">
                                                    <button type="button" class="remove-image"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                            <div class="avatar-edit">
                                                <input type="file" class="profilePicUpload" name="image" id="profilePicUpload1" accept=".png, .jpg, .jpeg">
                                                <label for="profilePicUpload1" class="bg--success">Upload Image</label>
                                                <small class="mt-2 text-facebook">Supported files: <b>jpeg, jpg.</b> Image will be resized into 400x400px </small>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-5">
                                <div class="form-group ">
                                    <label class="form-control-label font-weight-bold">Name</label>
                                    <input class="form-control" type="text" name="name" value="<?php echo $users_data['name']; ?>">
                                </div>

                                <div class="form-group">
                                    <label class="form-control-label  font-weight-bold">Email</label>
                                    <input class="form-control" type="email" name="email" value="<?php echo $users_data['email']; ?>">
                                </div>
                            </div>

                        </div>

                        <div class="form-group">
                            <button type="submit"name="datafrmSubmit" id="datafrmSubmit"value="Save Changes" class="btn btn--primary btn-block btn-lg">Save Changes</button>
                        </div>
                    </form>
                </div>
            </div>
             <div class="card"id="Pass">
                <div class="card-body">
                    <h5 class="card-title mb-50 border-bottom pb-2">Change Password</h5>

                    <form method="post"id="myform" enctype="multipart/form-data">
                       <div id="message"></div> 
                        <?php 	if(isset($msg))
						{
							echo "<div id='message1'style='background: green;padding: 12px 20px;border-radius: 6px;color: white;margin: 20px 0;'>".$msg."</div>";
						}else if(isset($error))
						{ echo "<div id='message1'style='background: #ea7d7df5;padding: 12px 20px;border-radius: 6px;color: white;margin: 20px 0;'>".$error."</div>";
							
						} ?>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label form-control-label">Password</label>
                            <div class="col-lg-9">
                                <input class="form-control" type="password" placeholder="Password" name="old"id="old"required>
                                <span class="error" id="old_err"> </span>
                            <span class="suc" id="old_suc"> </span>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label form-control-label">New Password</label>
                            <div class="col-lg-9">
                                <input class="form-control" type="password" placeholder="New Password" name="password"id="password" required>
                                <span class="suc" id="password_suc"> </span>
                                                    <span class="error" style="line-height: 16px;bottom: -51px;"id="password_err"> </span>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label form-control-label">Confirm Password</label>
                            <div class="col-lg-9">
                                <input class="form-control" type="password" placeholder="Confirm Password" name="cpassword"id="cpassword"required>
                                <span class="error" id="cpassword_err"> </span>
                            <span class="suc" id="cpassword_suc"> </span>
                            </div>
                        </div>


                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label form-control-label"></label>
                            <div class="col-lg-9">
                            <input type="submit" name="submitbtn" value="Save Changes"id="submitbtn"class="btn btn--primary btn-block btn-lg">
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
        </div>
    </div>


            </div><!-- bodywrapper__inner end -->
        </div><!-- body-wrapper end -->
    </div>

<!-- jQuery library -->
<script src="assets/js/jquery-3.6.0.min.js.download"></script>
<!-- bootstrap js -->
<script src="assets/js/bootstrap.bundle.min.js.download"></script>
<!-- bootstrap-toggle js -->
<script src="assets/js/bootstrap-toggle.min.js.download"></script>
<!-- slimscroll js for custom scrollbar -->
<script src="assets/js/jquery.slimscroll.min.js.download"></script>
<!-- custom select box js -->
<script src="assets/js/jquery.nice-select.min.js.download"></script>
<link rel="stylesheet" href="assets/js/iziToast.min.css">
<script src="assets/js/iziToast.min.js.download"></script>
<script>
    $(document).ready(function () {
    $('#old').on('input', function () {
        checkold();
    });
    $('#password').on('input', function () {
        checkpass();
    });
    $('#cpassword').on('input', function () {
        checkcpass();
    });
    $('#submitbtn').click(function () {


        if (!checkpass() && !checkcpass() && !checkold()) {
            console.log("er1");
            $("#message").html(`<div class="alert alert-warning">Please fill all required field</div>`);
        } else if (!checkpass() || !checkcpass() && !checkold()) {
            $("#message").html(`<div class="alert alert-warning">Please fill all required field</div>`);
            console.log("er");
        }
        else {
            console.log("ok");
            $("#message").html("");
            var form = $('#myform')[0];
            var data = new FormData(form);
            $.ajax({
                type: "POST",
                url: "process.php",
                data: data,
                processData: false,
                contentType: false,
                cache: false,
                async: false,
                beforeSend: function () {
                    $('#submitbtn').html('<i class="fa-solid fa-spinner fa-spin"></i>');
                    $('#submitbtn').attr("disabled", true);
                    $('#submitbtn').css({ "border-radius": "50%" });
                },

                success: function (data) {
                    $('#message').html(data);
                },
                complete: function () {
                    setTimeout(function () {
                        $('#myform1').trigger("reset");
                        $('#submitbtn').html('Submit');
                        $('#submitbtn').attr("disabled", false);
                        $('#submitbtn').css({ "border-radius": "4px" });
                    }, 200);
                }
            });
        }
    });
});
function checkold() {
    var old = $('#old').val();
    if (old == "") {
        $('#old_err').html('Old Password cannot be empty');
         $('#submitbtn').attr("disabled", true);
        return false;
    }else {
        $('#old_err').html('');
         $('#submitbtn').attr("disabled", false);
        return true;
    }
}
function checkpass() {
    console.log("sass");
    var pattern2 = /^(?=.*\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/;
    var pass = $('#password').val();
    var validpass = pattern2.test(pass);

    if (pass == "") {
        $('#password_err').html('Password can not be empty');
        $('#submitbtn').attr("disabled", true);
        return false;
    } else if (!validpass) {
        $('#password_err').html('5-15 Characters, at least One Uppercase,one Lowercase,One Number and One Special Character');
        $('#submitbtn').attr("disabled", true);
        return false;

    } else if (validpass) {
        $('#password_suc').html('Correct');
        $('#password_err').html("");
        $('#submitbtn').attr("disabled", false);
        return false;

    } else {
        $('#password_err').html("");
         $('#submitbtn').attr("disabled", false);
        return true;
    }
}
function checkcpass() {
    var pass = $('#password').val();
    var cpass = $('#cpassword').val();
    if (cpass == "") {
        $('#cpassword_err').html('Confirm password cannot be empty');
         $('#submitbtn').attr("disabled", true);
        return false;
    } else if (pass !== cpass) {
        $('#cpassword_err').html('Confirm password did not match');
         $('#submitbtn').attr("disabled", true);
        return false;
    } else if (pass == cpass) {
        $('#cpassword_suc').html('Password Matched');
        $('#cpassword_err').html("");
        $('#submitbtn').attr("disabled", false);
        return false;

    } else {
        $('#cpassword_err').html('');
         $('#submitbtn').attr("disabled", false);
        return true;
    }
}
</script>
<script>
    setTimeout(() => {  
        $('#message1').fadeOut('fast');  
    }, 6000);
</script>
<script>
    "use strict";
    function notify(status, message) {
        if(typeof message == 'string'){
            iziToast[status]({
                message: message,
                position: "topRight"
            });
        }else{
            $.each(message, function(i, val) {
                iziToast[status]({
                    message: val,
                    position: "topRight"
                });
            });
        }
    }
</script>
<script src="assets/js/nicEdit.js.download"></script>
<script src="assets/js/select2.min.js.download"></script>
<script src="assets/js/app.js.download"></script>
<script>
    "use strict";
    bkLib.onDomLoaded(function() {
        $( ".nicEdit" ).each(function( index ) {
            $(this).attr("id","nicEditor"+index);
            new nicEditor({fullPanel : true}).panelInstance('nicEditor'+index,{hasPanel : true});
        });
    });
    (function($){
        $( document ).on('mouseover ', '.nicEdit-main,.nicEdit-panelContain',function(){
            $('.nicEdit-main').focus();
        });
    })(jQuery);
</script>
<script src="assets/js/apexcharts.min.js.download"></script>
<script src="assets/js/chart.js.2.8.0.js.download"></script>
<svg id="SvgjsSvg1209" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1210"></defs><polyline id="SvgjsPolyline1211" points="0,0"></polyline><path id="SvgjsPath1212" d="M-1 362.348L-1 362.348C-1 362.348 201.2314453125 362.348 201.2314453125 362.348C201.2314453125 362.348 402.462890625 362.348 402.462890625 362.348C402.462890625 362.348 402.462890625 362.348 402.462890625 362.348 "></path></svg></body></html>