<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lune Technology - Project Form</title>
<style>
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f9fa; margin: 0; padding: 0; }
header { display: flex; justify-content: center; padding: 25px 0; background-color: #ffffff; border-bottom: 1px solid #ddd; }
.logo { max-width: 280px; height: auto; }
.form-container { max-width: 600px; margin: 40px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.form-group { margin-bottom: 20px; }
label { display: block; font-weight: bold; margin-bottom: 8px; color: #333; }
input[type="text"], input[type="email"], input[type="tel"], textarea {
width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 15px; font-family: inherit;
}
.selection-group { background: #fdfdfd; padding: 12px; border: 1px solid #eee; border-radius: 4px; margin-bottom: 10px; }
.selection-item { display: flex; align-items: center; margin-bottom: 8px; cursor: pointer; }
.selection-item input { width: 18px; height: 18px; margin-right: 10px; cursor: pointer; }
.selection-item label { font-weight: normal; margin-bottom: 0; cursor: pointer; }
.conditional-section { display: none; background: #f9f9f9; padding: 20px; border-left: 5px solid #009ce0; margin-top: 15px; border-radius: 4px; }
.submit-btn { width: 100%; background-color: #009ce0; color: white; padding: 15px; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.submit-btn:hover { background-color: #ce1126; }
</style>
</head>
<body>
<header>
<img src="data:image/png;base64,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" alt="Lune Technology Logo" class="logo">
</header>
<div class="form-container">
<form id="projectForm" action=""mailto:projectbucks@gmail.com"" method="POST">
<div class="form-group"><label>Name</label><input type="text" name="project_name" required></div>
<div class="form-group"><label>Email ID</label><input type="email" name="user_email" required></div>
<div class="form-group"><label>Contact Number</label><input type="tel" name="phone_number" required></div>
<div class="form-group"><label>Address</label><textarea name="address_main" rows="2"></textarea></div>
<div class="form-group">
<label>Partner Type</label>
<div class="selection-group">
<div class="selection-item"><input type="radio" name="partner_type" value="epc" id="p-epc" required><label for="p-epc">EPC contractor</label></div>
<div class="selection-item"><input type="radio" name="partner_type" value="install" id="p-install"><label for="p-install">Installation partner</label></div>
<div class="selection-item"><input type="radio" name="partner_type" value="end" id="p-end"><label for="p-end">End contractor</label></div>
</div>
</div>
<div id="section-epc" class="conditional-section">
<h3 style="margin-top:0; color:#009ce0;">EPC Contractor Details</h3>
<div class="form-group"><label>Company Name</label><input type="text" name="epc_company"></div>
<div class="form-group"><label>GST No</label><input type="text" name="epc_gst"></div>
<div class="form-group">
<label>Category Selection</label>
<div class="selection-group" style="background:#fff;">
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="module"><label>solar Module</label></div>
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="inverter"><label>solar inverter</label></div>
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="structure"><label>structure</label></div>
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="bos"><label>BOS</label></div>
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="civil"><label>civil Block</label></div>
<div class="selection-item"><input type="checkbox" name="epc_cat[]" value="install"><label>installation& commissioning</label></div>
</div>
</div>
<div class="form-group"><label>Message Box</label><textarea name="epc_msg" rows="3"></textarea></div>
</div>
<div id="section-install" class="conditional-section">
<h3 style="margin-top:0; color:#009ce0;">Installation Partner Details</h3>
<div class="form-group"><label>Company Name</label><input type="text" name="inst_company"></div>
<div class="form-group"><label>GST No</label><input type="text" name="inst_gst"></div>
<div class="form-group"><label>Message Box</label><textarea name="inst_msg" rows="3"></textarea></div>
</div>
<div id="section-end" class="conditional-section">
<h3 style="margin-top:0; color:#009ce0;">End Contractor Requirements</h3>
<div class="form-group">
<label>Property Type</label>
<div class="selection-group" style="background:#fff;">
<div class="selection-item"><input type="radio" name="prop" value="res" id="r-res"><label for="r-res">residential</label></div>
<div class="selection-item"><input type="radio" name="prop" value="com" id="r-com"><label for="r-com">commercial</label></div>
<div class="selection-item"><input type="radio" name="prop" value="ind" id="r-ind"><label for="r-ind">industrial</label></div>
</div>
</div>
<div class="form-group">
<label>System Interest (Select all that apply)</label>
<div class="selection-group" style="background:#fff;">
<div class="selection-item"><input type="checkbox" name="sys[]" id="s-on" value="on-grid"><label for="s-on">solar on-grid system</label></div>
<div class="selection-item"><input type="checkbox" name="sys[]" id="s-bat" value="battery"><label for="s-bat">solar battery</label></div>
<div class="selection-item"><input type="checkbox" name="sys[]" id="s-back" value="backup"><label for="s-back">solar backup system</label></div>
<div class="selection-item"><input type="checkbox" name="sys[]" id="s-hyb" value="hybrid"><label for="s-hyb">solar hybrid system</label></div>
</div>
</div>
<div class="form-group"><label>Installation Address</label><textarea name="end_addr" rows="2"></textarea></div>
<div class="form-group"><label>Message Box</label><textarea name="end_msg" rows="3"></textarea></div>
</div>
<button type="submit" class="submit-btn" style="margin-top:20px;">Submit Form</button>
</form>
</div>
<script>
document.getElementById('projectForm').addEventListener('change', function(event) {
if (event.target.name === 'partner_type') {
document.querySelectorAll('.conditional-section').forEach(section => section.style.display = 'none');
const targetSection = document.getElementById('section-' + event.target.value);
if (targetSection) targetSection.style.display = 'block';
}
});
</script>
</body>
</html>