Zploit 0-Day Shell

:: Editing File: my-soulmeet.php

<?php 
include('header.php');
?>
<style type="text/css">
    /* ============================================
       Modern Tab Navigation Styles
       ============================================ */
    
    .user-top-header {
        background: #fff;
        border-radius: 15px;
        padding: 0;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        margin-bottom: 30px;
        overflow: hidden;
    }
    
    .menu-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
        border-bottom: 3px solid #e0e0e0;
        position: relative;
    }
    
    .menu-list::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 3px;
        background: #cd4252;
        transition: width 0.3s ease;
        width: 0;
    }
    
    .menu-list li {
        position: relative;
        flex: 1;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .menu-list li:not(:last-child) {
        border-right: 1px solid rgba(0,0,0,0.1);
    }
    
    .menu-list li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 20px;
        text-decoration: none;
        color: #666;
        font-weight: 600;
        font-size: 15px;
        transition: all 0.3s ease;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        gap: 10px;
    }
    
    .menu-list li a i {
        font-size: 18px;
        transition: all 0.3s ease;
    }
    
    .menu-list li:hover:not(.active) a {
        color: #cd4252;
        background: rgba(205, 66, 82, 0.05);
    }
    
    .menu-list li:hover:not(.active) a i {
        transform: scale(1.1);
    }
    
    .menu-list .active {
        background: #cd4252;
        position: relative;
    }
    
    .menu-list .active::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: rgba(255, 255, 255, 0.3);
    }
    
    .menu-list .active a {
        color: #fff !important;
        background: transparent;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    
    .menu-list .active a i {
        color: #fff;
        transform: scale(1.15);
    }
    
    /* Tab Icons */
    .menu-list li a i {
        opacity: 0.8;
    }
    
    .menu-list .active a i {
        opacity: 1;
    }
    
    /* Responsive Tabs */
    @media (max-width: 768px) {
        .menu-list {
            flex-wrap: wrap;
        }
        
        .menu-list li {
            flex: 1 1 50%;
            min-width: 50%;
        }
        
        .menu-list li a {
            padding: 15px 10px;
            font-size: 13px;
            flex-direction: column;
            gap: 5px;
        }
        
        .menu-list li a i {
            font-size: 20px;
        }
    }
    
    @media (max-width: 480px) {
        .menu-list li {
            flex: 1 1 100%;
        }
    }
    
    /* Clickable Statistics Cards */
    .section-wrapper a .lab-item {
        transition: all 0.3s ease;
    }
    
    .section-wrapper a:hover .lab-item {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    
    .section-wrapper a {
        display: block;
    }
</style>

<section class="profile-section padding-tb bg-ash">
<div class="container">
<div class="section-wrapper">
<div class="member-profile">
<div class="profile-item">
<div class="profile-cover">
<img src="../assets/images/profile/cover.jpg" alt="cover-pic">

</div>
<div class="profile-information">
<div class="profile-pic">

<?php 
if ($profile_img == 'default.jpg') {
    if($gender == 'Female'){
        ?>
        <img src="../images/female.jpg" alt="img">
        <?php
    }
    else{
        ?>
        <img src="../images/male.png" alt="img">
        <?php
    }
}
else{
    ?>
   <img src="../admin/images/members/<?=$profile_img?>" alt="DP">

<?php
}
?>

</div>
</div>
<div class="profile-item d-none">
<div class="lab-inner">
<div class="lab-thumb">
<a href="#"><img src="../admin/images/members/default.jpg" alt="profile"></a>
</div>
<div class="lab-content">
<div class="profile-name">
<div class="p-name-content">
<h4><?=$full_name?></h4>
<p style="float:left!important;"><?=$sv_user_id?></p>
</div>

<!--

<ul class="profile-contact">
<li>
<a href="#">
<div class="icon"><i class="icofont-user"></i></div>
<div class="text">
<p>Add Friends</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="icon"><i class="icofont-envelope"></i></div>
<div class="text">
<p>Publice Message</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="icon"><i class="icofont-envelope"></i></div>
<div class="text">
<p>Private Message</p>
</div>
</a>
</li>
</ul> -->
</div>
</div>
</div>

<button class="nav-link active" id="nav-ativity-tab" data-bs-toggle="tab"
data-bs-target="#activity" type="button" role="tab" aria-controls="activity"
aria-selected="true">Activity</button>

<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
data-bs-target="#profile" type="button" role="tab" aria-controls="profile"
aria-selected="false">Profile</button>
<button class="nav-link" id="nav-groups-tab" data-bs-toggle="tab"
data-bs-target="#groups" type="button" role="tab" aria-controls="groups"
aria-selected="false">Partner Preferences</button>
<button class="nav-link" id="nav-photos-tab" data-bs-toggle="tab"
data-bs-target="#photos" type="button" role="tab" aria-controls="photos"
aria-selected="false">Photos</button>
<button class="nav-link" id="nav-media-tab" data-bs-toggle="tab" data-bs-target="#media"
type="button" role="tab" aria-controls="media" aria-selected="false">Setting</button>

</div>
</nav>
<div class="tab-content" id="nav-tabContent">

<div class="tab-pane activity-page fade show active" id="activity" role="tabpanel">
<div>
<div class="row">
<div class="col-xl-12">

<div class="block-box user-about">
    <!-- <div style="text-align: center;" class="row">
        <div class="col-lg-2">
            <div class="box"style="background:#00185E;">
                <a href="javascript:void(0);"><img src="../images/menu-icons/1.png" style="margin-bottom: 10px;">
                    <h6 style="color: white;font-weight: normal!important;">Pending Invitations</h6>
                    <h4 style="color: white;">0</h4> 
                </a>
            </div>
        </div>
        <div class="col-lg-2">
            <div class="box"style="background:#E7759E;">
                <a href="javascript:void(0);"> <img src="../images/menu-icons/2.png" style="width: 35px;height: 35px;margin-bottom: 10px;" >
                    <h6 style="color: white;font-weight: normal!important;">Accepted Invitations</h6> 
                    <h4 style="color: white;">0</h4></a>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="box"style="background:#E65148;">
                    <a href="javascript:void(0);"><img src="../images/menu-icons/3.png" style="width: 35px;height: 35px;margin-bottom: 10px;" >
                        <h6 style="color: white;font-weight: normal!important;">Recent Visitors</h6>
                        <h4 style="color: white;">
                            0
                        </h4></a>

</div>
</div>

<div class="col-lg">
    <div class="box"style="background:#494395;">
        <img src="../images/menu-icons/4.png"style="width: 35px;height: 35px;margin-bottom: 10px;">
        <h6 style="color: white;font-weight: normal!important;">Contacts Viewed</h6>
        <h4 style="color: white;">
            0                                  /<span style="font-size: 14px;">
           0                              </span></h4>
        </div>  
    </div>
    <div class="col-lg">
        <div class="box"style="background:#CB1337;">
            <img src="../images/menu-icons/5.png"style="width: 35px;height: 35px;margin-bottom: 10px;">
            <h6 style="color: white;font-weight: normal!important;">Chat Request </h6>
            <h4 style="color: white;">
                0                                   /<span style="font-size: 14px;">
               0                              </span></h4>
            </div>
        </div>

</div> -->

<?php
    // Fetch statistics from messages table
    $pending_invitations = 0;
    $accepted_invitations = 0;
    $recent_visitors = 0;
    $contacts_viewed = 0;
    
    // Fetch Pending Invitations (unread messages received)
    $sql_pending = "SELECT COUNT(*) as total FROM messages WHERE receiver_id = '$user_id' AND is_read = 0";
    $result_pending = mysqli_query($conn, $sql_pending);
    if (mysqli_num_rows($result_pending) > 0) {
        foreach ($result_pending as $row) {
            $pending_invitations = $row['total'];
        }
    }
    
    // Fetch Accepted Invitations (read messages received)
    $sql_accepted = "SELECT COUNT(*) as total FROM messages WHERE receiver_id = '$user_id' AND is_read = 1";
    $result_accepted = mysqli_query($conn, $sql_accepted);
    if (mysqli_num_rows($result_accepted) > 0) {
        foreach ($result_accepted as $row) {
            $accepted_invitations = $row['total'];
        }
    }
    
    // Fetch Recent Visitors (unique senders who messaged the user)
    $sql_visitors = "SELECT COUNT(DISTINCT sender_id) as total FROM messages WHERE receiver_id = '$user_id'";
    $result_visitors = mysqli_query($conn, $sql_visitors);
    if (mysqli_num_rows($result_visitors) > 0) {
        foreach ($result_visitors as $row) {
            $recent_visitors = $row['total'];
        }
    }
    
    // Fetch Contacts Viewed (unique receivers the user has messaged)
    $sql_contacts = "SELECT COUNT(DISTINCT receiver_id) as total FROM messages WHERE sender_id = '$user_id'";
    $result_contacts = mysqli_query($conn, $sql_contacts);
    if (mysqli_num_rows($result_contacts) > 0) {
        foreach ($result_contacts as $row) {
            $contacts_viewed = $row['total'];
        }
    }
    ?>

<div class="section-wrapper">
                <div class="row justify-content-center g-4">
                    <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
                        <a href="pending-invitations" style="text-decoration: none; color: inherit;">
                            <div class="lab-item about-item" style="cursor: pointer; transition: all 0.3s ease;">
                                <div class="lab-inner text-center">
                                    <div class="lab-thumb">
                                        <h6 style="">Pending Invitations</h6>
                                    </div>
                                    <div class="lab-content">
                                        <h2 class="counter"><?=$pending_invitations?></h2>
                                        
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                   <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
                        <a href="accepted-invitations" style="text-decoration: none; color: inherit;">
                            <div class="lab-item about-item" style="cursor: pointer; transition: all 0.3s ease;">
                                <div class="lab-inner text-center">
                                    <div class="lab-thumb">
                                        <h6 style="">Accepted Invitations</h6>
                                    </div>
                                    <div class="lab-content">
                                        <h2 class="counter"><?=$accepted_invitations?></h2>
                                        
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

<div class="col-xl-3 col-lg-4 col-sm-6 col-12">
                        <a href="recent-visitors" style="text-decoration: none; color: inherit;">
                            <div class="lab-item about-item" style="cursor: pointer; transition: all 0.3s ease;">
                                <div class="lab-inner text-center">
                                    <div class="lab-thumb">
                                        <h6 style="">Recent Visitors</h6>
                                    </div>
                                    <div class="lab-content">
                                        <h2 class="counter"><?=$recent_visitors?></h2>
                                        
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

<div class="col-xl-3 col-lg-4 col-sm-6 col-12">
                        <a href="contacts-viewed" style="text-decoration: none; color: inherit;">
                            <div class="lab-item about-item" style="cursor: pointer; transition: all 0.3s ease;">
                                <div class="lab-inner text-center">
                                    <div class="lab-thumb">
                                        <h6 style="">Contacts Viewed</h6>
                                    </div>
                                    <div class="lab-content">
                                        <h2 class="counter"><?=$contacts_viewed?></h2>
                                        
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

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

</div>

</article>
</div>

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

<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<div>
<div class="row">
<div class="col-xl-8">
<article>
<div class="info-card mb-20">
<div class="info-card-title">
<h6>Religious Background</h6>
</div>
<div class="info-card-content">
<ul class="info-list">
<li>
    <p class="info-name">Religion</p>
    <p class="info-details"><?=$religion?></p>
</li>
<li>
    <p class="info-name">Caste</p>
    <p class="info-details"><?=$caste?></p>
</li>
<li>
    <p class="info-name">Sub Caste</p>
    <p class="info-details"><?=$sub_caste?></p>
</li>

</ul>

</div>
</div>
<div class="info-card mb-20">
<div class="info-card-title">
<h6> Professional Details</h6>
</div>
<div class="info-card-content">
   <ul class="info-list">
       <li>
    <p class="info-name">Highest Qualification</p>
    <p class="info-details"><?=$highest_qualification?></p>
</li>
<li>
    <p class="info-name">College Name</p>
    <p class="info-details"><?=$college_name?></p>
</li>
<li>
    <p class="info-name">Working With</p>
    <p class="info-details"><?=$working_with?></p>
</li>
<li>
    <p class="info-name">Working As</p>
    <p class="info-details"><?=$working_as?></p>
</li>
<li>
    <p class="info-name">Company Email</p>
    <p class="info-details"><?=$company_email?></p>
</li>
<li>
    <p class="info-name">Company Location</p>
    <p class="info-details"><?=$company_location?></p>
</li>
<li>
    <p class="info-name">Annual Income</p>
    <p class="info-details"><?=$annual_income?></p>
</li>

</ul>
</div>
</div>
<div class="info-card mb-20">
<div class="info-card-title">
<h6>Family Details</h6>
</div>
<div class="info-card-content">
<ul class="info-list">
<li>
    <p class="info-name">Father Name</p>
    <p class="info-details"><?=$father_name?></p>
</li>
<li>
    <p class="info-name">Father Status</p>
    <p class="info-details"><?=$father_status?></p>
</li>
<li>
    <p class="info-name">Mother Name</p>
    <p class="info-details"><?=$mother_name?></p>
</li>
<li>
    <p class="info-name">Mother Status</p>
    <p class="info-details"><?=$mother_status?></p>
</li>
<li>
    <p class="info-name">Family Location</p>
    <p class="info-details"><?=$family_location?></p>
</li>
<li>
    <p class="info-name">Native Place</p>
    <p class="info-details"><?=$native_place?></p>
</li>
<li>
    <p class="info-name">Brothers</p>
    <p class="info-details">
        <div class="row">
            <div class="col-lg-4">
                <p>Married: <?=$married_brothers?></p>
            </div>
            <div class="col-lg-6">
                <p>Not Married: <?=$not_married_brothers?></p>
            </div>
        </div>
    </p>
</li>
<li>
    <p class="info-name">Sisters</p>
    <p class="info-details">
        <div class="row">
            <div class="col-lg-4">
                <p>Married: <?=$married_sisters?></p>
            </div>
            <div class="col-lg-6">
                <p>Not Married: <?=$not_married_sisters?></p>
            </div>
        </div>
    </p>
</li>

</ul>

</div>
</div>
<div class="info-card mb-20">
<div class="info-card-title">
<h6>Horoscope Details</h6>
</div>
<div class="info-card-content">
<ul class="info-list">
<li>
    <p class="info-name">Country of Birth</p>
    <p class="info-details"><?=$country_of_birth?></p>
</li>
<li>
    <p class="info-name">City of Birth</p>
    <p class="info-details"><?=$city_of_birth?></p>
</li>
<li>
    <p class="info-name">Time of Birth</p>
    <p class="info-details"><?=$time_of_birth?></p>
</li>
<li>
    <p class="info-name">Maglik Dosham</p>
    <p class="info-details"><?=$maglik_dosham?></p>
</li>

</ul>

</div>
</div>

</article>
</div>

<div class="col-xl-4">
<aside class="mt-5 mt-xl-0">
<div class="widget search-widget">
<div class="widget-inner">
<div class="widget-title">
<h5>About Me</h5>
</div>
<div class="widget-content">
    <div class="widget widget-user-about">
       
            <div class="user-info">
                <p><?=$about_us?></p> 
                <hr>
                <ul class="info-list">
                    <li><span>Registration Date : </span> <?=$registration_date?></li>
                    <hr>
                    <li><span>Date Of Birth : </span> <?=$date_of_birth?></li>
                    <hr>
                    <li><span>Age : </span> <?=$age?> Y</li>
                    <hr>
                    <li><span>Phone : </span> <?=$mobile?></li>
                    <hr>
                    <li><span>E-mail : </span> <?=$email?></li>
                    <hr>
                     <li><span>Gender : </span> <?=$gender?></li>
                     <hr>
                    <li><span>Marital Status : </span> <?=$marital_status?></li>  
                    <hr>                 
                    <li><span>Living In:</span> <?=$living_in?></li>
                    <hr>
                    <li><span>Community : </span> <?=$community?></li>
                   
                  
                </ul>
            </div>
        </div>
</div>
</div>
</div>

</aside>
</div>
</div>
</div>
</div>

<div class="tab-pane fade" id="groups" role="tabpanel" aria-labelledby="nav-groups-tab">
    <style type="text/css">
        .partner-pref-form {
            background: #fff;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }
        .form-section-header {
            font-size: 20px;
            font-weight: 700;
            color: #cd4252;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #cd4252;
        }
        .field-wrapper {
            margin-bottom: 20px;
        }
        .field-wrapper label {
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            display: block;
        }
        .form-control, .selectpicker {
            border-radius: 8px;
            border: 1px solid #ddd;
            padding: 10px 15px;
            transition: all 0.3s ease;
        }
        .form-control:focus, .selectpicker:focus {
            border-color: #cd4252;
            box-shadow: 0 0 0 0.2rem rgba(205, 66, 82, 0.25);
        }
        .btn-save-pref {
            background: #cd4252;
            color: #fff;
            border: none;
            padding: 12px 30px;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .btn-save-pref:hover {
            background: #b83847;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(205, 66, 82, 0.3);
        }
        .card-section {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 25px;
            border-left: 4px solid #cd4252;
        }
    </style>
    <div class="partner-pref-form">
        <div class="block-box user-about">
            <div class="widget-heading">
                <div>
                    <h3 style="font-size: 18px!important; color: #cd4252;">Partner Preferences</h3>
                </div>
            </div>
        </div>
        
        <form id="partnerPreferencesForm">
            <input type="hidden" name="user_id" value="<?=$user_id?>">
            
            
            <div class="card-section">
                <div class="form-section-header">Basic Preferences</div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Min Age</label>
                            <select name="p_age_min" id="p_age_min" class="form-control">
                                <option value="">-- Min Age --</option>
                                <?php for ($i=18; $i < 90; $i++) { ?>
                                    <option value="<?=$i?>"><?=$i?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Max Age</label>
                            <select name="p_age_max" id="p_age_max" class="form-control">
                                <option value="">-- Max Age --</option>
                                <?php for ($i=18; $i < 90; $i++) { ?>
                                    <option value="<?=$i?>"><?=$i?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Min Height</label>
                            <select name="p_height_min" id="p_height_min" class="form-control">
                                <option value="">-- Min Height --</option>
                                <?php 
                                $sql_height = "SELECT * FROM heights WHERE status = '1'";
                                $result_height = mysqli_query($conn, $sql_height);
                                if (mysqli_num_rows($result_height) > 0) {
                                    foreach ($result_height as $row) {
                                        ?>
                                        <option value="<?=$row['heights_id']?>"><?=$row['heights']?></option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Max Height</label>
                            <select name="p_height_max" id="p_height_max" class="form-control">
                                <option value="">-- Max Height --</option>
                                <?php 
                                $sql_height = "SELECT * FROM heights WHERE status = '1'";
                                $result_height = mysqli_query($conn, $sql_height);
                                if (mysqli_num_rows($result_height) > 0) {
                                    foreach ($result_height as $row) {
                                        ?>
                                        <option value="<?=$row['heights_id']?>"><?=$row['heights']?></option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Marital Status</label>
                            <select name="p_marital_status" id="p_marital_status" class="form-control">
                                <option value="">-- Select Marital Status --</option>
                                <option value="Any">Any</option>
                                <option value="Never Married">Never Married</option>
                                <option value="Widowed">Widowed</option>
                                <option value="Divorced">Divorced</option>
                                <option value="Awaiting Divorce">Awaiting Divorce</option>
                                <option value="Annulled">Annulled</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Mother Tongue</label>
                            <select name="p_mother_tongue" id="p_mother_tongue" class="form-control">
                                <option value="">-- Mother Tongue --</option>
                                <option value="Assamese">Assamese</option>
                                <option value="Bengali">Bengali</option>
                                <option value="English">English</option>
                                <option value="Gujarati">Gujarati</option>
                                <option value="Hindi">Hindi</option>
                                <option value="Kannada">Kannada</option>
                                <option value="Kokani">Kokani</option>
                                <option value="Malayalam">Malayalam</option>
                                <option value="Marathi">Marathi</option>
                                <option value="Odia">Odia</option>
                                <option value="punjabi">punjabi</option>
                                <option value="Sindhi">Sindhi</option>
                                <option value="Tamil">Tamil</option>
                                <option value="Telugu">Telugu</option>
                                <option value="Urdu">Urdu</option>
                                <option value="Other">Other</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

<div class="card-section">
                <div class="form-section-header">Religious Preferences</div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Religion</label>
                            <select name="p_religion" id="p_religion" class="form-control">
                                <option value="">-- Select Religion --</option>
                                <?php 
                                $sql_religion = "SELECT * FROM religion WHERE status = '1'";
                                $result_religion = mysqli_query($conn, $sql_religion);
                                if (mysqli_num_rows($result_religion) > 0) {
                                    foreach ($result_religion as $row) {
                                        ?>
                                        <option value="<?=$row['religion_name']?>"><?=$row['religion_name']?></option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Caste</label>
                            <select name="p_caste" id="p_caste" class="form-control">
                                <option value="">-- Select Caste --</option>
                                <?php 
                                $sql_caste = "SELECT * FROM castes WHERE status = '1'";
                                $result_caste = mysqli_query($conn, $sql_caste);
                                if (mysqli_num_rows($result_caste) > 0) {
                                    foreach ($result_caste as $row) {
                                        ?>
                                        <option value="<?=$row['caste_name']?>"><?=$row['caste_name']?></option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Sub Caste</label>
                            <input type="text" name="p_sub_caste" id="p_sub_caste" class="form-control" placeholder="Sub Caste">
                        </div>
                    </div>
                </div>
            </div>

<div class="card-section">
                <div class="form-section-header">Professional Preferences</div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Education</label>
                            <select name="p_education" id="p_education" class="form-control">
                                <option value="">-- Select Education --</option>
                                <optgroup label="-ENGINEERING-"></optgroup>
                                <option value="B.E / B.Tech">B.E / B.Tech</option>
                                <option value="M.E / M.Tech">M.E / M.Tech</option>
                                <option value="M.S Engineering">M.S Engineering</option>
                                <option value="B.Eng (Hons)">B.Eng (Hons)</option>
                                <option value="M.Eng (Hons)">M.Eng (Hons)</option>
                                <option value="Engineering Diploma">Engineering Diploma</option>
                                <optgroup label="-ARTS-"></optgroup>
                                <option value="B.A">B.A</option>
                                <option value="B.Ed">B.Ed</option>
                                <option value="BJMC">BJMC</option>
                                <option value="BFA">BFA</option>
                                <option value="B.Arch">B.Arch</option>
                                <option value="B.Des">B.Des</option>
                                <option value="BMM">BMM</option>
                                <option value="MFA">MFA</option>
                                <option value="M.Ed">M.Ed</option>
                                <option value="M.A">M.A</option>
                                <option value="MSW">MSW</option>
                                <option value="MJMC">MJMC</option>
                                <option value="M.Arch">M.Arch</option>
                                <option value="M.Des">M.Des</option>
                                <optgroup label="-COMMERCE-"></optgroup>
                                <option value="B.Com">B.Com</option>
                                <option value="CA / CPA">CA / CPA</option>
                                <option value="CFA">CFA</option>
                                <option value="CS">CS</option>
                                <option value="BSc / BFin">BSc / BFin</option>
                                <option value="M.Com">M.Com</option>
                                <option value="MSc / MFin / MS">MSc / MFin / MS</option>
                                <optgroup label="-COMPUTER/IT-"></optgroup>
                                <option value="BCA">BCA</option>
                                <option value="B.IT">B.IT</option>
                                <option value="BCS">BCS</option>
                                <option value="BA Computer Science">BA Computer Science</option>
                                <option value="MCA">MCA</option>
                                <option value="PGDCA">PGDCA</option>
                                <optgroup label="-SCIENCE-"></optgroup>
                                <option value="B.Sc">B.Sc</option>
                                <option value="M.Sc">M.Sc</option>
                                <option value="BSc (Hons)">BSc (Hons)</option>
                                <optgroup label="-MEDICAL-"></optgroup>
                                <option value="MBBS">MBBS</option>
                                <option value="BDS">BDS</option>
                                <option value="BPT">BPT</option>
                                <option value="BAMS">BAMS</option>
                                <option value="BHMS">BHMS</option>
                                <option value="B.Pharma">B.Pharma</option>
                                <option value="BVSc">BVSc</option>
                                <option value="BSN / BScN">BSN / BScN</option>
                                <option value="MDS">MDS</option>
                                <option value="MCh">MCh</option>
                                <option value="M.D">M.D</option>
                                <option value="M.S Medicine">M.S Medicine</option>
                                <option value="MPT">MPT</option>
                                <option value="DM">DM</option>
                                <option value="M.Pharma">M.Pharma</option>
                                <option value="MVSc">MVSc</option>
                                <optgroup label="-MANAGEMENT-"></optgroup>
                                <option value="BBA">BBA</option>
                                <option value="BHM">BHM</option>
                                <option value="BBM">BBM</option>
                                <option value="MBA">MBA</option>
                                <option value="PGDM">PGDM</option>
                                <optgroup label="-LAW-"></optgroup>
                                <option value="BL / LLB">BL / LLB</option>
                                <option value="ML / LLM">ML / LLM</option>
                                <option value="LLB (Hons)">LLB (Hons)</option>
                                <optgroup label="-OTHER-"></optgroup>
                                <option value="Ph.D">Ph.D</option>
                                <option value="M.Phil">M.Phil</option>
                                <option value="Bachelor">Bachelor</option>
                                <option value="Master">Master</option>
                                <option value="Diploma">Diploma</option>
                                <option value="Honours">Honours</option>
                                <option value="Doctorate">Doctorate</option>
                                <option value="Associate">Associate</option>
                                <option value="High school">High school</option>
                                <option value="Less than high school">Less than high school</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Profession</label>
                            <select name="p_profession" id="p_profession" class="form-control">
                                <option value="">-- Select Profession --</option>
                                <optgroup label="Accounting, Banking &amp; Finance"></optgroup>
                                <option value="Banking Professional">Banking Professional</option>
                                <option value="Chartered Accountant">Chartered Accountant</option>
                                <option value="Company Secretary">Company Secretary</option>
                                <option value="Finance Professional">Finance Professional</option>
                                <option value="Investment Professional">Investment Professional</option>
                                <option value="Accounting Professional (Others)">Accounting Professional (Others)</option>
                                <optgroup label="Administration"></optgroup>
                                <option value="Admin Professional">Admin Professional</option>
                                <option value="Human Resources Professional">Human Resources Professional</option>
                                <optgroup label="Arts, Media &amp; Entertainment"></optgroup>
                                <option value="Actor">Actor</option>
                                <option value="Advertising Professional">Advertising Professional</option>
                                <option value="Entertainment Professional">Entertainment Professional</option>
                                <option value="Event Manager">Event Manager</option>
                                <option value="Journalist">Journalist</option>
                                <option value="Media Professional">Media Professional</option>
                                <option value="Public Relations Professional">Public Relations Professional</option>
                                <optgroup label="Agriculture"></optgroup>
                                <option value="Farming">Farming</option>
                                <option value="Horticulturist">Horticulturist</option>
                                <option value="Agricultural Professional (Others)">Agricultural Professional (Others)</option>
                                <optgroup label="Airlines"></optgroup>
                                <option value="Air Hostess / Flight Attendant">Air Hostess / Flight Attendant</option>
                                <option value="Pilot / Co-Pilot">Pilot / Co-Pilot</option>
                                <option value="Other Airline Professional">Other Airline Professional</option>
                                <optgroup label="Architecture"></optgroup>
                                <option value="Architect">Architect</option>
                                <option value="Interior Designer">Interior Designer</option>
                                <option value="Landscape Architect">Landscape Architect</option>
                                <optgroup label="Arts &amp; Design"></optgroup>
                                <option value="Animator">Animator</option>
                                <option value="Commercial Artist">Commercial Artist</option>
                                <option value="Web / UX Designers">Web / UX Designers</option>
                                <option value="Artist (Others)">Artist (Others)</option>
                                <optgroup label="Beauty &amp; Fashion"></optgroup>
                                <option value="Beautician">Beautician</option>
                                <option value="Fashion Designer">Fashion Designer</option>
                                <option value="Hairstylist">Hairstylist</option>
                                <option value="Jewellery Designer">Jewellery Designer</option>
                                <option value="Designer (Others)">Designer (Others)</option>
                                <optgroup label="BPO / KPO"></optgroup>
                                <option value="Customer Support / BPO / KPO Professional">Customer Support / BPO / KPO Professional</option>
                                <optgroup label="Civil Services"></optgroup>
                                <option value="IAS / IRS / IES / IFS">IAS / IRS / IES / IFS</option>
                                <option value="Indian Police Services (IPS)">Indian Police Services (IPS)</option>
                                <option value="Law Enforcement Employee (Others)">Law Enforcement Employee (Others)</option>
                                <optgroup label="Defense Services"></optgroup>
                                <option value="Airforce">Airforce</option>
                                <option value="Army">Army</option>
                                <option value="Navy">Navy</option>
                                <option value="Defense Services (Others)">Defense Services (Others)</option>
                                <optgroup label="Education &amp; Training"></optgroup>
                                <option value="Lecturer">Lecturer</option>
                                <option value="Professor">Professor</option>
                                <option value="Research Assistant">Research Assistant</option>
                                <option value="Research Scholar">Research Scholar</option>
                                <option value="Teacher">Teacher</option>
                                <option value="Training Professional (Others)">Training Professional (Others)</option>
                                <optgroup label="Engineering (Non IT)"></optgroup>
                                <option value="Civil Engineer">Civil Engineer</option>
                                <option value="Electronics / Telecom Engineer">Electronics / Telecom Engineer</option>
                                <option value="Mechanical / Production Engineer">Mechanical / Production Engineer</option>
                                <option value="Non IT Engineer (Others)">Non IT Engineer (Others)</option>
                                <optgroup label="Food &amp; Hospitality"></optgroup>
                                <option value="Chef / Sommelier / Food Critic">Chef / Sommelier / Food Critic</option>
                                <option value="Catering Professional">Catering Professional</option>
                                <option value="Hotel &amp; Hospitality Professional (Others)">Hotel &amp; Hospitality Professional (Others)</option>
                                <optgroup label="IT / Software"></optgroup>
                                <option value="Software Developer / Programmer">Software Developer / Programmer</option>
                                <option value="Software Consultant">Software Consultant</option>
                                <option value="Hardware &amp; Networking professional">Hardware &amp; Networking professional</option>
                                <option value="Software Professional (Others)">Software Professional (Others)</option>
                                <optgroup label="Legal"></optgroup>
                                <option value="Lawyer">Lawyer</option>
                                <option value="Legal Assistant">Legal Assistant</option>
                                <option value="Legal Professional (Others)">Legal Professional (Others)</option>
                                <optgroup label="Medical &amp; Healthcare"></optgroup>
                                <option value="Dentist">Dentist</option>
                                <option value="Doctor">Doctor</option>
                                <option value="Medical Transcriptionist">Medical Transcriptionist</option>
                                <option value="Nurse">Nurse</option>
                                <option value="Pharmacist">Pharmacist</option>
                                <option value="Physician Assistant">Physician Assistant</option>
                                <option value="Physiotherapist / Occupational Therapist">Physiotherapist / Occupational Therapist</option>
                                <option value="Psychologist">Psychologist</option>
                                <option value="Surgeon">Surgeon</option>
                                <option value="Veterinary Doctor">Veterinary Doctor</option>
                                <option value="Therapist (Others)">Therapist (Others)</option>
                                <option value="Medical / Healthcare Professional (Others)">Medical / Healthcare Professional (Others)</option>
                                <optgroup label="Merchant Navy"></optgroup>
                                <option value="Merchant Naval Officer">Merchant Naval Officer</option>
                                <option value="Mariner">Mariner</option>
                                <optgroup label="Sales &amp; Marketing"></optgroup>
                                <option value="Marketing Professional">Marketing Professional</option>
                                <option value="Sales Professional">Sales Professional</option>
                                <optgroup label="Science &amp; Research"></optgroup>
                                <option value="Biologist / Botanist">Biologist / Botanist</option>
                                <option value="Physicist">Physicist</option>
                                <option value="Science Professional (Others)">Science Professional (Others)</option>
                                <optgroup label="Top Management"></optgroup>
                                <option value="CxO / Chairman / Director / President">CxO / Chairman / Director / President</option>
                                <option value="VP / AVP / GM / DGM">VP / AVP / GM / DGM</option>
                                <option value="Sr. Manager / Manager">Sr. Manager / Manager</option>
                                <option value="Consultant / Supervisor / Team Leads">Consultant / Supervisor / Team Leads</option>
                                <option value="Team Member / Staff">Team Member / Staff</option>
                                <optgroup label="Others"></optgroup>
                                <option value="Agent / Broker / Trader / Contractor">Agent / Broker / Trader / Contractor</option>
                                <option value="Business Owner / Entrepreneur">Business Owner / Entrepreneur</option>
                                <option value="Politician">Politician</option>
                                <option value="Social Worker / Volunteer / NGO">Social Worker / Volunteer / NGO</option>
                                <option value="Sportsman">Sportsman</option>
                                <option value="Travel &amp; Transport Professional">Travel &amp; Transport Professional</option>
                                <option value="Writer">Writer</option>
                                <option value="Student">Student</option>
                                <option value="Retired">Retired</option>
                                <option value="Not working">Not working</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Industry</label>
                            <select name="p_industry" id="p_industry" class="form-control">
                                <option value="">-- Select Industry --</option>
                                <option value="Private Company">Private Company</option>
                                <option value="Government / Public Sector">Government / Public Sector</option>
                                <option value="Defense / Civil Services">Defense / Civil Services</option>
                                <option value="Business / Self Employed">Business / Self Employed</option>
                                <option value="Other">Other</option>
                                <option value="Non Working">Not Working</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Min Income</label>
                            <select name="p_income" id="p_income" class="form-control">
                                <option value="">-- Select Min Income --</option>
                                <option value="Below 1 Lakh">Below 1 Lakh</option>
                                <option value="1 Lakh">1 Lakh</option>
                                <option value="2 Lakhs">2 Lakhs</option>
                                <option value="4 Lakhs">4 Lakhs</option>
                                <option value="7 Lakhs">7 Lakhs</option>
                                <option value="10 Lakhs">10 Lakhs</option>
                                <option value="15 Lakhs">15 Lakhs</option>
                                <option value="20 Lakhs">20 Lakhs</option>
                                <option value="30 Lakhs">30 Lakhs</option>
                                <option value="50 Lakhs">50 Lakhs</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Max Income</label>
                            <select name="p_max_income" id="p_max_income" class="form-control">
                                <option value="">-- Select Max Income --</option>
                                <option value="Below 1 Lakh">Below 1 Lakh</option>
                                <option value="1 Lakh">1 Lakh</option>
                                <option value="2 Lakhs">2 Lakhs</option>
                                <option value="4 Lakhs">4 Lakhs</option>
                                <option value="7 Lakhs">7 Lakhs</option>
                                <option value="10 Lakhs">10 Lakhs</option>
                                <option value="15 Lakhs">15 Lakhs</option>
                                <option value="20 Lakhs">20 Lakhs</option>
                                <option value="30 Lakhs">30 Lakhs</option>
                                <option value="50 Lakhs">50 Lakhs</option>
                                <option value="75 Lakhs">75 Lakhs</option>
                                <option value="1 Crore">1 Crore</option>
                                <option value="above 1 Crore">Above 1 Crore</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

<div class="card-section">
                <div class="form-section-header">Location Preferences</div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Country</label>
                            <select name="p_country" id="p_country" class="form-control">
                                <option value="">-- Select Country --</option>
                                <?php
                                $sql_country = "SELECT * FROM countries WHERE name = 'India'";
                                $result_country = mysqli_query($conn, $sql_country);
                                if (mysqli_num_rows($result_country) > 0) {
                                    foreach ($result_country as $row) {
                                        ?>
                                        <option value="<?=$row['name']?>"><?=$row['name']?></option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>City</label>
                            <select name="p_city" id="p_city" class="form-control">
                                <option value="">-- Select City --</option>
                                <option value="Mumbai">Mumbai</option>
                                <option value="Pune">Pune</option>
                                <option value="Nashik">Nashik</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="field-wrapper">
                            <label>Location</label>
                            <input type="text" name="p_location" id="p_location" class="form-control" placeholder="Location">
                        </div>
                    </div>
                </div>
            </div>

<div class="card-section">
                <div class="form-section-header">Other Details</div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Drinking</label>
                            <select name="p_drinking" id="p_drinking" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="Occasionally">Occasionally</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Smoking</label>
                            <select name="p_smoking" id="p_smoking" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="Occasionally">Occasionally</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Physically Challenged</label>
                            <select name="p_physically" id="p_physically" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Marry to Other Cast</label>
                            <select name="p_marry_to_other_cast" id="p_marry_to_other_cast" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Mangal</label>
                            <select name="p_mangal" id="p_mangal" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Horoscope</label>
                            <select name="p_horoscope" id="p_horoscope" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Diet</label>
                            <select name="p_diet" id="p_diet" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Veg">Veg</option>
                                <option value="Non-Veg">Non-Veg</option>
                                <option value="Occasionally Non-Veg">Occasionally Non-Veg</option>
                                <option value="Eggetarian">Eggetarian</option>
                                <option value="Jain">Jain</option>
                                <option value="Vegan">Vegan</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Build</label>
                            <select name="p_build" id="p_build" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Slim">Slim</option>
                                <option value="Athletic">Athletic</option>
                                <option value="Average">Average</option>
                                <option value="Heavy">Heavy</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Complexion</label>
                            <select name="p_complexion" id="p_complexion" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Fair">Fair</option>
                                <option value="Whetiesh">Whetiesh</option>
                                <option value="Medium">Medium</option>
                                <option value="Dark">Dark</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="field-wrapper">
                            <label>Ready to Settle Abroad</label>
                            <select name="p_ready_to_settle_abroad" id="p_ready_to_settle_abroad" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="Any">Any</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="field-wrapper">
                            <label>Other Expectation</label>
                            <input type="text" name="p_other_expectation" id="p_other_expectation" class="form-control" placeholder="Other Expectations">
                        </div>
                    </div>
                </div>
            </div>

<div class="text-center" style="margin-top: 30px;">
                <button type="submit" class="btn-save-pref">
                    <i class="icofont-save"></i> Save Partner Preferences
                </button>
            </div>
        </form>
    </div>
</div>

<div class="tab-pane fade" id="photos" role="tabpanel" aria-labelledby="nav-photos-tab">
    <style type="text/css">
        /* Photo Gallery Styles */
        .current-profile-section {
            background: #cd4252;
            border-radius: 15px;
            padding: 25px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(205, 66, 82, 0.3);
        }
        .photo-card {
            position: relative;
            margin-bottom: 25px;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background: #fff;
        }
        .photo-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }
        .photo-card .photo-wrapper {
            position: relative;
            width: 100%;
            height: 280px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .photo-card .photo-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .photo-card:hover .photo-wrapper img {
            transform: scale(1.05);
        }
        .photo-card.profile-active .photo-wrapper {
            border: 4px solid #cd4252;
            border-radius: 15px 15px 0 0;
        }
        .photo-actions {
            padding: 15px;
            background: #fff;
            text-align: center;
        }
        .photo-actions .btn-group {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .btn-modern {
            padding: 10px 20px;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }
        .btn-modern:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .btn-set-profile {
            background: #cd4252;
            color: #fff;
        }
        .btn-set-profile:hover {
            background: #b83847;
            color: #fff;
        }
        .btn-delete {
            background: #e74c3c;
            color: #fff;
        }
        .btn-delete:hover {
            background: #c0392b;
            color: #fff;
        }
        .btn-current-profile {
            background: #cd4252;
            color: #fff;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            box-shadow: 0 3px 10px rgba(205, 66, 82, 0.3);
        }
        .upload-card {
            position: relative;
            margin-bottom: 25px;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #f5f7fa 0%, #ffe5e8 100%);
            border: 3px dashed #cd4252;
            height: 280px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .upload-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(205, 66, 82, 0.3);
            border-color: #b83847;
        }
        .upload-card .upload-icon {
            width: 80px;
            height: 80px;
            background: #cd4252;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            box-shadow: 0 5px 15px rgba(205, 66, 82, 0.4);
            transition: all 0.3s ease;
        }
        .upload-card:hover .upload-icon {
            transform: scale(1.1) rotate(90deg);
        }
        .upload-card .upload-icon i {
            font-size: 40px;
            color: #fff;
        }
        .upload-card .upload-text {
            color: #cd4252;
            font-weight: 600;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .no-profile-placeholder {
            height: 280px;
            width: 100%;
            border: 3px dashed #ddd;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
            color: #999;
            font-size: 16px;
        }
        .no-profile-placeholder i {
            font-size: 48px;
            margin-bottom: 10px;
            opacity: 0.5;
        }
    </style>
    
    
    <div class="current-profile-section">
        <div class="widget-heading">
            <div>
                <h3 style="font-size: 20px!important; color: #fff!important;">
                    <i class="icofont-image" style="margin-right: 10px;"></i>Current Profile Image
                </h3>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-4 col-6">
                <div class="photo-card profile-active">
                    <?php 
                    $img_path = '../admin/images/members/';
                    $current_profile_img = '';
                    $user_id_escaped_profile = mysqli_real_escape_string($conn, $user_id);
                    $sql_current_profile = "SELECT profile_img FROM profile_images WHERE user_id = '$user_id_escaped_profile'";
                    $result_current_profile = mysqli_query($conn, $sql_current_profile);
                    if ($result_current_profile && mysqli_num_rows($result_current_profile) > 0) {
                        $row_profile = mysqli_fetch_assoc($result_current_profile);
                        $current_profile_img = $row_profile['profile_img'];
                    }
                    if (!empty($current_profile_img)) {
                        ?>
                        <div class="photo-wrapper">
                            <a href="<?=$img_path?><?=$current_profile_img?>" class="popup-zoom">
                                <img src="<?=$img_path?><?=$current_profile_img?>" alt="Current Profile Image">
                            </a>
                        </div>
                        <div class="photo-actions">
                            <span class="btn-current-profile">
                                <i class="icofont-check-circled"></i> Current Profile
                            </span>
                        </div>
                        <?php
                    } else {
                        ?>
                        <div class="no-profile-placeholder">
                            <i class="icofont-user"></i>
                            <span>No Profile Image</span>
                        </div>
                        <?php
                    }
                    ?>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="block-box user-about" style="margin-top: 20px;">
        <div class="widget-heading">
            <div>
                <h3 style="font-size: 24px!important; margin-bottom: 25px;">
                    <i class="icofont-picture" style="margin-right: 10px; color: #cd4252;"></i>Photo Gallery
                </h3>
            </div>
        </div>
        <div class="row gutters-20 zoom-gallery" id="fetchPhotos">
            <?php 
            $total = 0;
            $img_path = '../admin/images/members/';
            
            // Check if photo_gallery table exists, create if not
            $table_check = mysqli_query($conn, "SHOW TABLES LIKE 'photo_gallery'");
            if (!$table_check || mysqli_num_rows($table_check) == 0) {
                $sql_create_table = "CREATE TABLE IF NOT EXISTS `photo_gallery` (
                  `photo_id` int(11) NOT NULL AUTO_INCREMENT,
                  `user_id` int(11) NOT NULL,
                  `img_name` varchar(255) NOT NULL,
                  `status` int(11) DEFAULT '1',
                  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
                  PRIMARY KEY (`photo_id`),
                  KEY `user_id` (`user_id`)
                ) ENGINE=InnoDB DEFAULT CHARSET=utf8";
                mysqli_query($conn, $sql_create_table);
            }
            
            $user_id_escaped = mysqli_real_escape_string($conn, $user_id);
            $sql_fetch_gallery = "SELECT * FROM photo_gallery WHERE user_id = '$user_id_escaped' AND status = '1'";
            $result_fetch_gallery = mysqli_query($conn, $sql_fetch_gallery);
            if (mysqli_num_rows($result_fetch_gallery) > 0) {
                foreach ($result_fetch_gallery as $row) {
                    $total++;
                    $is_current_profile = ($row['img_name'] == $current_profile_img);
                    ?>
                    <div class="col-lg-3 col-md-4 col-6">
                        <div class="photo-card <?=$is_current_profile ? 'profile-active' : ''?>">
                            <div class="photo-wrapper">
                                <a href="<?=$img_path?><?=$row['img_name']?>" class="popup-zoom">
                                    <img src="<?=$img_path?><?=$row['img_name']?>" alt="Soulmeet Vivah">
                                </a>
                            </div>
                            <div class="photo-actions">
                                <div class="btn-group">
                                    <?php if ($is_current_profile) { ?>
                                        <span class="btn-current-profile">
                                            <i class="icofont-check-circled"></i> Current Profile
                                        </span>
                                    <?php } else { ?>
                                        <button class="btn-modern btn-set-profile set_profile_photo" data-photo-id="<?=$row['photo_id']?>" data-img-name="<?=$row['img_name']?>">
                                            <i class="icofont-image"></i> Set as Profile
                                        </button>
                                    <?php } ?>
                                    <button class="btn-modern btn-delete delete_photo" id="<?=$row['photo_id']?>">
                                        <i class="icofont-trash"></i> Delete
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div> 
                    <?php
                }
            }
            ?>                        
            
            <?php 
            if ($total < 4) {
                ?>
                <div class="col-lg-3 col-md-4 col-6">
                    <div class="upload-card" id="upload_photo_tab">
                        <div class="upload-icon">
                            <i class="icofont-plus"></i>
                        </div>
                        <div class="upload-text">Upload Image</div>
                    </div>
                </div> 
                <?php
            }
            ?>
        </div>
    </div>
</div>

<div class="tab-pane fade" id="media" role="tabpanel" aria-labelledby="nav-media-tab">
    <style type="text/css">
        .user-info {
            list-style: none;
            padding: 0;
        }
        .user-info li {
            padding: 15px;
            border-bottom: 1px solid #e0e0e0;
            transition: all 0.3s;
        }
        .user-info li:last-child {
            border-bottom: none;
        }
        .user-info li:hover {
            background: #f9f9f9;
            font-weight: bold;
        }
        .user-info li a {
            text-decoration: none;
            color: #333;
            display: flex;
            align-items: center;
        }
        .user-info li a label {
            margin: 0;
            cursor: pointer;
            font-weight: normal;
        }
        .user-info li a i {
            margin-right: 10px;
            font-size: 18px;
            color: #cd4252;
        }
        .user-info li a:hover label {
            font-weight: bold;
        }
    </style>
    
    <div class="block-box user-about">
        <div class="widget-heading">
            <div>
                <h3 style="font-size: 18px!important;">Settings</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <ul class="user-info">
                    <li>
                        <a href="change-profile-or-cover-image">
                            <label><i class="icofont-ui-image"></i>&nbsp;&nbsp;Change Profile /Cover Image</label>
                        </a>
                    </li>
                    <li>
                        <a href="change-email">
                            <label><i class="icofont-ui-email"></i>&nbsp;&nbsp;Change Email</label>
                        </a>
                    </li>
                    <li>
                        <a href="change-password">
                            <label><i class="icofont-lock"></i>&nbsp;&nbsp;Change Password</label>
                        </a>
                    </li>
                    <li>
                        <a href="privacy">
                            <label><i class="fa-solid fa-user-lock"></i>&nbsp;&nbsp;Privacy</label>
                        </a>
                    </li>
                    <li>
                        <a href="deactive-profile">
                            <label><i class="fa-regular fa-eye-slash"></i>&nbsp;&nbsp;Deactive Profile</label>
                        </a>
                    </li>
                    <li>
                        <a href="delete-account">
                            <label><i class="fa-regular fa-trash-can"></i>&nbsp;&nbsp;Delete Account</label>
                        </a>
                    </li>
                    <li>
                        <a href="logout">
                            <label><i class="fa-solid fa-arrow-right-from-bracket"></i>&nbsp;&nbsp;Logout</label>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div style="display:none;">
<div class="tab-content" id="myTabContent">

<div class="tab-pane fade show active" id="all-media"
role="tabpanel" aria-labelledby="all-media-tab">
<div class="media-title">
    <h3>Media Gallery</h3>
</div>
<div class="media-content">
    <ul class="media-upload">
        <li class="upload-now">
            <div class="custom-upload">
                <div class="file-btn"><i
                        class="icofont-upload-alt"></i>
                    Upload</div>
                <input type="file">
            </div>
        </li>
    </ul>
    <div
        class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 row-cols-xl-4 g-3">
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/01.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/02.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/03.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/04.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/05.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/06.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/07.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/08.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/09.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/10.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/11.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/12.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/03.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/02.jpg"
                    alt="img">
            </div>
        </div>
    </div>
    <div class="load-btn">
        <a href="#" class="lab-btn">Load More<i
                class="icofont-spinner"></i></a>
    </div>
</div>
</div>

<div class="tab-pane fade" id="album" role="tabpanel"
aria-labelledby="album-tab">
<div class="media-title">
    <h3>Album Lists</h3>
</div>
<div class="media-content">
    <ul class="media-upload">
        <li class="upload-now">
            <div class="custom-upload">
                <div class="file-btn"><i
                        class="icofont-upload-alt"></i>
                    Upload</div>
                <input type="file">
            </div>
        </li>
    </ul>
    <div class="row g-4">
        <div class="col-lg-4 col-sm-6">
            <div class="album text-center">
                <div class="album-thumb">
                    <a href="#">
                        <img src="assets/images/member/02.jpg"
                            alt="album">
                    </a>
                </div>
                <div class="album-content">
                    <h6>Private</h6>

</div>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="album text-center">
                <div class="album-thumb">
                    <a href="#">
                        <img src="assets/images/member/03.jpg"
                            alt="album">
                    </a>
                </div>
                <div class="album-content">
                    <h6>Crush</h6>

</div>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="album text-center">
                <div class="album-thumb">
                    <a href="#">
                        <img src="assets/images/member/06.jpg"
                            alt="album">
                    </a>
                </div>
                <div class="album-content">
                    <h6>Public</h6>

</div>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="album text-center">
                <div class="album-thumb">
                    <a href="#">
                        <img src="assets/images/member/08.jpg"
                            alt="album">
                    </a>
                </div>
                <div class="album-content">
                    <h6>Favorite</h6>

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

</div>
    <div class="load-btn">
        <a href="#" class="lab-btn">Load More<i
                class="icofont-spinner"></i></a>
    </div>
</div>
</div>

<div class="tab-pane fade" id="photos-media" role="tabpanel"
aria-labelledby="photos-media-tab">
<div class="media-title">
    <h2>All Photos</h2>
</div>
<div class="media-content">
    <ul class="media-upload">
        <li class="upload-now">
            <div class="custom-upload">
                <div class="file-btn"><i
                        class="icofont-upload-alt"></i>
                    Upload</div>
                <input type="file">
            </div>
        </li>
    </ul>
    <div
        class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 row-cols-xl-4 g-3">
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/01.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/02.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/03.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/04.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/05.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/06.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/07.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/08.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/09.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/10.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/11.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/12.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/03.jpg"
                    alt="img">
            </div>
        </div>
        <div class="col">
            <div class="media-thumb">
                <img src="assets/images/member/02.jpg"
                    alt="img">
            </div>
        </div>
    </div>
    <div class="load-btn">
        <a href="#" class="lab-btn">Load More<i
                class="icofont-spinner"></i></a>
    </div>
</div>
</div>

<div class="tab-pane fade" id="video" role="tabpanel"
aria-labelledby="video-tab">
<div class="media-title">
    <h3>All Videos</h3>
</div>
<div class="media-content">
    <ul class="media-upload">
        <li class="upload-now">
            <div class="custom-upload">
                <div class="file-btn"><i
                        class="icofont-upload-alt"></i>
                    Upload</div>
                <input type="file">
            </div>
        </li>
    </ul>
    <div class="row">
        <div class="col">
            <p><i class="icofont-worried"></i> Sorry !!
                There's no media found for the
                request !! </p>
        </div>
    </div>
    <div class="load-btn">
        <a href="#" class="lab-btn">Load More<i
                class="icofont-spinner"></i></a>
    </div>
</div>
</div>

<div class="tab-pane fade" id="music" role="tabpanel"
aria-labelledby="music-tab">
<div class="media-title">
    <h3>All Music</h3>
</div>
<div class="media-content">
    <ul class="media-upload">
        <li class="upload-now">
            <div class="custom-upload">
                <div class="file-btn"><i
                        class="icofont-upload-alt"></i>
                    Upload</div>
                <input type="file">
            </div>
        </li>
    </ul>
    <div class="row">
        <div class="col">
            <p><i class="icofont-worried"></i> Sorry !!
                There's no media found for the
                request !! </p>
        </div>
    </div>
    <div class="load-btn">
        <a href="#" class="lab-btn">Load More<i
                class="icofont-spinner"></i></a>
    </div>
</div>
</div>
</div>

</div>
</article>
</div>


</section>

<form id="imageUploadForm" enctype="multipart/form-data">
    <div class="modal fade" id="uploadphotomodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header" style="background: #cd4252; color: #fff; border-radius: 15px 15px 0 0;">
                    <h5 class="modal-title" id="exampleModalLabel">Upload Image</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: #fff;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p style="color: #666; margin-bottom: 20px; font-size: 14px;">
                        <i class="icofont-info-circle" style="margin-right: 5px;"></i>
                        Select an image from your device. Maximum file size: 5MB. Supported formats: JPG, PNG, GIF
                    </p>
                    <div style="text-align: center;">
                        <button type="button" class="btn-choose-image" onclick="$('#choose_img').click();" style="background: #cd4252; color: #fff; border: none; padding: 12px 25px; border-radius: 8px; font-weight: 600; cursor: pointer;">
                            <i class="icofont-upload" style="margin-right: 8px;"></i> Choose Image
                        </button>
                    </div>
                    <div class="preview-image-container">
                        <img class="profile_img" id="profile_img" src="" style="display: none; max-width: 100%; max-height: 400px; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); margin-top: 20px;">              
                    </div>
                    <input style="display: none;" type="file" name="profileImage" id="choose_img" accept="image/jpeg,image/jpg,image/png,image/gif">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary modal_close_btn" data-dismiss="modal" style="border-radius: 8px; padding: 10px 20px;">
                        <i class="icofont-close" style="margin-right: 5px;"></i> Close
                    </button>
                    <button type="submit" id="uploadBtn" class="btn-choose-image" style="background: #cd4252; color: #fff; border: none; padding: 10px 25px; border-radius: 8px; font-weight: 600; cursor: pointer;">
                        <i class="icofont-upload" style="margin-right: 8px;"></i> Upload
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>

// Upload photo button click
$(document).on('click', '#upload_photo_tab', function() {
    $('#uploadphotomodal').modal('show');
});

// Reset form when modal is closed
$('#uploadphotomodal').on('hidden.bs.modal', function () {
    $('#imageUploadForm')[0].reset();
    $('#profile_img').hide().attr('src', '');
    $('#uploadBtn').prop('disabled', false).html('<i class="icofont-upload" style="margin-right: 8px;"></i> Upload');
});

$('#choose_img').change(function() {
    if (this.files && this.files[0]) {
        var file = this.files[0];
        if (file.size > 5 * 1024 * 1024) {
            alert('File size exceeds 5MB limit. Please choose a smaller file.');
            $(this).val('');
            return;
        }
        var allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif'];
        if (!allowedTypes.includes(file.type)) {
            alert('Invalid file type. Only JPEG, PNG, and GIF are allowed.');
            $(this).val('');
            return;
        }
        var reader = new FileReader();
        reader.onload = function(e) {
            $('#profile_img').attr('src', e.target.result).show();
        };
        reader.readAsDataURL(file);
    }
});

$(document).ready(function(){
    $("#imageUploadForm").submit(function(e){
        e.preventDefault();
        var fileInput = document.getElementById('choose_img');
        if (!fileInput.files || !fileInput.files[0]) {
            alert('Please select an image to upload.');
            return;
        }
        var formData = new FormData(this);
        formData.append('user_id', '<?=$user_id?>');
        $('#uploadBtn').prop('disabled', true).html('<i class="icofont-upload" style="margin-right: 8px;"></i> Uploading...');
        $.ajax({
            url: 'php/update_photos.php',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response){
                $('#uploadBtn').prop('disabled', false).html('<i class="icofont-upload" style="margin-right: 8px;"></i> Upload');
                $('#uploadphotomodal').modal('hide');
                alert(response);
                location.reload();
            },
            error: function(xhr, status, error){
                $('#uploadBtn').prop('disabled', false).html('<i class="icofont-upload" style="margin-right: 8px;"></i> Upload');
                alert('Error uploading image. Please try again.');
            }
        });
    });
});

// Delete photo
$(document).on('click', '.delete_photo', function(){
    if (!confirm('Are you sure you want to delete this photo?')) {
        return;
    }
    var id = $(this).attr("id");
    var button = $(this);
    button.prop('disabled', true).html('<i class="icofont-trash"></i> Deleting...');
    $.ajax({
        url:'php/delete_photo.php',
        method:'POST',
        data:{id:id, user_id: '<?=$user_id?>'},
        success:function(res){
            if (res.trim().includes('successfully')) {
                alert('Photo deleted successfully!');
                location.reload();
            } else {
                alert('Failed to delete photo. ' + res);
                button.prop('disabled', false).html('<i class="icofont-trash"></i> Delete');
            }
        },
        error: function() {
            alert('Error deleting photo. Please try again.');
            button.prop('disabled', false).html('<i class="icofont-trash"></i> Delete');
        }
    });
});

// Set photo as profile image
$(document).on('click', '.set_profile_photo', function(){
    var photo_id = $(this).data('photo-id');
    var img_name = $(this).data('img-name');
    var button = $(this);
    if(confirm("Set this photo as your profile image?")) {
        button.prop('disabled', true).html('<i class="icofont-image"></i> Setting...');
        $.ajax({
            url:'php/set_profile_from_gallery.php',
            method:'POST',
            data:{
                photo_id: photo_id,
                img_name: img_name,
                user_id: '<?=$user_id?>'
            },
            success:function(res){
                if(res.trim() == '1') {
                    alert("Profile image updated successfully!");
                    location.reload();
                } else {
                    alert("Error: " + res);
                    button.prop('disabled', false).html('<i class="icofont-image"></i> Set as Profile');
                }
            },
            error:function(xhr, status, error){
                alert("An error occurred. Please try again.");
                button.prop('disabled', false).html('<i class="icofont-image"></i> Set as Profile');
            }
        });
    }
});

// Function to load partner preferences
function loadPartnerPreferences() {
    var userId = '<?=isset($user_id) ? $user_id : ""?>';
    console.log('Loading partner preferences for user:', userId);
    $.ajax({
        url: 'php/fetch_partner_preferences.php',
        method: 'POST',
        data: { user_id: '<?=$user_id?>' },
        dataType: 'json',
        success: function(response) {
            console.log('Partner preferences response:', response);
            if (response.status == 1 && response.data) {
                var data = response.data;
                console.log('Populating form with data:', data);
                // Populate form fields
                $('#p_age_min').val(data.age_min || '').trigger('change');
                $('#p_age_max').val(data.age_max || '').trigger('change');
                $('#p_height_min').val(data.height_min || '').trigger('change');
                $('#p_height_max').val(data.height_max || '').trigger('change');
                $('#p_marital_status').val(data.marital_status || '').trigger('change');
                $('#p_mother_tongue').val(data.mother_tongue || '').trigger('change');
                $('#p_religion').val(data.religion || '').trigger('change');
                $('#p_caste').val(data.caste || '').trigger('change');
                $('#p_sub_caste').val(data.sub_caste || '');
                $('#p_education').val(data.education || '').trigger('change');
                $('#p_profession').val(data.profession || '').trigger('change');
                $('#p_industry').val(data.industry || '').trigger('change');
                $('#p_income').val(data.income || '').trigger('change');
                $('#p_max_income').val(data.max_income || '').trigger('change');
                $('#p_country').val(data.country || '').trigger('change');
                $('#p_city').val(data.city || '').trigger('change');
                $('#p_location').val(data.location || '');
                $('#p_drinking').val(data.drinking || '').trigger('change');
                $('#p_smoking').val(data.smoking || '').trigger('change');
                $('#p_physically').val(data.physically_challenged || '').trigger('change');
                $('#p_marry_to_other_cast').val(data.marry_to_other_cast || '').trigger('change');
                $('#p_mangal').val(data.mangal || '').trigger('change');
                $('#p_horoscope').val(data.horoscope || '').trigger('change');
                $('#p_diet').val(data.diet || '').trigger('change');
                $('#p_build').val(data.build || '').trigger('change');
                $('#p_complexion').val(data.complexion || '').trigger('change');
                $('#p_ready_to_settle_abroad').val(data.ready_to_settle_abroad || '').trigger('change');
                $('#p_other_expectation').val(data.other_expectation || '');
                console.log('Form populated successfully');
            } else {
                console.log('No preferences found, clearing form');
                // Clear all fields if no data found
                $('#partnerPreferencesForm')[0].reset();
            }
        },
        error: function(xhr, status, error) {
            console.error('Error loading partner preferences:', error);
            console.error('Response:', xhr.responseText);
        }
    });
}

// Partner Preferences - Fetch existing data when tab is shown
$(document).ready(function() {
    // Load preferences immediately if tab is already active
    if ($('#groups').hasClass('active') || $('#groups').hasClass('show')) {
        loadPartnerPreferences();
    }
    
    // Listen for Bootstrap 5 tab shown event
    var groupsTabElement = document.getElementById('groups');
    if (groupsTabElement) {
        groupsTabElement.addEventListener('shown.bs.tab', function (e) {
            loadPartnerPreferences();
        });
    }
    
    // Listen for Bootstrap 4 tab shown event (fallback)
    $('#groups').on('shown.bs.tab', function (e) {
        loadPartnerPreferences();
    });
    
    // Listen on button click (additional fallback)
    $('#nav-groups-tab').on('click', function() {
        setTimeout(function() {
            loadPartnerPreferences();
        }, 200);
    });
    
    // Also trigger on any tab change to groups
    $('button[data-bs-target="#groups"]').on('click', function() {
        setTimeout(function() {
            loadPartnerPreferences();
        }, 200);
    });
});

// Partner Preferences Form Submission
$(document).ready(function(){
    $("#partnerPreferencesForm").submit(function(e){
        e.preventDefault();
        var formData = $(this).serialize();
        var submitBtn = $(this).find('button[type="submit"]');
        submitBtn.prop('disabled', true).html('<i class="icofont-spinner-alt-4"></i> Saving...');
        
        $.ajax({
            url: 'php/update_partner_preferences.php',
            type: 'POST',
            data: formData,
            dataType: 'json',
            success: function(response){
                submitBtn.prop('disabled', false).html('<i class="icofont-save"></i> Save Partner Preferences');
                if (response.status == 1) {
                    alert(response.message);
                    // Reload preferences data after successful save
                    loadPartnerPreferences();
                } else {
                    alert('Error: ' + response.message);
                }
            },
            error: function(xhr, status, error){
                submitBtn.prop('disabled', false).html('<i class="icofont-save"></i> Save Partner Preferences');
                console.error('AJAX Error:', status, error, xhr.responseText);
                alert('Error saving partner preferences. Please try again.');
            }
        });
    });
});
</script>

<?php 
include('footer.php');
?>