JezK

Edit File: request_quote1.php

<?php 
include("app/adminObj.php"); 
$dealsData=$customerObj->productDealList();
// print_r($dealsData);
$dealsCheckboxes='';
if(isset($dealsData) && count($dealsData)>0)
{
    foreach($dealsData as $v)
    {
      $activeClass='';
      if($v['deal_id']==1)
        $selectAllClass="id='prdDeal'";
      else
        $selectAllClass="class='prdd1'";

// if(isset($whmetadata) && count($whmetadata)>0 && in_array($v['deal_id'],$eproductwareHouseDeals))
        // {
        //   $activeClass="checked";
        // }

$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>";
    }
    
  
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>uflexit</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <style>
    /* Hide the browser's default checkbox */
    input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkbox {
        position: absolute;
        top: 2px;
        left: 15px;
        height: 20px;
        width: 20px;
        background-color: #eee;
        /* border-radius:12px; */
    }

:hover input~.checkbox {
        background-color: #ccc;
    }

/* When the checkbox is checked, add a blue background */
    input[type="checkbox"]:checked~.checkbox {
        background-color: #17a2b8;
    }

/* Create the checkmark/indicator (hidden when not checked) */
    .checkbox:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the checkmark when checked */
    input[type="checkbox"]:checked~.checkbox:after {
        display: block;
    }

/* Style the checkmark/indicator */
    .checkbox:after {
        left: 7px;
        top: 3px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

input[type="radio"] {
        position: absolute;
        opacity: 7;
        cursor: pointer;
    }

span.checkmark {
        border-radius: 50%;
        height: 24px;
        width: 24px;
        position: relative;
        background-color: grey;
        color: #fff;
        display: inline-block;
        text-align: center;
        margin-right: 9px;
    }

input:checked~.checkmark {
        background-color: #2196F3;
    }

input:checked~.radio-inline {
        background-color: #2196F3;
    }
    </style>
    <script type="text/javascript">
    function GetDays() {
        var fromdate = new Date(document.getElementById("from_date").value);

var todate = new Date(document.getElementById("to_date").value);
        // console.log(document.getElementById('pick_date').value);
        return parseInt((todate - fromdate) / (24 * 3600 * 1000));
    }

function cal() {
        if (document.getElementById("to_date").value != '') {
            // console.log("hello")
            document.getElementById("total_days").value = GetDays();
        }
    }
    </script>
</head>

<body>
    <div class="container mt-2">
        <div class="row d-flex justify-content-center">
            <div class="col-md-11  ">
                <!-- <form method="post" action="app/request_quote_app.php">
                    <div class="card  ">
                        <div class="card-header">
                            <h5 class="text-center">Request a Qoute</h5>
                            <hr class="bg-info">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="sel1">Select list </label>
                                        <select class="form-control bg-light" id="select_type" name="select_list"
                                            style="border: none; border-left: 3px solid skyblue;  border-radius: 0px;">
                                            <option value="">select</option>
                                            <option value="1">space</option>
                                            <option value="2">pallet</option>
                                        </select>
                                        <div class="error select_error text-danger"></div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="usr">Number of pallets 10-30</label>
                                        <input type="text" class="form-control bg-light" id="total_pallets"
                                            name="num_of_pallets"
                                            style="border: none; border-left: 3px solid skyblue;  border-radius: 0px;">
                                        <div class="error pallet_error text-danger"></div>
                                    </div>
                                </div>
                            </div>

</div>
                                </div>
                            </div>
                            <div class="row  mt-3">
                                <?php echo $dealsCheckboxes;?>
                                <span class="error deal_error"></span>
                                <input type="hidden" name="dealsOrglength" id="dealsOrglength"
                                    value="<?php if(isset($dealsData) && count($dealsData)>0) echo count($dealsData); else 0; ?>" />
                            </div>
                            <button class="btn btn-primary" type="submit" name="request_quote"
                                onclick="return validateQoute();">submit</button>
                        </div>
                    </div>
                </form> -->
                <div class="container">
                  <form method="post" action="app/request_quote_app.php">
                      <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" value=""
                                          class="datepicker form-control " placeholder="From Date"
                                          onselect="return dateNew()">
                                      <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" value=""
                                          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-6">
                                      <select id="currency" name="currency" class="form-control frm-input"
                                          onChange="return currencyChange()">
                                          <option value="nocurrency">Select</option>
                                          <option value="jordan">Jordan</option>
                                          <option value="uae">UAE</option>
                                          <option value="Saudi">Saudi Arabia</option>
                                      </select>
                                  </div>
                                  <div class="col-md-6 input-container">
                                      <div class="nocurrency" 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="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>
                  </form>
              </div>
            </div>
        </div>
    </div>

</html>