Subversion Repositories SmartDukaan

Rev

Rev 17882 | Rev 17914 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
<script>
        $(document).ready(function(){
                        
                $("#state").val('<?php echo $getstateval;?>');

                 $('#pin').keyup(function(){
            var pin_val = $(this).val();
            if(pin_val.length == 6){
                $.ajax({
                    method: "GET",
                    url:  "<?php echo $base_url;?>shippings/getstate/"+pin_val,
                },'json')
                .done(function(msg){ 
                        msg = eval('('+msg+')');
                        if(msg=="{}")                  
                        {
                                $("#cities").empty();
                                $("#state").val("");            
                        }
                        else
                        {
                                $("#state").val(msg['state']);
                                $("#cities").empty();
                                for(var i in msg['cities']){
                                        var html = "<option value="+msg['cities'][i]+">"+msg['cities'][i]+"</option>"
                                        $("#cities").append(html);
                                }       
                        }
                    
                });                     
            } 
            else{
                $("#cities").empty();
                $("#state").val("");
            }
        });



        


        });
</script>

<style>

#footer{
    position:fixed;
    /*height:50px;*/
    /*background-color:red;*/
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

* {
  padding: 0;
  margin: 0;
}







select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: #58d936 solid 1px;
  color: #555555;
  border-radius: 6px;
  outline: none;
  padding: 4px;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;*/
  /*margin: 2px 0 8px 0;*/
  margin: 2px 0 0px 0;
  background: url('../images/dropdown.PNG') no-repeat 99% 16px, #ffffff;
  background-size: 20px, 100%;
}
.shipping-cont {
  margin:7px 2px;
  padding: 12px 7px;
  background: white;
}
.shipping-cont form {
  padding: 0px 0;
}
.shipping-cont form fieldset {
  border: none;
}

.shipping-cont label span {
  color: red;
}
/*.shipping-cont input[type="submit"] {
  float: left;
  width: 100%;
  margin: 10px 0;
  background: #ff7201;
  color: #ffffff;
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 5px 0;
  text-transform: uppercase;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
}*/

label{
        margin:0px;
        padding:0px;
}

input[type="text"],
input[type="number"],
input[type="date"],
textarea {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: #58d936 solid 1px;
  color: #555;
  border-radius: 6px;
  outline: none;
  padding: 5px;
  /*display: block;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font: normal 1.2em Helvetica, Arial, sans-serif;
  /*margin: 2px 0 8px 0;*/
   margin: 2px 0 0px 0;
}

textarea{
        resize: none;
}

.error_msg {
  padding: 5px 5px 5px 28px;
  display: block;
  border: #fc1f1f dashed 1px;
  color: #fc1f1f;
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
  margin: 0 5px;
  background-size: 20px;
  margin-bottom: 10px;
}

.form_submit{
        width:100%;
}



</style>

