JezK

Edit File: requestquote.php

<?php
include("app/checkSession.php");
include("app/adminObj.php"); 
define('AJAX_PATH','http://localhost/bitbucketworkspace/uflexit_web_new/');
// if(isset($_SESSION['user_id']) && $_SESSION['role']==1  ){
//    $customerObj->redirect('login.php');
// }
$dealsData=$customerObj->getWarehouseDealList($_GET['id'],"productwareHouseDeals");
$countryList=$customerObj->getCountryList();
$optionData='';
foreach($countryList as $val) 
    {
        $optionData.= '<option class="text-capitalize" value='.$val['country_id'].'>'.$val['display_name'].'</option>';
    }
$dealsCheckboxes='';
if(isset($dealsData) && count($dealsData)>0)
{
    foreach($dealsData as $v)
    {
      $activeClass='';
      if($v['deal_id']==1)
        $selectAllClass="id='prdDeal'";
      else
        $selectAllClass="class='prdd1'";

$dealsCheckboxes.="<div class='col-md-6'><label class='ml-4'>".trim($v['deal_name']). "<input type='checkbox' name='productwareHouseDeals[]' $selectAllClass value='".$v['deal_id']."' $activeClass><span class='checkbox'></span></label></div>";
    }
}

<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>
<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="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_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>
                            
                            <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>
            </nav>
        </div>

<div class="heading">
            <div class="flex-container">
                <div class="imageclass">
                    <a href="warehouse-list.php"><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  method="post" action="app/request_quote_app.php">
            <input type="hidden" name="warehouse_id" value="<?php echo $_GET['id'];?>">
                <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="pallet_or_space_type" 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="Please Enter Number of pallets" />
                            </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="datepicker" class="inpt-label datepickerlable">From Date
                            <div class="input-container" style="position: relative">
                                <input type="text" name="from_date" id="datepicker" value=""
                                    class=" form-control " placeholder="From Date"
                                    onselect="return dateNew()">
                                <div class="calendericon" for="datepicker">
                                    <img src="images/Customer_croppings/calender.png" >
                                </div>
                            </div>
                            </label>
                        </div>
                        <div class=" pt-3 pb-3">
                            <label for="datepicker1" class="inpt-label datepickerlable">To Date
                            <div class="input-container" style="position: relative">
                                <input type="text" id="datepicker1" name="to_date" value=""
                                    class=" form-control frm-input" placeholder="To Date" onclick="toDate()"  />
                                <div class="calendericon">
                                    <img src="images/Customer_croppings/calender.png">
                                </div>
                            </div>
                            </label>
                        </div>
                        <div class=" pt-1 pb-3">
                            <label for="datepicker1" class="inpt-label datepickerlable"> Days
                            <div class="input-container" style="position: relative">
                                <input type="text" id="total_days" name="total_days" 
                                    class=" form-control frm-input" placeholder="Number of Days" />
                            </div>
                            </label>
                        </div>

<label for="expectedvalue" class="inpt-label">Expected Value</label>

<div class="row pt-3 pb-3">
                            <div class="col-md-6">
                                <select id="currency" name="currency_type" class="form-control frm-input"
                                    onChange="return currencyChange(this.value)">
                                    <option value="">Select</option>
                                    <?= $optionData;?>
                                </select>
                            </div>
                            <div class="col-md-6  input-container" id ="currency_type">

</div>
                        </div>
                    </div>

</div>

<div class="border  pt-3">
                    <label for="dealswedealwith" class="inpt-label">Products we deal with</label>

<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="description" rows="5" class="form-control frm-input"
                            placeholder="Description"></textarea>
                    </div>
                </div>
        
        </div>
        <div class="row submit">
            <div class="col-md-2 pr-0 py-2">
                <input type="submit" name="request_quote" value="submit" class="btn btn-primary w-100" />
            </div>
        </div>

</form>
        </div>
    </section>
<?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(country_id) {
   
    jQuery.ajax({
           type: "POST",
           url: '<?php echo AJAX_PATH ?>ajax.php',
           data: ({action:'get_currency',country_id:country_id}),
           success: function(data) {  
             jQuery('#currency_type').html(data);  
           }  
        }); 
    
}

// 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'
//     }
// };

// function dateNew() {

//     var date = new Date();
//     var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
//     $('.datepicker').datetimepicker({
//         minDate: today,
//         format: 'YYYY-MM-DD'
//     })

// };

// $(function() {
//     var todate = document.getElementById("datepicker").value;
//     $('.datepicker1').datetimepicker({
//         minDate: todate,
//         format: 'YYYY-MM-DD'
//     });

// });

// $(function() {
//     var date = new Date();
//     var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
//     $('.datepicker1').datetimepicker({
//         minDate: document.getElementById("datepicker").value,
//         format: 'YYYY-MM-DD'
//     });
// });

// $("#datepicker1").on("change", function() {

//     var fromdate = document.getElementById("datepicker").value;
//     var todate = document.getElementById("datepicker1").value;

//     if (todate < fromdate) {

//         document.getElementById("datepicker1").value = "";
//         alert(fromdate)

//     } else {
//         document.getElementById("datepicker1").value = todate;

//         alert(todate)

//     }

// })

$(document).ready(function() {
     $("#datepicker").datetimepicker({
        format: 'DD-MM-YYYY',
        minDate: new Date(),
    });
  } );

function toDate(){

}

// function cal() {
//     alert('hello')
//     if (document.getElementById("datepicker1").value != '') {
//         alert('hello')
//         // console.log("hello")
//         document.getElementById("total_days").value = GetDays();
//     }
// }

</script>