Subversion Repositories SmartDukaan

Rev

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

<script>
        $(document).ready(function(){
                        
                $("#state").val('<?php echo $getstateval;?>');
                $('#submitdata').click(function(){
                        
                        if($('#pin').val().length!=6)
                        {
                                $("#pin").next().html('Invalid Pin');
                                $("#pin").css({"border":"red solid 1px"});

                        }
                        else
                        {
                                $("#pin").next().html('');
                                $("#pin").css({"border":"#58d936 solid 1px"});
                        }

                        if($('#phone').val().length!=10)
                        {
                                $("#phone").next().html('Invalid Phone Number');
                                $("#pin").css({"border":"red solid 1px"});
                        }
                        else
                        {
                                $("#phone").next().html('');
                                $("#pin").css({"border":"#58d936 solid 1px"});
                        }


                });
        });
</script>

<style>

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

* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
  color: #000;
}
input,
select,
a,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
input:active,
select:active,
a:active,
.btn:active {
  background: rgba(0,0,0,0.2);
}


input {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}


* html .clearfix {
  height: 1px;
}
select::-ms-expand {
  display: none;
  color: #ffffff;
}
select::selection {
  background-color: black;
}
input[type="checkbox"]::-ms-check {
  display: none;
}

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: url(../images/error-notification.png) no-repeat 5px center;*/
  background-size: 20px;
  margin-bottom: 10px;
}

.form_submit{
        width:100%;
}



</style>

<div class='container' style='margin-bottom:50px;'>
        <div class='row' style="padding-bottom:40px;">
                <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="<?php echo $base_url;?>shippings/add" name='form2' id='form2' class="address-form" 
                                <fieldset>
                                        <legend>Add New Address: <input type="submit" name="submit" value="Save" class='btn btn-success' id='form_submit' style='float:right;'/></legend>
                                        <label>Name<span>*</span></label>
                                        <input type="text" id="" name="name" placeholder= "<?php echo $_COOKIE['name'];?>"/>
                                        <label>Address<span>*</span></label>
                                        <textarea rows="2" id="line1" name="line1" 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>
                                                        <input type="text" id="city" name="city" required/>

                                                        <label>Phone<span>*</span></label>
                                                        <input type="text" id="phone" 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="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='<?php echo $_COOKIE['pin'];?>' type="text" id="pin" name="pin" pattern="\d.{5,5}" title="Invalid Pin" />
                                                </div>
                                        </div>
                                        
                                        
                                        
                                        
        
                                        
                                        <span style='color:red;'></span>
                                        
                                </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: Rs. 1000000/-<br>
                                        <a href="#" style='     padding-right:2px;color:blue;font-size:15px;'>Other Pay Option</a>
                                        <button class='btn btn-success' style='float:right;'>Confirm Order via COD</button>
                                        
                                </div>
                        </div>
</div>