EVOLUTION-NINJA

Edit File: profile.php

<?php echo view('includes/headerSidebar'); ?>

/* Style table */
#datatable {
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px; /* Adjust font size */
    background-color: #fff;
}

/* Header styling */
#datatable thead {
    background-color: #f4f4f4;
    color: #333;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
}

/* Row styling */
#datatable tbody tr {
    border-bottom: 1px solid #ddd;
}

#datatable tbody tr:hover {
    background-color: #f9f9f9; /* Highlight on hover */
}

/* Action buttons */
.crud--buttons .btn {
    margin: 0 5px; /* Small spacing between buttons */
    font-size: 12px; /* Smaller font for buttons */
    padding: 5px 10px; /* Compact button size */
    border-radius: 3px;
}

/* Eye icon button */
.view--butt {
    color: #fff;
    background-color: #17a2b8; /* Bootstrap 'info' color */
    border: none;
}

/* Menu icon button */
.menu--butt {
    color: #fff;
    background-color: #6c757d; /* Bootstrap 'secondary' color */
    border: none;
}

/* Icon sizes */
.fas {
    font-size: 14px;
    vertical-align: middle;
}

/* Serial number column */
#datatable td:first-child {
    text-align: center;
    font-weight: bold;
}

.mainheading {
        padding: 8px 17px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        color: #15283C;
        font-size: 18px;
        font-weight: 500;

}
    
    
</style>

<div id="main" class="p-4">
    
<section class="home-section fullpage">
    <div class="home-content">
        <i class='bx bx-menu'></i>
        
    </div>
    
     
    <div class="row m-0">
        <div class="col-sm-12">
             <div class="mainheading mb-3">Promoter Profile</div>
            
        </div>
    </div>
<br>
    <div class=" detail_prof">
            <form id="form2" class="profile_for">

<div class="row">
        <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
            <div class="form-group">
                <label for="name">First Name</label>
                <input type="text" class="form-control" id="name" name="name">
            </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" class="form-control" id="email" name="email">
            </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
            <div class="form-group">
                <label for="phone">Mobile</label>
                <input type="text" class="form-control" id="phone" name="phone">
            </div>
        </div>

<div class="col-sm-12 col-md-6 col-lg-4 mb-2">
            <div class="form-group">
                <label for="address">Address</label>
                <input type="text" class="form-control" id="address" name="address">
            </div>
        </div>

<div class="col-sm-12 col-md-6 col-lg-4 mb-2">
            <div class="form-group">
                <label for="state">State</label>
                <input type="text" class="form-control" id="state" name="state">
            </div>
        </div>

</div>

<hr>

</div>
                <hr>
                <p class="prof_paras">Bank Details</p>
                <div class="row">
                    <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="accountNo">Account No</label>
                            <input type="text" class="form-control" id="account_no" 
                                name="account_no">
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="holderName">Account Holder Name</label>
                            <input type="text" class="form-control" id="account_holder_name"  name="account_holder_name">
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="bankName">Bank Name</label>
                            <input type="text" class="form-control" id="bank_name" 
                                name="bank_name">
                        </div>
                    </div>

<div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="ifscCode">IFSC Code</label>
                            <input type="text" class="form-control" id="ifsc"
                                name="ifsc">
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="branch">Branch</label>
                            <input type="text" class="form-control" id="branch"  name="branch">
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="upiId">UPI ID</label>
                            <input type="text" class="form-control" id="upi_id"  name="upi_id">
                        </div>
                    </div>

<div class="col-sm-12 col-md-6 col-lg-4 mb-2">
                        <div class="form-group">
                            <label for="branchAddress">Branch Address</label>
                            <input type="text" class="form-control" id="branch_address" 
                                name="branch_address">
                        </div>
                    </div>

</div>
                <button  class="btn btn-primary" type="submit">Update</button>
          
            </form>
        </div>

<br>

</section>

</div>
</body>

if (response && !response.error) {
            $('#name').val(response.name || '');  // Use .val() instead of .text()
            $('#phone').val(response.phone || ''); 
            $('#email').val(response.email || ''); 
            $('#address').val(response.address || ''); 
            $('#city').val(response.city || ''); 
            $('#state').val(response.state || ''); 
            $('#pincode').val(response.pincode || ''); 
            $('#account_no').val(response.account_no || '');
            $('#account_holder_name').val(response.account_holder_name || '');
            $('#bank_name').val(response.bank_name || '');
            $('#ifsc').val(response.ifsc_code);
            $('#branch').val(response.branch);
            $('#upi_id').val(response.upi_id);
            $('#branch_address').val(response.branch_address);
        } else {
            console.error('Error: No data found');
        }
    },
    error: function(xhr, status, error) {
        console.log('Error fetching data:', error); // Log any errors
    }
});

</script>

$(document).ready(function () {
    $.ajax({
        url: '<?php echo base_url("fetch-scheme"); ?>', 
        method: 'GET',
        success: function (response) {
          
            if (response.length > 0) {
                var options = '<option value="">Select Scheme</option>'; 
               
                $.each(response, function (key, value) {
                    options += `<option value="${value.id}">${value.scheme}</option>`;
                });
                $('#scheme').html(options); 
            } else {
                // alert('No funds found');
            }
        },
        error: function (xhr, status, error) {
            console.error("Error fetching scheme:", error);
        }
    });
});
</script>

var formData = $(this).serialize();
    $.ajax({
        url: '<?= site_url('update') ?>',
        type: 'POST', // HTTP method
        data: formData, // Form data
        success: function(response) {
            console.log('Response Data:', response);

if (response && !response.error) {
                alert('Profile updated successfully!');
            } else {
                alert('Error saving profile data!');
            }
        },
        error: function(xhr, status, error) {
            
            alert('Error saving profile data!');
        }
    });
});

</script>

</html>