JezK
Edit File: requestquote.php
<!DOCTYPE html> <html lang="en" class="h-100"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Uflexit</title> <meta name="description" content="Uflexit"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" type="text/css"> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="css/requestquote.css" type="text/css"> <link rel="stylesheet" href="warehouse_admin/css/addWareHouse.css" type="text/css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel="stylesheet" type='text/css'> </head> <body> <section id="main"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light nav px-5 navbarborder"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse row" id="navbarNav"> <!-- <div class="row"> --> <div class="col-md-4"> <a class="nav-link" href="index.php"><img src="images/Home_Croppings/uflexitlogo.png"> <span class="sr-only">(current)</span></a> </div> <div class="col-md-4 mt-4"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link d-flex text-center home-icon" href="index.php" > <div> <img class="pr-2 home-icon-img"src="images/Home_Croppings/Home.png"> </div> <div class="menu-items"> Home</div> </a> </li> <li class="nav-item"> <!-- <a class="nav-link d-flex text-center warehouse-icon" href="warehouse.php"> --> <a class="nav-link d-flex text-center warehouse-icon" href="warehouse_admin/mywarehouse.php"> <div> <img class="pr-2 warehouse-icon-img" src="images/Home_Croppings/Warehouses.png"></div> <div class="menu-items">Warehouses</div></a> </li> </ul> </div> <div class="col-md-4 logindiv" > <ul class="navbar-nav ml-5 "> <?php if(isset($_SESSION) && isset($_SESSION['email']) && $_SESSION['email']!='') { ?> <li class="nav-item"> <a class="nav-link lr-styl py-0">Hi: <?php echo substr($_SESSION['name'],0,5)."..";?></a> </li> <li><div class="vl border-line" style="margin-top: 5px !important;">|</div> </li> <li class="nav-item"> <a class="nav-link lr-styl py-0" href="logout.php">Logout</a> </li> <?php } else {?> <li class="nav-item "> <a class="nav-link lr-styl py-0" >Login <img class="image" src="images/Home_Croppings/dropdown_A.png" style="margin-bottom: 6px;"></a> <ul class="li-dropdown dropdown-menu"> <li><a href="owner_login.php">Warehouse Login</a></li> <li><a href="login.php">Customer Login</a></li> </ul> </li> <li><div class="vl border-line" style="margin-top: 5px !important;">|</div> </li> <!-- <div class="vl my-4" style="border-left: 2px solid #2f6cd2;"></div> --> <li class="nav-item"> <a class="nav-link lr-styl py-0">Register <img class="image"src="images/Home_Croppings/dropdown_A.png" style="margin-bottom: 6px;"></a> <ul class="li-dropdown dropdown-menu menu-right"> <li><a href="owner_registration.php">Warehouse Registration</a></li> <li><a href="registration.php">Customer Registration</a></li> </ul> </li> <?php } ?> </ul> <!-- </div> --> <!-- </div> --> </div> </div> </nav> </div> <div class="heading"> <div class="flex-container"> <div class="imageclass"> <a href="#" ><img src="images\Customer_croppings\back_main.png"></a> </div> <div class="headingclass"> <h3><strong>Request Quote</strong></h3> </div> </div> </div> <div class="container"> <form> <div class="row justify-content-center flex-column "> <div class="alignmentclass"> <label for="servicetype" class="inpt-label">Service Type</label> <div class="input-container"> <select id="service" name="service" class="form-control frm-input" onChange="return serviceType()"> <option value="">Select</option> <option value="1">Pallet</option> <option value="2">Space</option> </select> </div> <div class="pallet pt-3" style="display:none"> <label for="pallet" class="inpt-label">Number of Pallets</label> <div class="input-container"> <input type="text" id="pallet" name="pallet" value="" class="form-control frm-input" placeholder="25" /> </div> </div> <div class="space pt-3" style="display:none"> <label for="space" class="inpt-label">Number of Square Meters</label> <div class="input-container"> <input type="text" id="space" name="space" value="" class="form-control frm-input" placeholder="Sqmts" /> </div> </div> <div class=" pt-3"> <label for="fromdate" class="inpt-label">From Date</label> <div class="input-container" style="position: relative"> <input type="text" name="datepicker" id="datepicker" class="datepicker form-control "placeholder="From Date" > <div class="calendericon"> <img src="images/Customer_croppings/calender.png"> </div> </div> </div> <div class=" pt-3 pb-3"> <label for="todate " class="inpt-label">To Date</label> <div class="input-container" style="position: relative"> <input type="text" id="datepicker1" name="datepicker1" class="datepicker1 form-control frm-input" placeholder="To Date" /> <div class="calendericon"> <img src="images/Customer_croppings/calender.png"> </div> </div> </div> <label for="expectedvalue" class="inpt-label">Expected Value</label> <div class="row pt-3 pb-3"> <div class="col-md-4"> <select id="currency" name="currency" class="form-control frm-input" onChange="return currencyChange()"> <option value="">Select</option> <option value="jordan">Jordan</option> <option value="uae">UAE</option> <option value="Saudi">Saudi Arabia</option> </select> </div> <div class="col-md-8 input-container"> <div class="nocurency" style="display:block"> <input type="text" placeholder=" " id="currencyname" class="form-control" name="rupee"> </div> <div class="jordan" style="display:none"> <input type="text" placeholder="JD" id="currencyname" class="form-control" name="jordn"> </div> <div class="uae" style="display:none"> <input type="text" placeholder="AED" id="currencyname" class="form-control" name="uae"> </div> <div class="saudi" style="display:none"> <input type="text" placeholder="SAR" id="currencyname" class="form-control" name="saudi"> </div> </div> </div> </div> </div> <div class="border pt-3"> <label for="dealswedealwith" class="inpt-label">Products we deal with</label> <div class="row mt-3"> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">All <input type="checkbox" name="productwareHouseDeals[]" id="prdDeal" value="1"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Electronics <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="2" checked=""> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Machine Parts <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="3"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Printer Materials <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="4"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Stationery <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Telecommunication Equipment <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Glass <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Sporting Equipment <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Dry and Liquid Goods <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Amazon FBA <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Printed Materials <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> <div class="col-md-4 mt-2 mb-2"> <label class="ml-4">Package food and beverage <input type="checkbox" name="productwareHouseDeals[]" class="prdd1" value="5"> <span class="checkbox"></span></label></div> </div> </div> <div class="description pt-3"> <label for="todate" class="inpt-label">Description if any</label> <div class="input-container"> <textarea type="text" id="description" name="todate" rows="5" class="form-control frm-input" placeholder="Description"></textarea> </div> </div> </div> </div> <div class="row submit"> <div class="col-md-2 pr-0 py-2"> <input type="submit" name="submit" value="submit" class="btn btn-primary w-100" /> </div> </div> </form> </div> </body> <?php include("footer.php"); ?> <script> $= jQuery; function serviceType(){ var x = document.getElementById("service").value; if (x == "1") { $(".pallet").attr("style", "display:block") $(".space").attr("style", "display:none") } else { $(".space").attr("style", "display:block") $(".pallet").attr("style", "display:none") } } function currencyChange(){ var y = document.getElementById("currency").value; if (y == "jordan") { $(".jordan").attr("style", "display:block") $(".uae").attr("style", "display:none") $(".saudi").attr("style", "display:none") $(".nocurency").attr("style", "display:none") } else if(y=="uae") { $(".jordan").attr("style", "display:none") $(".uae").attr("style", "display:block") $(".saudi").attr("style", "display:none") $(".nocurency").attr("style", "display:none") } else { $(".jordan").attr("style", "display:none") $(".uae").attr("style", "display:none") $(".saudi").attr("style", "display:block") $(".nocurency").attr("style", "display:none") } } jQuery('[data-toggle="tooltip"]').tooltip(); var defaults = { calendarWeeks: true, showClear: true, showClose: true, allowInputToggle: true, useCurrent: false, ignoreReadonly: true, //minDate: new Date(), toolbarPlacement: 'top', locale: 'nl', icons: { time: 'fa fa-clock-o', date: 'fa fa-calendar', up: 'fa fa-angle-up', down: 'fa fa-angle-down', previous: 'fa fa-angle-left', next: 'fa fa-angle-right', today: 'fa fa-dot-circle-o', clear: 'fa fa-trash', close: 'fa fa-times' } }; var optionsDate = jQuery.extend({}, {format:'DD-MM-YYYY'}); jQuery(document).ready(function(){ var optionsTime = jQuery.extend({}, {format:'HH:mm'}); jQuery('.timepicker').datetimepicker(optionsTime); }); jQuery(document).on('focus', '.datepicker',function(){ jQuery('.datepicker').datetimepicker(optionsDate); }); var optionsDate = jQuery.extend({}, {format:'DD-MM-YYYY'}); jQuery(document).ready(function(){ var optionsTime = jQuery.extend({}, {format:'HH:mm'}); jQuery('.timepicker').datetimepicker(optionsTime); }); jQuery(document).on('focus', '.datepicker1',function(){ jQuery('.datepicker1').datetimepicker(optionsDate); }); </script> </html>