<?php
include 'admin/config.php';
include 'include/include.php';
addpage('header.php');
if (!isset($_SESSION['uttranchali_auth'])){
    ?>
    <script>window.location.href='login'</script>
    <?php
}

?>
<section class="bread-crumb px-3 py-5">
    <div class="container">
        <div class="d-flex align-items-center" style="gap:0.5rem;flex-wrap: wrap;">
            <a href="index">Home</a>
            <i class="fa-solid fa-chevron-right "></i>
            <a href="javascript:void(0)"><?=$_SESSION['uttranchali_user_auth']['username']?></a>
        </div>
    </div>
</section>
<section class="section">
    <div class="container-xl">
        <div class="text-end">
            <a href="logout" onclick="return confirm('Do you want to logout?')" class="btn btn-danger">Log Out</a>
        </div>
        <div class="row">
            <div class="col-md-10 mx-auto mb-3">
                <form action="account" method="post" class="form">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Name</label>
                                <input type="text" value="<?=$_SESSION['uttranchali_user_auth']['first_name']?>" name="first_name" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Username</label>
                                <input type="text" value="<?=$_SESSION['uttranchali_user_auth']['username']?>" name="username" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Mobile Number</label>
                                <input type="number" value="<?=$_SESSION['uttranchali_user_auth']['user_phone']?>"  name="user_phone" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Email</label>
                                <input type="email" value="<?=$_SESSION['uttranchali_user_auth']['user_email']?>" name="user_email"  readonly>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Address</label>
                                <input type="text" value="<?=$_SESSION['uttranchali_user_auth']['user_address']?>" name="user_address"  readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">City</label>
                                <input type="text" value="<?=$_SESSION['uttranchali_user_auth']['user_city']?>"  name="user_city" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">State</label>
                                <input type="text" value="<?=$_SESSION['uttranchali_user_auth']['user_state']?>" name="user_state"  readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Zip Code / Post Code</label>
                                <input type="number" value="<?=$_SESSION['uttranchali_user_auth']['user_zip_code']?>"  name="user_zip_code"  readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Update Password</label>
                                <input type="password" name="password"  readonly>
                                <div class="showpassword">
                                    <i class="fa-solid fa-eye"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="text-center">
                                <button class="btn btn-success editbtn">Edit Details</button>
                                <button class="btn btn-success updatedetailsbtn" hidden name="updatedetailsbtn">Update Details</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            

            <div class="col-md-10 mx-auto" id="order-history">
                <h2>My Orders</h2>
                <?php
                $userid = $_SESSION['uttranchali_user_auth']['user_id'];
                $orders = mysqli_query($con, "SELECT order_id, tracking_id, order_date, total FROM `orders` WHERE `user_id` = '$userid' ORDER BY `order_date` DESC");
                if(mysqli_num_rows($orders)> 0){
                    ?>
                    <div class="table-responsive">    
                    <table class="table">
                        <tr>
                            <th>S.No</th>
                            <th>Tracking ID</th>
                            <th>Total</th>
                            <th>Placed At</th>
                            <th>Details</th>
                        </tr>
                        <?php
                        $sno = 1;
                        foreach ($orders as $item) {
                            ?>
                        <tr>
                            <td><?= $sno; ?></td>
                            <td><?= $item['tracking_id'];?></td>
                            <td>₹ <?= $item['total'];?></td>
                            <td><?= $item['order_date'];?></td>
                            <td><a href="view-order?id=<?= $item['tracking_id']?>" class="btn">View</a></td>
                        </tr>
                            <?php
                            $sno++;
                        }
                        ?>
                    </table></div>                   
                        <?php
                }else{
                    ?>
                    <h6 class="text-center text-primary">No orders</h6>
                    <?php
                }
                ?>
                
            </div>
        </div>
    </div>
</section>

