 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/soundstudiopro.com/public_html/ |
<?php
// Debug file to identify country dropdown issues
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Country Dropdown Debug</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; background: #1a1a1a; color: white; }
.debug-section { margin: 20px 0; padding: 20px; border: 1px solid #ccc; border-radius: 5px; }
.test-dropdown { margin: 20px 0; }
.form-control {
background: #2a2a2a;
border: 1px solid #444;
color: white;
padding: 10px;
border-radius: 5px;
width: 100%;
max-width: 300px;
}
.form-control option {
background: #1a1a1a;
color: white;
}
.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.info { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
</style>
</head>
<body>
<h1>Country Dropdown Debug</h1>
<div class="debug-section info">
<h2>Current Page Info</h2>
<p><strong>URL:</strong> <?= $_SERVER['REQUEST_URI'] ?></p>
<p><strong>Session User ID:</strong> <?= $_SESSION['user_id'] ?? 'None' ?></p>
<p><strong>PHP Version:</strong> <?= PHP_VERSION ?></p>
</div>
<div class="debug-section">
<h2>Test Country Dropdown (Should be collapsed)</h2>
<div class="test-dropdown">
<label for="test_country">Test Country:</label>
<select id="test_country" class="form-control">
<option value="">Select Country</option>
<option value="US">United States</option>
<option value="CA">Canada</option>
<option value="UK">United Kingdom</option>
<option value="DE">Germany</option>
<option value="FR">France</option>
</select>
</div>
</div>
<div class="debug-section">
<h2>Test Long Country Dropdown (Should be collapsed)</h2>
<div class="test-dropdown">
<label for="test_long_country">Long Country List:</label>
<select id="test_long_country" class="form-control">
<option value="">Select Country</option>
<option value="AF">Afghanistan</option>
<option value="AX">Aland islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia</option>
<option value="BQ">Bonaire, Sint Eustatius And Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BV">Bouvet Island</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="IC">Canary Islands</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="EA">Ceuta and Melilla</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="CI">Cote D'ivoire</option>
<option value="HR">Croatia</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czechia</option>
<option value="DK">Denmark</option>
<option value="DG">Diego Garcia</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GQ">Equatorial Guinea</option>
<option value="EE">Estonia</option>
<option value="SZ">Eswatini</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands (Malvinas)</option>
<option value="FO">Faroe Islands</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
</select>
</div>
</div>
<div class="debug-section">
<h2>JavaScript Console Check</h2>
<p>Open your browser's Developer Tools (F12) and check the Console tab for any JavaScript errors.</p>
<button onclick="testDropdownBehavior()">Test Dropdown Behavior</button>
<div id="js-results"></div>
</div>
<script>
function testDropdownBehavior() {
const resultsDiv = document.getElementById('js-results');
resultsDiv.innerHTML = '<div class="info">Testing dropdown behavior...</div>';
try {
// Test if select elements are working properly
const testSelect = document.getElementById('test_country');
const longSelect = document.getElementById('test_long_country');
if (testSelect && longSelect) {
// Check if they're properly styled
const computedStyle = window.getComputedStyle(testSelect);
const height = computedStyle.height;
const overflow = computedStyle.overflow;
resultsDiv.innerHTML = `
<div class="success">
<h3>✅ Dropdowns Working</h3>
<p><strong>Height:</strong> ${height}</p>
<p><strong>Overflow:</strong> ${overflow}</p>
<p><strong>Test Select Value:</strong> ${testSelect.value}</p>
<p><strong>Long Select Value:</strong> ${longSelect.value}</p>
</div>
`;
} else {
resultsDiv.innerHTML = `
<div class="error">
<h3>❌ Dropdowns Not Found</h3>
<p>Could not find select elements</p>
</div>
`;
}
} catch (error) {
resultsDiv.innerHTML = `
<div class="error">
<h3>❌ JavaScript Error</h3>
<p><strong>Error:</strong> ${error.message}</p>
</div>
`;
}
}
// Test if there are any global JavaScript errors
window.addEventListener('error', function(e) {
console.error('Global JavaScript error:', e.error);
document.getElementById('js-results').innerHTML = `
<div class="error">
<h3>❌ Global JavaScript Error Detected</h3>
<p><strong>Error:</strong> ${e.error.message}</p>
<p><strong>File:</strong> ${e.filename}</p>
<p><strong>Line:</strong> ${e.lineno}</p>
</div>
`;
});
// Test dropdown change events
document.addEventListener('change', function(e) {
if (e.target.tagName === 'SELECT') {
console.log('Select changed:', e.target.id, 'Value:', e.target.value);
}
});
</script>
</body>
</html>