| 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 : |
<style type="text/css">
#pageloaddiv {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background: url('<?php echo base_url();?>assets/loading.gif') no-repeat center center rgba(255,255,255,0.99);
}
</style>
<div id="pageloaddiv" style="display:none;"></div>
<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">Lighting Layout Request</a></li>
</ul>
</div>
<div class="lines_inner_bread"></div>
</div>
</section>
<div class="photometric_container">
<section class="photometric__request">
<div class="ikio_container">
<div class="row">
<form >
<input type="hidden" name="p_id" value="<?php echo $project_id;?>">
<div class="row ikio_blog_grid">
<div class="col-md-12">
<div class="photometric__request__left top_hed">
<img src="<?php echo base_url();?>assets/img/P-Banner-1.png">
<!---<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="error" id="req_Err_photo"></div>
<div class="photometric__contactForm new_form_des">
<h5 class="lt_regular">Contact Information</h5>
<div class="pht_lines"></div>
<div class="row">
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>First Name<span class="manditory">*</span></label>
<input type="text" name="first_name" id="name" placeholder="Enter first name" class="form-control">
<div class="message" id="msgfirst_name"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Last Name<span class="manditory">*</span></label>
<input type="text" name="last_name" id="name" placeholder="Enter last name" class="form-control">
<div class="message" id="msglast_name"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Company/Organization Name<span class="manditory">*</span></label>
<input type="text" name="company_name" id="name" placeholder="Enter company/organization name" class="form-control">
<div class="message" id="msgcompany_name"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Email Address <span class="manditory">*</span></label>
<input type="email" name="photometric_email" id="emailaddress" placeholder="Confirmation email and photometric report will be sent to this email ID." class="form-control">
<div class="message" id="msgphotometric_email"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Contact Number<span class="manditory">*</span></label>
<input type="text" name="phonenumber" id="phonenumber" placeholder="Enter contact number for communication" class="form-control">
<div class="message" id="msgphonenumber"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Preferred Contact Mode<span class="manditory">*</span></label>
<select name="preferred_contact" id="preferred_contact" class="form-control">
<option value="Call me">Call me</option>
<option value="Email me">Email me</option>
</select>
<div class="message" id="msgpreferred_contact"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Role <span class="manditory">*</span></label>
<select name="user_role" id="user_role" class="form-control" onchange="findUserRole(this)">
<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 class="message" id="msguser_role"></div>
</div>
</div>
<div class="col-md-4" id="other_user_role" style="display:none;">
<div class="form__wrap" id="input_width">
<label>Other role</label>
<input type="text" name="other_user_role" id="other_user_role" placeholder="Enter Other Role" class="form-control">
<div class="message" id="msgother_user_role"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Your IKIO Representative Name.<span class="manditory">*</span></label>
<select name="ikio_representative" id="ikio_representative" placeholder="Enter IKIO representative name" class="form-control" >
<option value="">Representative Name</option>
<option value="Andrew Smith" data-email="asmith@ikioledlighting.com">Andrew Smith</option>
<option value="Ashton V" data-email="ashtonv@ikioledlighting.com">Ashton V</option>
<option value="Chris Tomalewski" data-email="ctomalewski@ikioledlighting.com">Chris Tomalewski</option>
<option value="Ekam Singh" data-email="esingh@ikioledlighting.com">Ekam Singh</option>
<option value="Jay Singh" data-email="jay@ikioledlighting.com">Jay Singh</option>
<option value="Jeff Thomas" data-email="jthomas@ikioledlighting.com">Jeff Thomas</option>
<option value="Jeremy Zientek" data-email="jzientek@ikioledlighting.com">Jeremy Zientek</option>
<option value="Nick Jones" data-email="njones@ikioledlighting.com">Nick Jones</option>
<option value="Siddharath Sukhwal" data-email="sidhart@ikioledlighting.com">Siddharath Sukhwal</option>
<option value="Simran Kaur" data-email="skaur@ikioledlighting.com">Simran Kaur</option>
<option value="Other" data-email="">Other</option>
</select>
<div class="message" id="msgikio_representative"></div>
</div>
</div>
<div class="col-md-4" id="ikio_rep_email" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Your IKIO Representative Email ID<span class="manditory">*</span></label>
<input type="text" name="ikio_representative_email" id="ikio_representative_email" placeholder="Enter IKIO representative email ID" class="form-control">
<div class="message" id="msgikio_representative_email"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="project_information new_form_des" >
<h5 class="lt_regular">Project Information</h5>
<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="message" id="msgproject_name"></div>
</div>
</div>
<div class="col-md-4" style='display:none'>
<div class="form__wrap" id="input_width">
<label>Project ID<span class="manditory">*</span></label>
<input type="text" name="project_id" id="project_name" placeholder="Enter the project ID"
class="form-control" value="IKLL<?php echo date("ym").$project_id;?>" disabled>
<div class="message" id="msgproject_id"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width95">
<label>Project Address<span class="manditory">*</span></label>
<input type="text" name="address" id="address" placeholder="This helps us to locate on Google Earth."
class="form-control">
<div class="message" id="msgaddress"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Project Country<span class="manditory">*</span></label>
<select name="project_country" class="form-control">
<option value="USA">USA</option>
<option value="Canada">Canada</option>
</select>
<div class="message" id="msgproject_country"></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="Indiana, Texas, California etc."
class="form-control">
<div class="message" id="msgproject_state"></div>
</div>
</div>
<div class="col-md-4">
<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="Indianapolis, Dallas etc."
class="form-control" style="width: 80%;">
<div class="message" id="msgproject_city"></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="message" id="msgzip_code"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Desired IKIO fixture series details</label>
<input type="text" name="fixture_series" id="fixture_series" placeholder="Product Name, Wattage, CCT, Type of Optics/Beam Angle"
class="form-control">
<div class="message" id="msgfixture_series"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Is This a New Site or Existing Site? <span class="manditory">*</span></label>
<select name="new_site" class="form-control" onChange="newSiteField(this)">
<option value="">Select</option>
<option value="New Site" data-id='1'>New Site</option>
<option value="Existing Site" data-id='2'>Existing Site</option>
</select>
<div class="message" id="msgnew_site"></div>
</div>
</div>
<div class="col-md-4" id="exist_site" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Solution Type <span class="manditory"></span></label>
<select name="exist_site" class="form-control">
<option value="">Select</option>
<option value="One for One Replacement">One for One Replacement</option>
<option value="Optimized Solution">Optimized Solution</option>
</select>
<div class="message" id="msgexist_site"></div>
</div>
</div>
<div class="col-md-4">
<div class="form__wrap" id="input_width">
<label>Is it an Indoor or an Outdoor space? <span class="manditory">*</span></label>
<select name="indoor_space" class="form-control" onChange="spaceField(this)">
<option value="">Select</option>
<option value="Indoor Space" data-id='1'>Indoor Space</option>
<option value="Outdoor Space" data-id='2'>Outdoor Space</option>
<option value="Both" data-id='3'>Both</option>
</select>
<div class="message" id="msgindoor_space"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 float-left" id="indoor_space" style='display:none;'>
<div class="form__wrap" id="input_width">
<h5 class="hide_head">Indoor Space</h5>
<div class="row">
<div class="col-md-12 ind_space float-left">
<div class="form__wrap" id="input_width">
<label>What Type of Indoor Space</label>
<select name="space_type" class="form-control" onChange="spaceType(this)">
<option value="">Select</option>
<option value="Warehouse/Industrial">Warehouse/Industrial</option>
<option value="Parking Garage">Parking Garage</option>
<option value="Office/Classroom">Office/Classroom</option>
<option value="Retail">Retail</option>
<option value="Hospitality">Hospitality</option>
<option value="Residential">Residential</option>
<option value="Others">Others</option>
</select>
<div class="error" id="space_type_Err_photo"></div>
</div>
</div>
<div class="col-md-12 float-left ind_space" id="space_type" style="display:none;">
<div class="form__wrap" id="input_width">
<label>Others</label>
<input type="text" name="indoor_space_other" class="form-control" placeholder="Please Specify">
<div class="error" id="indoor_space_other_Err_photo"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left">
<div class="form__wrap" id="input_width">
<label>How Fixtures Will be Mounted</label>
<select name="fixtures" class="form-control" onChange="fixturesType(this)">
<option value="">Select</option>
<option value="Pendent">Pendent</option>
<option value="Recessed">Recessed</option>
<option value="Surfaced">Surfaced</option>
<option value="Others">Others</option>
</select>
<div class="error" id="fixtures_Err_photo"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="fixtures" style="display:none;">
<div class="form__wrap" id="input_width">
<label>Others</label>
<input type="text" name="fixtures_other" class="form-control" placeholder="Please Specify">
<div class="error" id="fixtures_other_other_Err_photo"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left">
<div class="form__wrap" id="input_width">
<label>Ceiling Type</label>
<select name="ceiling_type" class="form-control" onChange="ceilingType(this)">
<option value="">Select</option>
<option value="Sloped">Sloped</option>
<option value="Plain">Plain</option>
</select>
<div class="error" id="ceiling_type_Err_photo"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="sloped_type_length" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Length (ft)</label>
<input type="text" name="sloped_type_length" class="form-control" placeholder="Length (ft)">
<div class="message" id="msgsloped_type_length"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="sloped_type_width" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Width (ft)</label>
<input type="text" name="sloped_type_width" class="form-control" placeholder="Width (ft)">
<div class="message" id="msgsloped_type_width"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="sloped_type_peak_height" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Peak Height & Base Height (ft)</label>
<input type="text" name="sloped_type_peak_height" class="form-control" placeholder="Peak Height & Base Height (ft)">
<div class="message" id="msgsloped_type_peak_height"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="plain_type_length" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Length (ft)</label>
<input type="text" name="plain_type_length" class="form-control" placeholder="Length (ft)">
<div class="message" id="msgplain_type_length"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="plain_type_width" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Width (ft)</label>
<input type="text" name="plain_type_width" class="form-control" placeholder="Width (ft)">
<div class="message" id="msgplain_type_width"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left" id="plain_type_celling_height" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Ceiling Height (ft)</label>
<input type="text" name="plain_type_ceiling_height" class="form-control" placeholder="Ceiling Height (ft)">
<div class="message" id="msgplain_type_ceiling_height"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left">
<div class="form__wrap" id="input_width">
<label>Fixture Mounting Height (ft)</label>
<input type="text" name="fixtures_height" class="form-control" placeholder="Specify the fixture mounting height (ft)">
<div class="error" id="fixtures_height_other_Err_photo"></div>
</div>
</div>
<div class="col-md-12 ind_space float-left">
<div class="form__wrap" id="input_width">
<label>Desired Footcandle Levels</label>
<input type="text" name="indoor_footcandle" class="form-control" placeholder="Specify the desired footcandles">
<div class="error" id="indoor_footcandle_Err_photo"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 float-left" id="outdoor_space" style='display:none;'>
<div class="form__wrap" id="input_width">
<h5 class="hide_head">Outdoor Space</h5>
<div class="row">
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>What Type of Outdoor Space</label>
<select name="outdoor_space" class="form-control" onChange="outDoorSpaceField(this)">
<option value="">Select</option>
<option value="Parking Lot">Parking Lot</option>
<option value="Auto Dealership">Auto Dealership</option>
<option value="Site Lighting">Site Lighting</option>
<option value="Sports Lighting">Sports Lighting</option>
<option value="Roadways">Roadways</option>
<option value="Others">Others</option>
</select>
<div class="error" id="outdoor_space_Err_photo"></div>
</div>
</div>
<div class="col-md-12 outd_space" id="outdoor_space_other" style='display:none;'>
<div class="form__wrap" id="input_width">
<label>Others</label>
<input type="text" name="outdoor_space_other" class="form-control" placeholder="Please Specify">
<div class="error" id="indoor_space_other_Err_photo"></div>
</div>
</div>
<!-- <div class="col-md-12 outd_space float-left">-->
<!-- <div class="form__wrap" id="input_width">-->
<!-- <label>Mounting Height (ft)</label>-->
<!-- <input type="text" name="outdoor_mounting_height" class="form-control" placeholder="Specify the mounting height (ft)">-->
<!--<div class="error" id="outdoor_mounting_height_Err_photo"></div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>No. Of Poles</label>
<input type="text" name="outdoor_poles" class="form-control" placeholder="Specify the no. of poles">
<div class="error" id="outdoor_poles_Err_photo"></div>
</div>
</div>
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>Pole Height (ft)</label>
<input type="text" name="outdoor_pole_height" class="form-control" placeholder="Specify the pole height (ft)">
<div class="error" id="outdoor_pole_height_Err_photo"></div>
</div>
</div>
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>Cross Arms Per Pole</label>
<input type="text" name="outdoor_cross_per_poles" class="form-control" placeholder="Specify the Cross arm per pole">
<div class="error" id="outdoor_cross_per_poles"></div>
</div>
</div>
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>Fixtures Per Pole/Arms</label>
<input type="text" name="outdoor_fixtures_per_poles" class="form-control" placeholder="Specify the fixture per pole/amrs">
<div class="error" id="outdoor_fixtures_per_poles_Err_photo"></div>
</div>
</div>
<div class="col-md-12 outd_space float-left">
<div class="form__wrap" id="input_width">
<label>Desired Footcandle Levels</label>
<input type="text" name="outdoor_footcandle" class="form-control" placeholder="Specify the desired footcandles">
<div class="error" id="outdoor_footcandle_Err_photo"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!----Outdoor space- End---->
<!----Both space----->
<!----Both space----->
<div class="row">
<div class="col-md-12">
<div class="form__wrap mt_15">
<label>Project Description: (Use of space, desired IKIO product, or any other important information & comments.)</label>
<textarea name="message" id="message" placeholder="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>
<h4>Documents Provided</h4>
<div class="pht_lines"></div>
<div class="row">
<ul class="check_box_text">
<li class="col-md-12">
<input class="styled-checkbox" id="styled-checkbox-1" type="checkbox" name="document_type[]" value="CAD File">
<label for="styled-checkbox-1">CAD File</label>
</li>
<li class="col-md-12">
<input class="styled-checkbox" id="styled-checkbox-2" type="checkbox" name="document_type[]" value="Image/Pdf">
<label for="styled-checkbox-2">Image/PDF mentioning details (fixture grid marking of area to be covered, marking of pole locations or sketch details of specific requirements).</label>
</li>
</ul>
<div class="col-md-12">
<div class="form__wraps">
<label class="label_left_desc">Please Attach Any Drawings, Sketches, or Photographs. IKIO Accepts Drawing Files from AutoCAD & PDF.<span class="manditory"></span></label>
<div class="attahed_file_box">
<div class="row ">
<div class="col-md-5">
<ul>
<li><strong>Please ensure:</strong></li>
<li><i class="fa fa-circle" aria-hidden="true"></i> Ceiling heights are indicated</li>
<li><i class="fa fa-circle" aria-hidden="true"></i> Existing fixtures are clearly indicated</li>
<li><i class="fa fa-circle" aria-hidden="true"></i> Dimensions are included</li>
<li><i class="fa fa-circle" aria-hidden="true"></i> If exterior, include building heights and property line</li>
<li><i class="fa fa-circle" aria-hidden="true"></i> For files exceeding 20 MB, email directly at photometric@ikioledlighting.com.</li>
</ul>
</div>
<div class="col-md-3">
<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="file_1" multiple="multiple"> </div>
<!--<div id="file_1_name" style='text-align:left !important;'></div>-->
</div>
</div>
<div class="col-md-4">
<p id="files-area">
<span id="filesList">
<span id="files-names"></span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="p_bottom_content">
<p style='line-height: 13px !important;'>To answer the high demand of this free lighting design service we typically aim for a 3 To 5 working days turn around. If your deadline is sooner, please call us at (844) 533-4546 after submitting this form and ask to speak with your IKIO representative.</p>
<center><button type="button" id="authenticatePhotoMetric" name="sbt" class="btn_black arrow__hover--btn mt_left_btn">Submit <i class="fas fa-chevron-right"></i></button></center>
<p> </p>
<span id="msgloader" style='font-size:15px !important;color:red !important;'></span>
<p style='line-height: 13px !important;'>Thank you for contacting us! You will get an email from us soon confirming that we have received your request. If you do not receive the email, please check your spam folder, as any automated response delivered to your spam folder will keep going there until selected otherwise. In case there is no confirmation email from our side, it is likely that your request did not reach us. If that happens, please directly contact our Lighting Design Specialists to confirm your request before resubmitting it.</p>
</div>
</div>
<div class="col-md-5">
<!-- <div class="error" id="m_Err_photo">TEST</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
</div>
<div id="myModalPhotometric" class="modal fade" role="dialog">
<div class="modal-dialog New_model_IKIO">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<a href="<?php echo base_url();?>lighting-layout-request" class="close" data-dismiss="modal">×</a>
</div>
<div class="modal-body">
<div class="New-ikio_popupimages">
<div class="ikio_popupimages">
<!--<img src="https://www.ikioledlighting.com/assets/img/popup_form.jpeg" >-->
<div class="product_inquiry">
<h4>Thank you for submitting your request.</h4>
<p><br> Your project ID is <strong>IKLL<?php echo date("ym").$project_id;?></strong>. We’ll contact you within 24 working hours.</p>
<div class="talk">
<h5>Let's Talk</h5>
<img src="https://www.ikioledlighting.com/assets/img/header/call_icon.svg" alt="phone"><a href="tel:(1) 844-533-4546">(1) 844-533-4546</a> </div>
<img src="https://www.ikioledlighting.com/assets/img/pop_uplogo.svg" class="popup_logo"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.New_model_IKIO
{
max-width:600px !important;
}
.New_model_IKIO .modal-body
{
padding:0 !important;
}
.New-ikio_popupimages
{
width:100%;
margin:0;
height:520px;
padding:0;
background:#000;
display:inline-block;
}
.New-ikio_popupimages .ikio_popupimages {
height: 102%;
}
.New_model_IKIO .modal-header
{
position:relative;
padding:0;
border:none;
}
.New-ikio_popupimages p
{
text-align:left;
color:#fff;
}
.New_model_IKIO .close {
float: right;
opacity: 1;
position: absolute;
right: -16px;
top: -15px;
background: #f00;
height: 45px;
width: 45px;
line-height: 40px;
text-align: center;
padding: 0;
margin: 0;
border-radius: 50%;
color: #fff;
z-index:999;
}
.file-upload .file-select
{
width:60% !important;
float:left;
clear:both;
}
#files-area
{
width:100%;
float:left;
}
$custom-file-text: (
en: "Browse",
es: "Elegir"
);
</style>
<script>
function printError(elemId, hintMsg)
{
document.getElementById(elemId).innerHTML = hintMsg;
}
$(document).on("click","#authenticatePhotoMetric",function(){
if (authenticatePhotoMetric()) {
$("#msgloader").html("Please wait data is uploading.. ");
setTimeout(function(){
$('html').animate({ scrollTop: $("#files-area").offset().top-100 }, "slow");
var first_name = $("input[name='first_name']").val();
var last_name = $("input[name='last_name']").val();
var company_name = $("input[name='company_name']").val();
var photometric_email = $("input[name='photometric_email']").val();
var phonenumber = $("input[name='phonenumber']").val();
var preferred_contact = $("select[name='preferred_contact']").val();
var user_role = $("select[name='user_role']").val();
var other_user_role = $("input[name='other_user_role']").val();
var ikio_representative = $("select[name='ikio_representative']").val();
var ikio_representative_email = $("input[name='ikio_representative_email']").val();
var fixture_series = $("input[name='fixture_series']").val();
var project_name = $("input[name='project_name']").val();
var project_id = $("input[name='project_id']").val();
var p_id = $("input[name='p_id']").val();
var address = $("input[name='address']").val();
var project_country = $("select[name='project_country']").val();
var project_state = $("input[name='project_state']").val();
var project_city = $("input[name='project_city']").val();
var zip_code = $("input[name='zip_code']").val();
var new_site = $("select[name='new_site']").val();
var indoor_space = $("select[name='indoor_space']").val();
var exist_site = $("select[name='exist_site']").val();
var space_type = $("select[name='space_type']").val();
var fixtures = $("select[name='fixtures']").val();
var ceiling_type = $("select[name='ceiling_type']").val();
var fixtures_height = $("input[name='fixtures_height']").val();
var indoor_comment = $("textarea[name='indoor_comment']").val();
var outdoor_space = $("select[name='outdoor_space']").val();
var outdoor_poles = $("input[name='outdoor_poles']").val();
var outdoor_pole_height = $("input[name='outdoor_pole_height']").val();
var outdoor_fixtures_per_poles = $("input[name='outdoor_fixtures_per_poles']").val();
var outdoor_comment = $("input[name='outdoor_comment']").val();
var indoor_footcandle = $("input[name='indoor_footcandle']").val();
var outdoor_footcandle = $("input[name='outdoor_footcandle']").val();
var outdoor_cross_per_poles = $("input[name='outdoor_cross_per_poles']").val();
var message = $("textarea[name='message']").val();
var indoor_space_other = $("input[name='indoor_space_other']").val();
var fixtures_other = $("input[name='fixtures_other']").val();
var sloped_type_length = $("input[name='sloped_type_length']").val();
var sloped_type_width = $("input[name='sloped_type_width']").val();
var sloped_type_peak_height = $("input[name='sloped_type_peak_height']").val();
var plain_type_length = $("input[name='plain_type_length']").val();
var plain_type_width = $("input[name='plain_type_width']").val();
var plain_type_ceiling_height = $("input[name='plain_type_ceiling_height']").val();
var outdoor_space_other = $("input[name='outdoor_space_other']").val();
var document_type = $("input[name='document_type[]']:checked").map(function () {
return $(this).val();
}).get();
var formData = new FormData();
formData.append('first_name', first_name);
formData.append('last_name', last_name);
formData.append('company_name', company_name);
formData.append('photometric_email', photometric_email);
formData.append('phonenumber', phonenumber);
formData.append('preferred_contact', preferred_contact);
formData.append('user_role', user_role);
formData.append('other_user_role', other_user_role);
formData.append('ikio_representative', ikio_representative);
formData.append('ikio_representative_email', ikio_representative_email);
formData.append('fixture_series', fixture_series);
formData.append('project_name', project_name);
formData.append('project_id', project_id);
formData.append('p_id', p_id);
formData.append('address', address);
formData.append('project_country', project_country);
formData.append('project_state', project_state);
formData.append('project_city', project_city);
formData.append('zip_code', zip_code);
formData.append('new_site', new_site);
formData.append('indoor_space', indoor_space);
formData.append('exist_site', exist_site);
formData.append('space_type', space_type);
formData.append('fixtures', fixtures);
formData.append('ceiling_type', ceiling_type);
formData.append('fixtures_height', fixtures_height);
formData.append('indoor_comment', indoor_comment);
formData.append('outdoor_space', outdoor_space);
formData.append('outdoor_poles', outdoor_poles);
formData.append('outdoor_pole_height', outdoor_pole_height);
formData.append('outdoor_fixtures_per_poles', outdoor_fixtures_per_poles);
formData.append('outdoor_comment', outdoor_comment);
formData.append('indoor_footcandle', indoor_footcandle);
formData.append('outdoor_footcandle', outdoor_footcandle);
formData.append('outdoor_cross_per_poles', outdoor_cross_per_poles);
formData.append('message', message);
formData.append('indoor_space_other', indoor_space_other);
formData.append('fixtures_other', fixtures_other);
formData.append('sloped_type_length', sloped_type_length);
formData.append('sloped_type_width', sloped_type_width);
formData.append('sloped_type_peak_height', sloped_type_peak_height);
formData.append('plain_type_length', plain_type_length);
formData.append('plain_type_width', plain_type_width);
formData.append('plain_type_ceiling_height', plain_type_ceiling_height);
formData.append('outdoor_space_other', outdoor_space_other);
formData.append('document_type', document_type);
for (var i = 0; i < $('#file_1').get(0).files.length; ++i){
formData.append('file_1[]', $('#file_1').get(0).files[i]);
}
$.ajax({
url : '<?php echo base_url();?>photometric/photometric/lightingLayoutRequest',
type:'POST',
data:formData,
async: false,
contentType: false,
processData: false,
success : function(result) {
$('#myModalPhotometric').modal('toggle');
setTimeout(function(){$("#msgloader").html("");},1000);
setTimeout(function(){window.location.replace("<?php echo base_url();?>lighting-layout-request");},60000);
}
});
},3000);
}
});
function authenticatePhotoMetric() {
$('html').animate({ scrollTop: $("#msglast_name").offset().top-100 }, "slow");
var valid = true;
var first_name = $("input[name='first_name']").val();
var last_name = $("input[name='last_name']").val();
var company_name = $("input[name='company_name']").val();
var photometric_email = $("input[name='photometric_email']").val();
var phonenumber = $("input[name='phonenumber']").val();
var preferred_contact = $("select[name='preferred_contact']").val();
var user_role = $("select[name='user_role']").val();
var ikio_representative = $("select[name='ikio_representative']").val();
var ikio_representative_email = $("input[name='ikio_representative_email']").val();
var project_name = $("input[name='project_name']").val();
var project_id = $("input[name='project_id']").val();
var address = $("input[name='address']").val();
var project_country = $("select[name='project_country']").val();
var project_state = $("input[name='project_state']").val();
var project_city = $("input[name='project_city']").val();
var zip_code = $("input[name='zip_code']").val();
var new_site = $("select[name='new_site']").val();
var indoor_space = $("select[name='indoor_space']").val();
$(".message").html(" ");
$(".message").hide;
$(".message").css('color','red');
$(".message").css('font-size','12px');
if (first_name.length == 0) {
valid = false;
$("#msgfirst_name").html("Enter first name");
$("#msgfirst_name").show();
}if (last_name.length == 0) {
valid = false;
$("#msglast_name").html("Enter last name");
$("#msglast_name").show();
}if (company_name.length == 0) {
valid = false;
$("#msgcompany_name").html("Enter company/organization name");
$("#msgcompany_name").show();
}if (photometric_email.length == 0 || isEmailValidate(photometric_email) == false) {
valid = false;
$("#msgphotometric_email").html("Enter valid email");
$("#msgphotometric_email").show();
}if (phonenumber.length == 0 || checkcontactnumber(phonenumber) == false) {
valid = false;
$("#msgphonenumber").html("Enter valid phonenumber");
$("#msgphonenumber").show();
}if (preferred_contact== 0) {
valid = false;
$("#msgpreferred_contact").html("Select Preferred Contact Mode");
$("#msgpreferred_contact").show();
}if (user_role== 0) {
valid = false;
$("#msguser_role").html("Select Role");
$("#msguser_role").show();
}if (ikio_representative == 0) {
valid = false;
$("#msgikio_representative").html("Select representative name");
$("#msgikio_representative").show();
}
if (ikio_representative == "Other") {
if (ikio_representative_email.length == 0) {
valid = false;
$("#msgikio_representative_email").html("Enter email");
$("#msgikio_representative_email").show();
}
}
if (project_name.length == 0) {
valid = false;
$("#msgproject_name").html("Enter project name");
$("#msgproject_name").show();
}if (project_id.length == 0) {
valid = false;
$("#msgproject_id").html("Enter project id");
$("#msgproject_id").show();
}if (address.length == 0) {
valid = false;
$("#msgaddress").html("Enter address");
$("#msgaddress").show();
}if (project_country == 0) {
valid = false;
$("#msgproject_country").html("Select country");
$("#msgproject_country").show();
}if (project_state.length == 0) {
valid = false;
$("#msgproject_state").html("Enter state");
$("#msgproject_state").show();
}if (project_city.length == 0) {
valid = false;
$("#msgproject_city").html("Enter city");
$("#msgproject_city").show();
}if (zip_code.length == 0) {
valid = false;
$("#msgzip_code").html("Enter zipcode");
$("#msgzip_code").show();
}if (new_site == 0) {
valid = false;
$("#msgnew_site").html("select new site/ existing site");
$("#msgnew_site").show();
}if (indoor_space == 0) {
valid = false;
$("#msgindoor_space").html("Select indoor or an outdoor space");
$("#msgindoor_space").show();
}
return valid;
}
function isEmailValidate(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
function checkcontactnumber(mobile) {
var contactRegexStr = /^\d{10}$/;
var isvalid = contactRegexStr.test(mobile);
return isvalid;
}
function spaceField(obj){
var space_type = obj.value;
if(space_type=="Indoor Space"){
$("#indoor_space,.ind_space").removeClass('col-md-6');
$("#indoor_space,.ind_space").removeClass('col-md-12');
$("#indoor_space").addClass('col-md-12');
$(".ind_space").addClass('col-md-6');
$("#indoor_space").show();
$("#outdoor_space").hide();
$("#both_space").hide();
}else if(space_type=="Outdoor Space"){
$("#outdoor_space,.outd_space").removeClass('col-md-6');
$("#outdoor_space,.outd_space").removeClass('col-md-12');
$("#outdoor_space").addClass('col-md-12');
$(".outd_space").addClass('col-md-6');
$("#indoor_space").hide();
$("#outdoor_space").show();
$("#both_space").hide();
}else if(space_type=="Both"){
$("#indoor_space,.ind_space").removeClass('col-md-6');
$("#outdoor_space,.outd_space").removeClass('col-md-6');
$("#indoor_space,.ind_space").removeClass('col-md-12');
$("#outdoor_space,.outd_space").removeClass('col-md-12');
$("#indoor_space").addClass('col-md-6');
$("#outdoor_space").addClass('col-md-6');
$(".ind_space").addClass('col-md-12');
$(".outd_space").addClass('col-md-12');
$("#indoor_space").show();
$("#outdoor_space").show();
$("#both_space").show();
}else{
$("#indoor_space").hide();
$("#outdoor_space").hide();
$("#both_space").hide();
}
}
function spaceType(obj){
var space_type = obj.value;
if(space_type=="Others"){
$("#space_type").show();
}else {
$("#space_type").hide();
}
}
function newSiteField(obj){
var exist_site = obj.value;
if(exist_site=="Existing Site"){
$("#exist_site").show();
}else {
$("#exist_site").hide();
}
}
function fixturesType(obj){
var fixtures = obj.value;
if(fixtures=="Others"){
$("#fixtures").show();
}else {
$("#fixtures").hide();
}
}
function outDoorSpaceField(obj){
var outdoor_space_other = obj.value;
if(outdoor_space_other=="Others"){
$("#outdoor_space_other").show();
}else {
$("#outdoor_space_other").hide();
}
}
function ceilingType(obj){
var celling_type = obj.value;
if(celling_type=="Sloped"){
$("#sloped_type_length").show();
$("#sloped_type_width").show();
$("#sloped_type_peak_height").show();
$("#plain_type_length").hide();
$("#plain_type_width").hide();
$("#plain_type_celling_height").hide();
}else if(celling_type=="Plain"){
$("#sloped_type_length").hide();
$("#sloped_type_width").hide();
$("#sloped_type_peak_height").hide();
$("#plain_type_length").show();
$("#plain_type_width").show();
$("#plain_type_celling_height").show();
}
}
function findUserRole(obj){
var user_role = obj.value;
if(user_role=="Other"){
$("#other_user_role").show();
}else{
$("#other_user_role").hide();
$("#other_user_role").val('');
}
}
// $(document).on("change","#file_1",function(e){
// var gethtml ='';
// for (var i = 0; i < $('#file_1').get(0).files.length; ++i) {
// gethtml+= $('#file_1').get(0).files[i].name+"<br>";
// }
// $("#file_1_name").html(gethtml);
// });
// $(document).ready(function() {
// $("html, body").animate({
// scrollTop: 0
// }, 600)
// });
const dt = new DataTransfer(); // Permet de manipuler les fichiers de l'input file
$("#file_1").on('change', function(e){
for(var i = 0; i < this.files.length; i++){
let fileBloc = $('<span/>', {class: 'file-block'}),
fileName = $('<span/>', {class: 'name', text: this.files.item(i).name});
fileBloc.append('<span class="file-delete"><span>+</span></span>')
.append(fileName);
$("#filesList > #files-names").append(fileBloc);
};
// Ajout des fichiers dans l'objet DataTransfer
for (let file of this.files) {
dt.items.add(file);
}
// Mise à jour des fichiers de l'input file après ajout
this.files = dt.files;
// EventListener pour le bouton de suppression créé
$('span.file-delete').click(function(){
let name = $(this).next('span.name').text();
// Supprimer l'affichage du nom de fichier
$(this).parent().remove();
for(let i = 0; i < dt.items.length; i++){
// Correspondance du fichier et du nom
if(name === dt.items[i].getAsFile().name){
// Suppression du fichier dans l'objet DataTransfer
dt.items.remove(i);
continue;
}
}
// Mise à jour des fichiers de l'input file après suppression
document.getElementById('attachment').files = dt.files;
});
});
</script>
<style>
#files-area{
width: 100%;
margin: 0 auto;
}
.file-block{
border-radius: 10px;
background-color: rgba(144, 163, 203, 0.2);
margin: 5px;
color: initial;
display: inline-flex;
float:left;
}
.file-delete{
display: flex;
width: 24px;
color: initial;
background-color: #6eb4ff00;
font-size: large;
justify-content: center;
margin-right: 3px;
cursor: pointer;
transform: rotate(45deg);
}
</style>
<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>';
}
$(document).on("change","#ikio_representative",function(){
var email = $(this).find(':selected').data('email');
var ikio_representative = $(this).val();
if(ikio_representative=="Other"){
$("#ikio_rep_email").show();
}else{
$("#ikio_rep_email").hide();
}
$("#ikio_representative_email").val(email);
})
</SCript>