| Server IP : 68.178.202.69 / Your IP : 216.73.216.122 Web Server : Apache System : Linux 69.202.178.68.host.secureserver.net 3.10.0-1160.139.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Nov 3 13:30:41 UTC 2025 x86_64 User : ikioworld ( 1005) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/ikioworld/www/application/views/photometric/ |
Upload File : |
<section class="ikio_breadcumb">
<div class="ikio_container">
<div class="ikio_breadcumb_inner">
<ul>
<li><a href="<?php echo base_url();?>home" class="active__link hsize15 mp_regular">Home</a></li>
<li><span></span></li>
<li><a href="<?php echo base_url();?>photometric-requests" class="hsize15 mp_regular">Photometric Requests</a></li>
</ul>
</div>
<div class="ikio__breacumbtite mp">Photometric Requests</div>
<div class="lines_inner_bread"></div>
</div>
</section>
<?php if( $this->session->flashdata('message') !='' ){ ?>
<tr><td colspan="4" class="err_msg"><?php echo $this->session->flashdata('message'); ?></td></tr>
<?php } ?>
<section class="photometric__request">
<div class="ikio_container">
<div class="row">
<form action="#" name="photoForm" id="photometric" method="POST" enctype="multipart/form-data" onsubmit="return validatePhoto()">
<div class="row ikio_blog_grid">
<div class="col-md-8">
<div class="photometric__request__left">
<h2 class="font_900">IKIO’s Lighting Layout Request</h2>
<p>
Fill in our Photometric Analysis Request form for indoor or outdoor projects to have a
technical specialist get back to you with a report.
</p>
<div class="photometric__need">
<h4>I NEED</h4>
<div class="pht_lines"></div>
<ul>
<li>
<input class="styled-checkbox" id="styled-checkbox-1" type="checkbox" name="requirement[]" value="lighting layout">
<label for="styled-checkbox-1">Lighting Layout</label>
</li>
<li>
<input class="styled-checkbox" id="styled-checkbox-2" type="checkbox" name="requirement[]" value="recommendation">
<label for="styled-checkbox-2">Recommendation</label>
</li>
</ul>
</div>
<div class="error" id="req_Err_photo"></div>
<div class="photometric__contactForm">
<h5 class="lt_regular">CONTACT INFORMATION</h5>
<div class="pht_lines"></div>
<div class="row">
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>Name<span class="manditory">*</span></label>
<input type="text" name="fullname" id="name" placeholder="Enter full name" class="form-control">
<div class="error" id="fullname_Err_photo"></div>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>Email Address<span class="manditory">*</span></label>
<input type="email" name="email" id="emailaddress" placeholder="example@mail.com" class="form-control">
<div class="error" id="email_Err_photo"></div>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>Phone Number<span class="manditory">*</span></label>
<input type="text" name="phonenumber" id="phonenumber" placeholder="Enter phone number" class="form-control">
<div class="error" id="contact_Err_photo"></div>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>Preferred Contact Method<span class="manditory">*</span></label>
<select name="preferred_contact" id="preferred_contact" class="form-control">
<option value="Callme">Call me</option>
<option value="Email">Email</option>
</select>
<div class="error" id="contact_method_Err_photo"></div>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>What Is Your Role?</label>
<select name="user_role" id="user_role" class="form-control">
<option value="IKIO Rep">IKIO Rep</option>
<option value="Distributor">Distributor</option>
<option value="Contractor/Installer">Contractor/Installer</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width">
<label>Ikio Representative<span class="manditory">*</span></label>
<input type="text" name="ikio_representative" id="ikio_representative" placeholder="Enter Ikio Representative Name" class="form-control">
<div class="error" id="ikio_rep_Err_photo"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="photmetic__request_right" >
<div class="photometric__bg">
<img src="<?php echo base_url();?>assets/img/photometric_bg.jpeg" alt="">
<h6>Plan Ahead . Light Better</h6>
<p>
When designing lighting in residential,
industrial or institutional projects, a
photometric analysis is a prerequisite
to control costs and increase the
productivity of the light fixtures.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="project_information" >
<h4>Project Information</h4>
<div class="pht_lines"></div>
<div class="row">
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project Name<span class="manditory">*</span></label>
<input type="text" name="project_name" id="project_name" placeholder="Enter project name"
class="form-control">
<div class="error" id="project_Err_photo"></div>
</div>
</div>
<div class="col-md-6">
<div class="form__wrap" id="input_width95">
<label>Project Address<span class="manditory">*</span></label>
<input type="text" name="address" id="address" placeholder="Enter project address"
class="form-control">
<div class="error" id="address_Err_photo"></div>
</div>
</div>
<div class="col-md-2">
<div class="form__wrap" id="input_width">
<label>Project City<span class="manditory">*</span></label>
<input type="text" name="project_city" id="project_city" placeholder="Enter project city"
class="form-control" style="width: 80%;">
<div class="error" id="city_Err_photo"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project State<span class="manditory">*</span></label>
<input type="text" name="project_state" id="project_state" placeholder="Enter project state"
class="form-control">
<div class="error" id="state_Err_photo"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project Country<span class="manditory">*</span></label>
<input type="text" name="project_country" id="project_country" placeholder="Enter project country"
class="form-control">
<div class="error" id="country_Err_photo"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project ZIP Code<span class="manditory">*</span></label>
<input type="text" name="zip_code" id="zip_code" placeholder="Enter ZIP code"
class="form-control">
<div class="error" id="zip_Err_photo"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project Type<span class="manditory">*</span></label>
<select name="project_type" id="project_type" class="form-control">
<option value="indoor">Indoor</option>
<option value="outdoor">Outdoor</option>
</select>
<div class="error" id="project_type_Err_photo"></div>
</div>
</div>
<div class="col-md-4" id="input_width">
<div class="form__wrap">
<label>Area Dimensions (in feet & inches)<span class="manditory">*</span></label>
<input type="text" name="area_dimension" id="area_dimension"
placeholder="L x W" class="form-control">
<div class="error" id="area_dimension_Err_photo"></div>
</div>
</div>
<div class="col-md-4" id="input_width">
<div class="form__wrap">
<label>Ceiling / Pole Height<span class="manditory">*</span></label>
<input type="text" name="ceiling_height" id="ceiling_height" placeholder="Enter Ceiling Height. If outdoor , please mention pole heights"
class="form-control">
<div class="error" id="ceiling_height_Err_photo"></div>
</div>
</div>
<div class="col-md-4" id="input_width">
<div class="form__wrap">
<label>Required Foot Candles (FC)<span class="manditory">*</span></label>
<input type="text" name="foot_candles" id="foot_candles"
placeholder="Foot Candles" class="form-control">
<div class="error" id="foot_candles_Err_photo"></div>
</div>
</div>
<div class="col-md-4" id="input_width">
<div class="form__wrap">
<label>Type of Activity<span class="manditory">*</span></label>
<input type="text" name="types_activity" id="types_activity"
placeholder="If Indoor (office, warehouse, stadium...),
If Outdoor (stadium, parking lot, others...)" class="form-control">
<div class="error" id="types_activity_Err_photo"></div>
</div>
</div>
<div class="col-md-4" id="input_width">
<div class="form__wrap" id="job">
<label>Items Required for job</label>
<div class="required_custom">
<div class="required_inner_custom">
<span>Select Items</span>
<i class="fas fa-chevron-down"></i></div>
</div>
<div class="required_filed">
<div class="row ">
<div class="col-md-6"><input type="checkbox" name="itemforjob[]" value="Luminaires" id="required__label"><span class="required_name">Luminaires</span> </div>
<div class="col-md-6"> <input type="checkbox" name="itemforjob[]" value="Poles" id="required__label"><span class="required_name">Poles</span></div>
<div class="col-md-6"><input type="checkbox" name="itemforjob[]" value="Controls" id="required__label"> <span class="required_name">Controls</span></div>
<div class="col-md-6"><input type="checkbox" name="itemforjob[]" value="CrossArms" id="required__label"><span class="required_name">Cross Arms</span> </div>
</div>
</div>
<div class="error" id="itm_Err_photo"></div>
</div>
</div>
<div class="col-md-12">
<div class="form__wrap">
<label>Project Description: (Use of Space, Desired
IKIO Product, Any Other Important Information) <span class="manditory">*</span></label>
<textarea name="message" id="message" placeholder="Example : Parking Lot, 4 Poles, 2 Fixtures Per Pole, Each 40 Ft Height, Please see attached PDF showing location of poles and other directional details and mesurements." class="form-control"></textarea>
<div class="error" id="message_Err_photo"></div>
</div>
</div>
<div class="col-md-12">
<div class="form__wraps">
<label id="label_left">Please Attach Any Drawings, Sketches Or Photographs.
IKIO Accepts Drawing Files From Autocad, Acrobat, PDF, Dialux.<span class="manditory"></span></label>
<div class="row attahed_file_box">
<div class="col-md-8">
<ul>
<li>Please ensure:</li>
<li>Ceiling heights are indicated</li>
<li>Existing fixtures are clearly indicated</li>
<li>
Dimensions are included</li>
<li>If exterior, include building heights and property line</li>
<li>For files maximum than 20 MB please email those files directly to info@ikioledlighting.com</li>
</ul>
</div>
<div class="col-md-4">
<div class="file-upload">
<div class="file-select">
<div id="fileList">
</div>
<div class="file-select-name" id="noFile"> ATTACH FILE </div>
<input type="file" name="document[]" id="chooseFile" multiple="multiple" onchange="javascript:updateList()">
<div id="fileList"></div>
</div>
<h6 class="label"> Max Size: 20 MB </h6>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-7">
<div class="pht_bottom_content">
<p>In a few minutes, you will receive an automated e-mail from us to confirm that we've
received your request. If you do not receive this e-mail,
please check your spam folder. If our automated response is delivered to your spam
folder, any future correspondence will appear there as
well. If you do not receive the confirmation email, we likely do not have your
request. Please contact Our Lighting Design Specialists to confirm before
resubmitting.</p>
<button type="submit" id="submit" name="sbt" class="btn_black arrow__hover--btn mt_left_btn">Submit <i class="fas fa-chevron-right"></i></button>
</div>
</div>
<div class="col-md-5">
<!-- <div class="error" id="m_Err_photo">TEST</div> -->
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<style>
$custom-file-text: (
en: "Browse",
es: "Elegir"
);
</style>
<script>
function printError(elemId, hintMsg)
{
document.getElementById(elemId).innerHTML = hintMsg;
}
// Defining a function to validate form
function validatePhoto() {
var form_data = new FormData(document.querySelector("form"));
var fullname = document.photoForm.fullname.value;
var email = document.photoForm.email.value;
var contact = document.photoForm.phonenumber.value;
var contact_method = document.photoForm.preferred_contact.value; //select validation
var ikio_representative = document.photoForm.ikio_representative.value;
var project_name = document.photoForm.project_name.value;
var address = document.photoForm.address.value;
var project_state = document.photoForm.project_state.value;
var project_city = document.photoForm.project_city.value;
var project_country = document.photoForm.project_country.value;
var zip_code = document.photoForm.zip_code.value;
var project_type= document.photoForm.project_type.value; //select validation
var area_dimension = document.photoForm.area_dimension.value;
var ceiling_height = document.photoForm.ceiling_height.value;
var foot_candles = document.photoForm.foot_candles.value;
var types_activity = document.photoForm.types_activity.value;
var message = document.photoForm.message.value;
// Defining error variables with a default value
var fullname_Err_photo = email_Err_photo = contact_Err_photo = contact_method_Err_photo = ikio_rep_Err_photo =
project_Err_photo = address_Err_photo = state_Err_photo = city_Err_photo = country_Err_photo = zip_Err_photo = project_type_Err_photo =
area_dimension_Err_photo = ceiling_height_Err_photo = foot_candles_Err_photo = types_activity_Err_photo = message_Err_photo = req_Err_photo = itm_Err_photo = true;
// Validate name
if(fullname == "") {
printError("fullname_Err_photo", "Please enter your name");
}
else {
var regex = /^[a-zA-Z\s]{3,50}$/;
if(regex.test(fullname) === false) {
printError("fullname_Err_photo", "Please enter a valid name. Input is too short (min 3) or too big (max 50).");
} else {
printError("fullname_Err_photo", "");
fullname_Err_photo = false;
}
}
// Validate email address
if(email == "") {
printError("email_Err_photo", "Please enter your email address");
} else {
// Regular expression for basic email validation
var regex = /^\S+@\S+\.\S+$/;
if(regex.test(email) === false) {
printError("email_Err_photo", "Please enter a valid email address");
} else{
printError("email_Err_photo", "");
email_Err_photo = false;
}
}
// Validate Phone Number
if(contact == "") {
printError("contact_Err_photo", "Please enter your mobile number");
} else {
var regex = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
if(regex.test(contact) === false) {
printError("contact_Err_photo", "Please enter a valid mobile number in the format 0123456789 without spaces,dashes or acess code (+)");
} else{
printError("contact_Err_photo", "");
contact_Err_photo = false;
}
}
// Validate Contact Method
if(contact_method == "") {
printError("contact_method_Err_photo", "Please select your Preferred Contact Method");
} else {
printError("contact_method_Err_photo", "");
contact_method_Err_photo = false;
}
// Validate Ikio Representative
if(ikio_representative == "") {
printError("ikio_rep_Err_photo", "Please enter your IKIO representative name");
} else {
var regex = /^[a-zA-Z\s]{2,15}$/;
if(regex.test(ikio_representative) === false) {
printError("ikio_rep_Err_photo", "Please enter a valid IKIO representative name. Input is too short (min 2) or too big (max 15).");
} else {
printError("ikio_rep_Err_photo", "");
ikio_rep_Err_photo = false;
}
}
//Validate Project Name
if(project_name == "") {
printError("project_Err_photo", "Please enter project name");
} else {
var regex = /^[\w\W\s]{5,20}$/g;
if(regex.test(project_name) === false) {
printError("project_Err_photo", "Please enter a valid project name. Input is too short (min 5) or too big (max 20).");
} else {
printError("project_Err_photo", "");
project_Err_photo = false;
}
}
//Validate Address
if(address == "") {
printError("address_Err_photo", "Please enter address");
} else {
var regex = /^[\w\W\s]{10,120}$/g;
if(regex.test(address) === false) {
printError("address_Err_photo", "Please enter a valid address. Input is too short (min 10) or too big (max 120).");
} else {
printError("address_Err_photo", "");
address_Err_photo = false;
}
}
//Validate State
if(project_state == "") {
printError("state_Err_photo", "Please enter state");
} else {
var regex = /^[\w\W\s]{2,20}$/g;
if(regex.test(project_state) === false) {
printError("state_Err_photo", "Please enter a valid state name. Input is too big (max 20).");
} else {
printError("state_Err_photo", "");
state_Err_photo = false;
}
}
//Validate City
if(project_city == "") {
printError("city_Err_photo", "Please enter city");
} else {
var regex = /^[\w\W\s]{2,25}$/g;
if(regex.test(project_city) === false) {
printError("city_Err_photo", "Please enter a valid city name. Input is too big (max 25).");
} else {
printError("city_Err_photo", "");
city_Err_photo = false;
}
}
//Validate country
if(project_country == "") {
printError("country_Err_photo", "Please enter country");
} else {
var regex = /^[\w\W\s]{2,25}$/g;
if(regex.test(project_country) === false) {
printError("country_Err_photo", "Please enter a valid country name. Input is too big (max 25).");
} else {
printError("country_Err_photo", "");
country_Err_photo = false;
}
}
// Validate Zip Code
if(zip_code == "") {
printError("zip_Err_photo", "Please enter zip");
} else {
var regex = /^[0-9]{5,6}(?:-[0-9]{2,4})?$/;
if(regex.test(zip_code) === false) {
printError("zip_Err_photo", "Please enter a valid zip code. The input should match 12345 or 12345-6789");
} else {
printError("zip_Err_photo", "");
zip_Err_photo = false;
}
}
// Validate Project Type
if(project_type == "") {
printError("project_type_Err_photo", "Please select your Preferred Project Type");
} else {
printError("project_type_Err_photo", "");
project_type_Err_photo =false;
}
//Validate area dimension
if(area_dimension == "") {
printError("area_dimension_Err_photo", "Please enter area dimension");
} else {
var regex = /^[a-zA-Z0-9-'"\s]+$/;
if(regex.test(area_dimension) === false) {
printError("area_dimension_Err_photo", "Please enter a valid area dimension. The input can be like 12 X 15 inch or feet. ");
} else {
printError("area_dimension_Err_photo", "");
area_dimension_Err_photo = false;
}
}
//Validate ceiling_height
if(ceiling_height == "") {
printError("ceiling_height_Err_photo", "Please enter ceiling height");
} else {
var regex = /^[a-zA-Z0-9-'"\s]+$/;
if(regex.test(ceiling_height) === false) {
printError("ceiling_height_Err_photo", "Please enter a valid ceiling height for eg. 20ft / 120in / 20ft 3in.");
} else {
printError("ceiling_height_Err_photo", "");
ceiling_height_Err_photo = false;
}
}
//Validate foot_candles
if(foot_candles == "") {
printError("foot_candles_Err_photo", "Please enter foot candles");
} else {
var regex = /^[a-zA-Z0-9-'"\s]+$/;
if(regex.test(foot_candles) === false) {
printError("foot_candles_Err_photo", "Please enter a valid foot candles values for eg. 50 or 50FC,30 to 40 fc or 40 FC avg");
} else {
printError("foot_candles_Err_photo", "");
foot_candles_Err_photo =false;
}
}
//Validate types activity
if(types_activity == "") {
printError("types_activity_Err_photo", "Please enter types activity");
} else {
var regex =/^[a-zA-Z0-9-\s]+$/;
if(regex.test(types_activity) === false) {
printError("types_activity_Err_photo", "Please enter a valid types activity");
} else {
printError("types_activity_Err_photo", "");
types_activity_Err_photo = false;
}
}
//Validate message
if(message == "") {
printError("message_Err_photo", "Please enter message");
}
// else {
// var regex = /^[\w\W\s]{20,200}$/g;
// if(regex.test(message) === false) {
// printError("message_Err_photo", "Please enter your message. Input is too short (min 20) or too big (max 200).");
// } else {
// printError("message_Err_photo", "");
// message_Err_photo = false;
// }
// }
// if(!form_data.has("requirement[]"))
// {
// printError("req_Err_photo", "Please select atleast one requirement");
// req_Err_photo = false;
// }
// if(!form_data.has("itemforjob[]"))
// {
// printError("itm_Err_photo", "Please select atleast one item");
// itm_Err_photo = false;
// }
// Prevent the form from being submitted if there are any errors
if((fullname_Err_photo || email_Err_photo || contact_Err_photo || contact_method_Err_photo || ikio_rep_Err_photo ||
project_Err_photo || address_Err_photo || state_Err_photo || city_Err_photo || country_Err_photo || zip_Err_photo || project_type_Err_photo ||
area_dimension_Err_photo || ceiling_height_Err_photo || foot_candles_Err_photo || types_activity_Err_photo || message_Err_photo) == true) {
return false;
} else {
// Creating a string from input data for preview
var url = "photometric/photometric"
$.ajax({
type: "POST",
url: "<?php echo base_url();?>" + url,
data: dataString,
success: function(data) {}
});
}
};
</script>
<SCript>
updateList = function() {
var input = document.getElementById('chooseFile');
var output = document.getElementById('fileList');
var children = "";
for (var i = 0; i < input.files.length; ++i) {
children += '<li>' + input.files.item(i).name+' '+ (input.files.item(i).size/1048576).toFixed(3)+ 'MB </li>';
}
output.innerHTML = '<ul>'+children+'</ul>';
}
</SCript>