<div class='container' style='margin-bottom:50px;'>
        <div class='row' style="padding-bottom:55px;">
                <div class='col-xs-12' style='padding:0px'>

                        <div class="shipping-cont">
                        <div id="error" class="error_msg" style="display:none">
                </div>
                        <form method="post" action="#" name='form2' id='form2' class="address-form" 
                                <fieldset>
                                        <h4>Add New Address:
                                         <!-- <input type="submit"  name="submit" value="Save" class='btn btn-success' id='form_submit' style='float:right;'/> -->
                                        </h4>

                                        <!-- <label>Name<span>*</span></label> -->
                                        <input type="text" id="name" name="name" placeholder="Enter name*" value="<?php echo $user_name;?>" required/>
                                        <!-- <label>Address<span>*</span></label> -->
                                        <textarea rows="2" id="line1" name="line1" placeholder="Address*" required></textarea>
                                        <!-- <input type="text" id="line1" name="line1" required/> -->

                                        <div class='row' style='padding-bottom:5px'> 
                                                <div class='col-xs-6' style='padding:0px 5px 0px 0px ;'>
                                                        <!-- <label>City<span>*</span></label> -->
                                                        <datalist id="cities">
                                                        </datalist>
                                                        <input type="text" placeholder="City*" id="city" name="city" list="cities" required/>

                                                        <!-- <label>Phone<span>*</span></label> -->
                                                        <input type="text" id="phone" value="<?php echo $user_contact;?>" placeholder="Contact number*" name="phone" pattern="\d.{9,9}" required title="Invalid Phone number.."/>
                                                </div>
                                                <div class='col-xs-6' style='padding:0px 0px 0px 5px ;'>
                                                        <!-- <label>State<span>*</span></label> -->
                                                        <select id="state" name="state" required>
                                                                <option value="">Select State</option>
                                                                <option value="Andaman &amp; Nicobar Island">Andaman &amp; Nicobar Island</option>
                                                                <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                                <option value="Arunachal Pradesh">Arunachal Pradesh</option>
                                                                <option value="Assam">Assam</option>
                                                                <option value="Bihar">Bihar</option>
                                                                <option value="Chandigarh">Chandigarh</option>
                                                                <option value="Chattisgarh">Chattisgarh</option>
                                                                <option value="Dadra &amp; Nagar Haveli">Dadra &amp; Nagar Haveli</option>
                                                                <option value="Daman &amp; Diu">Daman &amp; Diu</option>
                                                                <option value="Delhi">Delhi</option>
                                                                <option value="Goa">Goa</option>
                                                                <option value="Gujarat">Gujrat</option>
                                                                <option value="Haryana">Haryana</option>
                                                                <option value="Himachal Pradesh">Himachal Pradesh</option>
                                                                <option value="Jammu &amp; Kashmir">Jammu &amp; Kashmir</option>
                                                                <option value="Jharkhand">Jharkhand</option>
                                                                <option value="Karnataka">Karnataka</option>
                                                                <option value="Kerala">Kerala</option>
                                                                <option value="Lakshadweep">Lakshadweep</option>
                                                                <option value="Madhya Pradesh">Madhya Pradesh</option>
                                                                <option value="Maharashtra">Maharashtra</option>s
                                                                <option value="Manipur">Manipur</option>
                                                                <option value="Meghalaya">Meghalaya</option>
                                                                <option value="Mizoram">Mizoram</option>
                                                                <option value="Nagaland">Nagaland</option>
                                                                <option value="Orissa">Orissa</option>
                                                                <option value="Pondicherry">Pondicherry</option>
                                                                <option value="Punjab">Punjab</option>
                                                                <option value="Rajasthan">Rajasthan</option>
                                                                <option value="Sikkim">Sikkim</option>
                                                                <option value="Tamil Nadu">Tamil Nadu</option>
                                                                <option value="Telangana">Telangana</option>
                                                                <option value="Tripura">Tripura</option>
                                                                <option value="Uttar Pradesh">Uttar Pradesh</option>
                                                                <option value="Uttarakhand">Uttarakhand</option>
                                                                <option value="West Bengal">West Bengal</option>
                                                        </select>

                                                        <!-- <label>Pincode<span>*</span></label> -->
                                                        <input placeholder="Pincode*" required value='<?php echo $pinval;?>' type="text" id="pin" name="pin" pattern="\d.{5,5}" title="Invalid Pin" />
                                                </div>
                                        </div>
                                </fieldset>
                        </form>


                </div>
        </div>


        <div class='row' style='padding:0px;' id='footer'>
                <div class='col-xs-12' style='background-color:white;padding:5px; width:100%;'>
                        <h4>Total payable Amount: &#8377; <?php echo number_format($totalPayable);?></h4>
                        <a href="#" style='padding-right:2px;color:blue;font-size:15px;' data-name="other_option" class="submit_check"><u>Other Pay Option</u></a>
                        <button class="btn btn-success pull-right submit_check" data-name="cod">Confirm Order via COD</button>
                </div>
        </div>
</div>