Subversion Repositories SmartDukaan

Rev

Rev 20978 | 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(){
                var cart_details = localStorage.getItem("cart_details");
                if(cart_details == undefined){
                        $('span#totalPayable').text(' ₹ 0');
                        $('input.submit_check').prop( "disabled", true );
                }else{
                        $('input.submit_check').prop( "disabled", false );
                }
                var footertop = $(window).height();
                setInterval(function() {
                        if(parseInt(footertop)!=parseInt($(window).height())){
                                $("div#footer").hide();
                        }else{
                                $("div#footer").show();
                        }
                },100);
                $("#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]+'"></option>';
                                        $("#cities").append(html);
                                }       
                        }
                    
                });                     
            } 
            else{
                $("#cities").empty();
                $("#state").val("");
            }
        });



        


        });
</script>

<style>

.link {
     background:none!important;
     color:blue;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid blue; 
     cursor: pointer;
}

#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%;
}

#message{
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        margin-top: 0px;
        z-index: 10;
}

</style>
<div class="alert alert-danger hidden" id="message"></div>
<div class='container' style='margin-bottom:50px;'>
        <form method="post" action="#" name='form2' id='form2' class="address-form"> 
                <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>

                        <div class="modal fade" id="loadingModal">
                                <div class="modal-dialog">
                                        <div class="modal-content">
                                                <div class="modal-body">
                                                        <div class="text-center">
                                                                <img src="/img/ajax-loader.gif" />
                                                        </div>
                                                </div>
                                        </div>
                                        <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                        </div>

                        <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" autocomplete="off" 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>
        
                                <div class='row' style='padding-bottom:5px'> 
                                        <div class='col-xs-6' style='padding:0px 5px 0px 0px ;'>
                                                <datalist id="cities">
                                                </datalist>
                                                <input type="text" autocomplete="off" placeholder="City*" id="city" name="city" list="cities" required/>
        
                                                <!-- <label>Phone<span>*</span></label> -->
                                                <input type="text" autocomplete="off" id="phone" value="<?php echo $user_contact;?>" placeholder="Contact number*" name="phone"/>
                                        </div>
                                        <div class='col-xs-6' style='padding:0px 0px 0px 5px ;'>
                                                <!-- <label>Pincode<span>*</span></label> -->
                                                <input placeholder="Pincode*" autocomplete="off" value='<?php echo $pinval;?>' type="text" id="pin" name="pin" />

                                                <!-- <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="Chhattisgarh">Chhattisgarh</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>
                                                        <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>
        
                                        </div>
                                </div>
                        </fieldset>


                </div>
        </div>

        <div class='row' style='padding:0px;' id='footer'>
                <div class='col-xs-12' style='background-color:white;padding: 10px 20px 20px 20px; width:100%;'>
                        <input type="submit" value="Save" class="col-xs-12 btn btn-success submit_check" data-name="add"></input>
                </div>
        </div>
        </form>
</div>