Edit file File name : Create_property.php Content : <div class="container-fluid"> <h4 class="text-center" style="color:#024201;margin:0;"> Fill All The Details Properly</h4> <div class="col-md-12 content-center"> <div class="card-plain"> <form class="form" method="post" action="<?=base_url()?>properties/add_user" enctype="multipart/form-data"> <div class="header"> <div class="logo-container"> <img src="assets/images/logo.svg" alt=""> </div> </div> <div class="content row"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Property Photo / video</h6></div> <div class="form-group col-md-3"> <div> Project Code</div> <input type="text" readonly name="project_code" class="form-control" placeholder="AUTO GENERATED"> </div> <div class="form-group col-md-3"> <div>Youtube Video ID</div> <input type="text" name="youtube" class="form-control" placeholder="https://www.youtube.com/embed/YOUR_VIDEO_ID" onchange="check_video(this.value)"> </div> <div class="form-group col-md-3"> <div>Banner Image</div> <input type="file" name="property_image" required class="form-control" placeholder="Property Image"> </div> <div class="form-group col-md-3"> <div>Property Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="property_images[]" required class="form-control" placeholder="CONTACT NUMBER"> </div> </div> <div class="col-md-12" style="padding-top:25px;"> <div class="form-group col-md-3"> <div>Hall Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="hall_images[]" required class="form-control" /> </div> <div class="form-group col-md-3"> <div>Kitchen Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="kitchen_images[]" class="form-control"/> </div> <div class="form-group col-md-3"> <div> Bathroom Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="bathroom_images[]" class="form-control" /> </div> <div class="form-group col-md-3"> <div> Bedroom Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="bedroom_images[]" class="form-control" /> </div> <div class="form-group col-md-3"> <div> Balcony Image <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="balcony_images[]" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Other Images <span style="color:grey;font-size:9px;">(*Using`Ctrl`key)</span></div> <input type="file" multiple name="other_images[]" onclick="openimages()" multiple required class="form-control" placeholder="Property Image"> </div> <script> function check_video(str){ var div=document.getElementById("youtube"); div.innerHTML='<iframe width="100%" height="315" src="https://www.youtube.com/embed/'+str+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'; } </script> </div> <div class="col-md-12" style="padding-top:25px;"> <div class="form-group col-md-3"> <div>Contact Number</div> <input type="number" name="contact_number" required class="form-control" placeholder="CONTACT NUMBER"> </div> <div class="form-group col-md-3"> <div>Contact Mail</div> <input type="text" name="contact_mail" required placeholder="CONTACT MAIL" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Description</div> <input type="text" name="description" required placeholder="DESCRIPTION" class="form-control"/> </div> <div class="form-group col-md-3"> <div> Offer Input</div> <input type="text" id="offer" name="offer" required placeholder="OFFER" class="form-control" /> </div> <!--<script>--> <!-- function checkdiscount(sellingprice,price){--> <!-- var p=parseInt(price);--> <!-- var s=parseInt(sellingprice);--> <!-- var discount=((p-s)*100)/p;--> <!-- document.getElementById("discount").value=discount+" %";--> <!-- }--> <!--</script>--> </div> <hr style="width:100%; height:5px; border-top: 2px solid #407857;"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Property Configuration</h6></div> <div class="form-group col-md-2"> <div>Hall</div> <select type="text" name="hall" required class="form-control" > <optgroup label="Select Count"> <option value="0">0</option> <option value="1">1</option> </optgroup> </select> </div> <div class="form-group col-md-2"> <div>Kitchen</div> <select type="text" name="kitchen" required class="form-control" > <optgroup label="Select Count"> <option value="0">0</option> <option value="1">1</option> </optgroup> </select> </div> <div class="form-group col-md-2"> <div>Bedroom</div> <select type="text" name="bedroom" required class="form-control" > <optgroup label="Select Count"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </optgroup> </select> </div> <div class="form-group col-md-2"> <div>Bathroom</div> <select type="text" name="bathroom" required class="form-control" > <optgroup label="Select Count"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </optgroup> </select> </div> <div class="form-group col-md-2"> <div>Balcony</div> <select type="text" name="balcony" required class="form-control" > <optgroup label="Select Count"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </optgroup> </select> </div> <div class="form-group col-md-2"> <div>Other's <span style="color:grey;font-size:10px">*If Any</span></div> <select type="text" name="other_config" required class="form-control" placeholder="Ex: 1 pooja room , 1 store room"> <optgroup label="Select Count"> <option value="Yes">Yes</option> <option value="No">No</option> </optgroup> </select> <input type="text" name="other_config" placeholder="Ex: 1 pooja room , 1 store room" class="form-control" /> </div> </div> <div class="col-md-12" style="padding-top:25px;"> <div class="form-group col-md-2"> <div>Area (Sq Ft)</div> <input type="number" name="area" required placeholder="AREA" class="form-control" /> </div> <div class="form-group col-md-2"> <div>Per Sq Ft Price</div> <input type="number" min="0" name="per_sq_ft_price" required placeholder="PER_SQ_FT_PRICE" class="form-control" /> </div> <div class="form-group col-md-2"> <div> Floor </div> <input type="text" id="" name="floor" required placeholder="EX : 4th out of 11" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Area Type</div> <select name="area_type" required class="form-control" > <option value=""></option> <option value="Carpet">Carpet</option> <option value="Builtup">Builtup</option> <option value="Saleable">Saleable</option> </select> </div> <div class="form-group col-md-3"> <div>Property Type</div> <select name="property_type" required placeholder="LOCALITY" class="form-control" > <option value="">Select type</option> <?php foreach($types as $l){ ?> <option value="<?=$l->type?>"><?=$l->type?></option> <?php } ?> </select> </div> </div> <hr style="width:100%; height:5px; border-top: 2px solid #407857;"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Property Project Details</h6></div> <div class="form-group col-md-4"> <div>Transaction</div> <select name="transaction" required class="form-control" > <option value="New">New</option> <option value="Resale">Resale</option> </select> </div> <div class="form-group col-md-4"> <div>Location</div> <select name="station" required placeholder="LOCALITY" class="form-control" > <option value="">Select Location</option> <?php foreach($locations as $l){ ?> <option value="<?=$l->name?>"><?=$l->name?></option> <?php } ?> </select> </div> <div class="form-group col-md-4"> <div>Status</div> <select name="status" required class="form-control" > <option value="Ready">Ready</option> <option value="Under-Construction">Under-Construction</option> </select> </div> </div> <div class="col-md-12" style="padding-top:25px;"> <div class="form-group col-md-4"> <div>Project Name</div> <input type="text" name="project_name" required placeholder="PROJECT NAME" class="form-control"/> </div> <div class="form-group col-md-4"> <div>Locality</div> <input type="text" name="lacality" required placeholder="LOCALITY" class="form-control" /> </div> <div class="form-group col-md-4"> <div>Available From</div> <input type="date" name="available_from" required placeholder="AVAILABLE FROM" class="form-control" /> </div> </div> <div class="col-md-12" style="padding-top:25px;"> <div class="form-group col-md-4"> <div>RERA</div> <select name="rera" required class="form-control" > <option value="Approved">Approved</option> <option value="Not Approved">Not Approved</option> </select> </div> <div class="form-group col-md-4"> <div>Muslim Factor</div> <select name="m_factor" required class="form-control" > <option value="Allow">Allow</option> <option value="Not Allow">Not Allow</option> </select> </div> <div class="form-group col-md-4"> <div>City Facing</div> <select name="l_facing" required class="form-control" > <option value="East">East</option> <option value="West">West</option> </select> </div> </div> <hr style="width:100%; height:5px; border-top: 2px solid #407857;"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Property Project Hightlights</h6></div> <div class="form-group col-md-3"> <div>Amenities</div> <select class="js-example-basic-multiple form-control" name="aminities[]" required multiple="multiple" placeholder="Aminities"> <?php foreach($aminities as $n){ ?> <option value="<?=$n->name?>"><i class="<?=$n->icon?>"></i> <?=$n->name?></option> <?php } ?> </select> </div> <div class="form-group col-md-3"> <div>Near By</div> <select onchange="add_nearby(this.options[Array.from(this.selectedOptions).map(option => option.index)[Array.from(this.selectedOptions).map(option => option.index).length-1]].text)" class="js-example-basic-multiple form-control" name="nearby[]" required multiple="multiple" placeholder="Nearby"> <?php foreach($nearby as $n){ ?> <option value="<?=$n->name?>"><i class="<?=$n->icon?>"></i> <?=$n->name?></option> <?php } ?> </select> <script> function add_nearby(str,test){ // alert(test[test.length-1]); var nr=document.getElementById("nearby_d"); var div=document.createElement("div"); // alert(nr.childElementCount); //div.setAttribute("class","row"); div.innerHTML="<div class='row' style='display:block;'><div class='col-xs-5'><input name='near_by[]' value='"+str+"'></div><div class='col-xs-5'><input name='near_by_distance[]' placeholder='EX:- 1km '></div><div class='col-xs-2'><button onclick='remove("+nr.childElementCount+")'>X</button></div></div>"; nr.appendChild(div); } function remove(str){ var index=parseInt(str); var nr=document.getElementById("nearby_d"); nr.removeChild(nr.children[index]); } </script> </div> <div class="form-group col-md-3"> <div>Allowed Banks</div> <select class="js-example-basic-multiple form-control" name="banks[]" required multiple="multiple" placeholder="Approved Banks"> <?php foreach($banks as $n){ ?> <option value="<?=$n->id?>"><img src="<?=$n->image?>" style="width:70px;height:70px;"> <?=$n->bank_name?></option> <?php } ?> </select> </div> <div class="form-group col-md-3"> <div>Furnishing</div> <select name="furnishing" required class="form-control"> <option value="Unfurnished">Unfurnished</option> <option value="Semi Furnished">Semi Furnished</option> <option value="Fully Furnished">Fully Furnished</option> </select> </div> </div> <hr style="width:100%; height:5px; border-top: 2px solid #407857;"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Project Property Pricing</h6></div> <div class="form-group col-md-3"> <div>Asking Price</div> <input type="number" min="0" id="price" name="price" required placeholder="PRICE" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Selling Price</div> <input type="text" id="sellingprice" onkeyup="checkdiscount(this.value,price.value)" name="sellingprice" required placeholder="SELLING PRICE" class="form-control" /> </div> <div class="form-group col-md-3"> <div> Discount %</div> <input type="text" readonly id="discount" name="discount" required placeholder="DISCOUNT" class="form-control" /> </div> <script> function checkdiscount(sellingprice,price){ var p=parseInt(price); var s=parseInt(sellingprice); var discount=((p-s)*100)/p; document.getElementById("discount").value=discount+""; } </script> <div class="form-group col-md-3"> <div>Downpayment</div> <input type="number" min="0" name="downpayment" required placeholder="DOWNPAYMENT" class="form-control" /> </div> </div> <div class="col-md-12"> <div class="form-group col-md-3"> <div>Registration</div> <input type="number" id="registration" name="registration" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Stamp Duty</div> <input type="number" id="stamp_duty" name="stamp_duty" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>GST</div> <input type="number" id="other_charges" name="other_charges" required placeholder="" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Society</div> <input type="number" id="society" name="society" required placeholder="" class="form-control"/> </div> </div> <div class="col-md-12"> <div class="form-group col-md-3"> <div>Advocate Charges</div> <input type="number" id="advocate" name="advocate" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Development Charges</div> <input type="number" id="development" name="development" required placeholder="" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Parking Charges</div> <input type="number" id="parking" name="parking" required placeholder="" class="form-control" /> </div> <div class="form-group col-md-3"> <div>Other Charges</div> <input type="number" id="other_charges" name="other_charges" required placeholder="" class="form-control" /> </div> </div> <!--<div class="col-md-12">--> <!-- <div class="form-group col-md-4">--> <!-- <div>GST</div>--> <!-- <input type="text" id="gst" name="gst" required placeholder="" class="form-control"/>--> <!-- </div>--> <!-- <div class="form-group col-md-4">--> <!-- <div>Society</div>--> <!-- <input type="text" id="society" name="society" required placeholder="" class="form-control" />--> <!-- </div>--> <!-- <div class="form-group col-md-4">--> <!-- <div>Package</div>--> <!-- <input type="text" id="package" name="package" required placeholder="" class="form-control" />--> <!-- </div>--> <!--</div>--> <hr style="width:100%; height:5px; border-top: 2px solid #407857;"> <div class="col-md-12"> <div class="form_propertytab"><h6 class="form_propertycreation" style="padding:4px; color:#fff;"> Project Property Contact details</h6></div> <div class="form-group col-md-3"> <div>Project Name By(Building)</div> <input type="text" id="project_name1" name="project_name1" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Project Entered By(Person)</div> <input type="text" id="project_person" name="project_person" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Builders / Owners Name</div> <input type="text" id="builder_owner_name" name="builder_owner_name" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>Builders / Owners Number</div> <input type="number" id="builder_owner_no" name="builder_owner_no" required placeholder="" class="form-control"/> </div> </div> <div class="col-md-12"> <div class="form-group col-md-3"> <div>CP Name By(Person)</div> <input type="text" id="cp_name" name="cp_name" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>CP Number</div> <input type="number" id="cp_no" name="cp_no" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>DHC Brokerage</div> <input type="text" id="dhc_brokerage" name="dhc_brokerage" required placeholder="" class="form-control"/> </div> <div class="form-group col-md-3"> <div>CP Brokerage</div> <input type="text" id="cp_brokerage" name="cp_brokerage" required placeholder="" class="form-control"/> </div> </div> <div class="form-group row col-md-12"> <input type="hidden" name="updated_by" value="0" placeholder="updated_by" class="form-control" /> </div> </div> <div class="footer text-center"> <button type="submit" class="btn l-cyan btn-round btn-lg btn-block waves-effect waves-light">Submit</button> </div> </form> </div> </div> </div> <script> // $(document).ready(function() { $('.js-example-basic-multiple').select2(); // }); </script> Save