<br>
<?php
addpage('footer.php');
if (isset($_POST['updatedetailsbtn'])) {
    $first_name = $_POST['first_name'];
    $username = $_POST['username'];
    $user_phone = $_POST['user_phone'];
    $user_email = $_POST['user_email'];
    $user_address = $_POST['user_address'];
    $user_city = $_POST['user_city'];
    $user_state = $_POST['user_state'];
    $user_zip_code = $_POST['user_zip_code'];
    $id = $_SESSION['uttranchali_user_auth']['user_id'];
    $password = $_POST['password'];
    if (empty($password)) {
        $updateDetails = mysqli_query($con,"UPDATE `users` SET 
        `first_name` = '$first_name',
        `username` = '$username',
        `phone` = '$user_phone',
        `email` = '$user_email',
        `address` = '$user_address',
        `city` = '$user_city',
        `state` = '$user_state',
        `zip_code` = '$user_zip_code'
        WHERE `user_id` = $id");
        if ($updateDetails) {
            $_SESSION['uttranchali_user_auth'] = [
                'first_name' => $first_name,
                'username' => $username,
                'user_id' => $id,
                'user_phone' => $user_phone,
                'user_email' => $user_email,
                'user_address' => $user_address,
                'user_city' => $user_city,
                'user_state' => $user_state,
                'user_zip_code' => $user_zip_code,
            ];
            ?>
            <script>
                swal("Details Updated","","success");
                setTimeout(() => {
                    window.location.href="account";
                }, 1000);
            </script>
            <?php
        }else{
            ?>
            <script>
                swal("Something went wrong","Try again","success");
                setTimeout(() => {
                    window.location.href="account";
                }, 1000);
            </script>
            <?php
        }
    }
    else{
    
        $password = password_hash($password,PASSWORD_DEFAULT);
        $updateDetails = mysqli_query($con,"UPDATE `users` SET 
        `first_name` = '$first_name',
        `username` = '$username',
        `phone` = '$user_phone',
        `email` = '$user_email',
        `address` = '$user_address',
        `city` = '$user_city',
        `state` = '$user_state',
        `zip_code` = '$user_zip_code',
        `password_hash` = '$password' WHERE `user_id` = $id");
        if ($updateDetails) {
            $_SESSION['uttranchali_user_auth'] = [
                'first_name' => $first_name,
                'username' => $username,
                'user_id' => $id,
                'user_phone' => $user_phone,
                'user_email' => $user_email,
                'user_address' => $user_address,
                'user_city' => $user_city,
                'user_state' => $user_state,
                'user_zip_code' => $user_zip_code,
            ];
            ?>
            <script>
                swal("Details Updated","","success");
                setTimeout(() => {
                    window.location.href="account";
                }, 1000);
            </script>
            <?php
        }
        else{
            ?>
            <script>
                swal("Something went wrong","Try again","success");
                setTimeout(() => {
                    window.location.href="account";
                }, 1000);
            </script>
            <?php
        }
    }
}

?>
<script>
    $('.editbtn').on('click',function (e) {
        e.preventDefault();
        $('input[name="first_name"]').focus();
        $('.editbtn').attr('hidden','');
        $('input').removeAttr('readonly');
        $('.updatedetailsbtn').removeAttr('hidden');
    })
</script>
<script>
    $('.wishlist-remove-btn').on('click',function () {
        // console.log($(this).data('id'));
        var parent = $(this).closest('.col-md-4');
        var id = $(this).data('id');
        // console.log(parent);
        
        // return;
        $.ajax({
            url: 'include/addtowishlist.php',
            type: 'POST',
            data: {
                wid:id,
                scope:'remove'
            },
            success: function(response) {
                console.log(response);
                response = JSON.parse(response);
                if (response.code == 200) {
                    swal("Romoved","Product removed from your wishlist","success");
                    parent.remove();
                }
                else{
                    swal("Something went wrong",response.msg,"error");
                }
            },
            error: function(err) {
                console.log(err);
            }
        });
    })
</script>