ok
Direktori : /home2/selectio/public_html/wedding-info/php old code/ |
Current File : //home2/selectio/public_html/wedding-info/php old code/order-create-2.php |
<?php include 'header.php'; ?> <div class="page-wrapper"> <div class="page-content"> <!--start stepper one--> <div id="stepper1" class="bs-stepper"></div><div id="stepper2" class="bs-stepper"></div> <!--end stepper two--> <!--start stepper three--> <div class="card"> <div class="card-body"> <div id="stepper3" class="bs-stepper gap-4 vertical"> <div class="bs-stepper-header" role="tablist" style="padding: 0px;"> <div class="step" data-target="#test-vl-1"> <div class="step-trigger" role="tab" id="stepper3trigger1" aria-controls="test-vl-1"> <div class="bs-stepper-circle"><i class='bx bx-user fs-4'></i></div> <div class=""> <h6 class="mb-0 steper-title">Buyer Details</h6> <p class="mb-0 steper-sub-title">Buyer & Biling Address</p> </div> </div> </div> <div class="step" data-target="#test-vl-2"> <div class="step-trigger" role="tab" id="stepper3trigger2" aria-controls="test-vl-2"> <div class="bs-stepper-circle"><i class='bx bx-file fs-4'></i></div> <div class=""> <h6 class="mb-0 steper-title">Pickup Details</h6> <p class="mb-0 steper-sub-title">Pickup Address Details</p> </div> </div> </div> <div class="step" data-target="#test-vl-3"> <div class="step-trigger" role="tab" id="stepper3trigger3" aria-controls="test-vl-3"> <div class="bs-stepper-circle"><i class='bx bxs-graduation fs-4'></i></div> <div class=""> <h6 class="mb-0 steper-title">Order Details</h6> <p class="mb-0 steper-sub-title">Product & Payment Details</p> </div> </div> </div> <div class="step" data-target="#test-vl-4"> <div class="step-trigger" role="tab" id="stepper3trigger4" aria-controls="test-vl-4"> <div class="bs-stepper-circle"><i class='bx bx-briefcase fs-4'></i></div> <div class=""> <h6 class="mb-0 steper-title">Package Details</h6> <p class="mb-0 steper-sub-title">Volumetric Weight Details</p> </div> </div> </div> </div> <div class="bs-stepper-content"> <form id="order_being_delivered" onSubmit="return false"> <div id="test-vl-1" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger1"> <h6 class="mb-1 cursor-pointer" data-bs-toggle="modal" data-bs-target="#exampleExtraLargeModal">Add Buyer's Details</h6> <div class="row g-3"> <div class="col-12 col-lg-12"> <b class="mr-top-20">To whom is the order being delivered?</b> <span class="color-liht-gray">(Buyer's Info)</span> </div> <div class="col-12 col-lg-4"> <label for="FisrtName" class="form-label required">Mobile Number</label> <input type="text" class="form-control" name="buyer_mobile_no" placeholder="Enter buyer's phone number"> </div> <div class="col-12 col-lg-4"> <label for="LastName" class="form-label">Full Name</label> <input type="text" class="form-control" name="buyer_full_name" id="LastName" placeholder="Enter full Name"> </div> <div class="col-12 col-lg-4"> <label for="PhoneNumber" class="form-label">Email Id <span class="color-liht-gray">(Optional)</span></label> <input type="text" class="form-control" name="buyer_email_id" id="PhoneNumber" placeholder="Phone Number"> </div> <div class="color-blue"> <button class="color-blue mr-top-20 font-size12 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" >+ Add Alternate Mobile Number, Buyer's Company Name, Buyer's GSTIN <span class="color-liht-gray">(Optional)</span></button> </div> <!--Optional div Start--> <div class="row accordion-collapse collapse" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="col-12 col-lg-4"> <label for="FisrtName" class="form-label">Alternate Mobile Number</label> <input type="text" class="form-control" name="buyer_mobile_no" placeholder="Enter buyer's phone number"> </div> <div class="col-12 col-lg-4"> <label for="FisrtName" class="form-label">Buyer's Company Name</label> <input type="text" class="form-control" name="buyer_mobile_no" placeholder="Enter Buyer's Company Name"> <span class="font-size10 color-liht-gray">Note: If you're Shipping B2B, Please Enter the Company's name</span> </div> <div class="col-12 col-lg-4"> <label for="FisrtName" class="form-label">Buyer's GSTIN</label> <input type="text" class="form-control " name="buyer_mobile_no" placeholder="Enter Buyer's GSTIN"> </div> </div> <!--Optional div end--> <div class="col-12 col-lg-12 mr-top-20"> <b> Where is the order being delivered to?</b> <span class="color-liht-gray">(Buyer's Address)</span> </div> <div class="row"> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label">Complete Address</label> <textarea class="form-control" placeholder="Describe yourself here..." rows="2" cols="3" name="buyer_address_no"></textarea> </div> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label">Landmark <span class="color-liht-gray">(Optional)</span></label> <textarea class="form-control" placeholder="Describe yourself here..." rows="2" cols="3" name="buyer_mobile_no"></textarea> <span class="font-size10 color-liht-gray">Note: If you're Shipping B2B, Please Enter the Company's name</span> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">Pincode</label> <input type="text" class="form-control " name="buyer_pincode" placeholder="Enter Buyer's Pincode"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">City</label> <input type="text" class="form-control " name="buyer_city" placeholder="Enter Buyer's City"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">State</label> <input type="text" class="form-control " name="buyer_state" placeholder="Enter Buyer's State"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">Country</label> <input type="text" class="form-control " name="buyer_Country" placeholder="Enter Buyer's Country"> </div> </div> <div class="col-12 col-lg-12 form-check form-check-success"> <input class="form-check-input same_shipping_address" type="checkbox" value="" id="flexCheckCheckedSuccess" checked> <label class="form-check-label" for="flexCheckCheckedSuccess"><b>Billing address is same as the shipping address</b></label> </div> <div class="row" id="shipping_address_div" style="display: none;"> <div class="col-12 col-lg-12"> <h6 class="mb-1">Billing Address</h6> <span class="font-size14">Buyer's Details</span> </div> <div class="col-12 col-lg-4"> <label for="FisrtName" class="form-label">Mobile Number</label> <input type="text" class="form-control" name="buyer_mobile_no" placeholder="Enter buyer's phone number"> </div> <div class="col-12 col-lg-4"> <label for="LastName" class="form-label">Full Name</label> <input type="text" class="form-control" id="LastName" placeholder="Enter full Name"> </div> <div class="col-12 col-lg-4"> <label for="PhoneNumber" class="form-label">Email Id <span class="color-liht-gray">(Optional)</span></label> <input type="text" class="form-control" id="PhoneNumber" placeholder="Phone Number"> </div> <div class="col-12 col-lg-12"><hr></div> <div class="row"> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label">Complete Address</label> <textarea class="form-control" placeholder="Describe yourself here..." rows="2" cols="3" name="buyer_mobile_no"></textarea> </div> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label">Landmark <span class="color-liht-gray">(Optional)</span></label> <textarea class="form-control" placeholder="Describe yourself here..." rows="2" cols="3" name="buyer_mobile_no"></textarea> <span class="font-size10 color-liht-gray">Note: If you're Shipping B2B, Please Enter the Company's name</span> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">Pincode</label> <input type="text" class="form-control " name="buyer_mobile_no" placeholder="Enter Buyer's Pincode"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">City</label> <input type="text" class="form-control " name="buyer_mobile_no" placeholder="Enter Buyer's City"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">State</label> <input type="text" class="form-control " name="buyer_mobile_no" placeholder="Enter Buyer's State"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">Country</label> <input type="text" class="form-control " name="buyer_mobile_no" placeholder="Enter Buyer's Country"> </div> </div> </div> <div class="col-12 col-lg-6"> <button class="btn btn-sm btn-success" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div><!---end row--> </div> <div id="test-vl-2" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger2"> <h6 class="mb-1">Pickup Address</h6> <div class="row g-3"> <div class="col-12 col-lg-6"> <b>Where is the order being sent from? </b><span class="color-liht-gray">(Your Address)</span> </div> <div class="col-12 col-lg-8"> <div class="input-group mb-3"> <span class="input-group-text" id="basic-addon1"><i class="lni lni-search-alt"></i></span> <input type="text" class="form-control" id="InputUsername" placeholder="Search your pick up address here by nickname or phone number"> </div> </div> <!--address details start--> <div class="row"> <div class="col-12 col-lg-3 pick_add text-center vertical-center cursor-pointer" data-bs-toggle="modal" data-bs-target="#exampleExtraLargeModal"> <img src="https://app.shiprocket.in/seller/assets/images/location_add_position_plus_icon.svg"><br> <span class="color-blue"> Add New Pickup Address </span> </div> <div class="col-12 col-lg-4 pick_address vertical-top"> <span class="badge bg-success color-white">Primary Address</span> <br><b>Type :</b><span class="color-blue">Home</span><br> <b >Contact information:</b> Kirus,+919874561230,kirus@gmail.com,+917894561230.<br> <b>Address</b> # 6, Huskur Road, Dasanapura hobli,<br> Makali, Bangalore-562123. <div class="col-12"> <div class="d-flex align-items-center gap-3"> <a class="update"><i class="lni lni-pencil-alt"></i>Update</a> <a class="delete"><i class="lni lni-trash"></i>Delete</a> </div> </div> </div> <div class="col-12 col-lg-4 pick_address vertical-top"> <span class="badge bg-success color-white">Primary Address</span> <br><b>Type :</b><span class="color-blue">Home</span><br> <b>Contact information:</b> Kirus,+919874561230,kirus@gmail.com,+917894561230.<br> <b>Address</b> # 6, Huskur Road, Dasanapura hobli,<br> Makali, Bangalore-562123. <div class="col-12"> <div class="d-flex align-items-center gap-3"> <a class="update"><i class="lni lni-pencil-alt"></i>Update</a> <a class="delete"><i class="lni lni-trash"></i>Delete</a> </div> </div> </div> </div> <!--address details end--> <div class="col-12"> <div class="d-flex align-items-center gap-3"> <button class="btn btn-outline-secondary btn-sm" onclick="stepper3.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button> <button class="btn btn-success btn-sm" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div> </div><!---end row--> </div> <div id="test-vl-3" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger3"> <h6 class="mb-1">Order Details</h6> <div class="row g-3"> <div class="row mr-top-20"> <div class="col-12 col-lg-3"> <label for="SchoolName" class="form-label">Order ID <span class="color-liht-gray">(Auto Generated)</span></label> <input type="text" class="form-control" id="SchoolName" placeholder="School Name"> </div> <div class="col-12 col-lg-3"> <label for="BoardName" class="form-label">Order Date</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">Order Channel <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Tooltip on top"></i> </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name"> </div> </div> <div class="col-12 col-lg-12 mr-top-20 color-blue"> <b class="color-blue accordion-button font-size12 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#orderTag" aria-expanded="false" aria-controls="orderTag" >+ Add Order Tag, Reseller's Name <span class="color-liht-gray">(Optional)</span></b> </div> <div class="row accordion-collapse collapse" id="orderTag"> <div class="col-12 col-lg-9"> <label for="BoardName" class="form-label">Order Tag</label> <select multiple data-role="tagsinput"> </select> </div> <div class="col-12 col-lg-3"> <label for="BoardName" class="form-label">Reseller's Name <span class="color-liht-gray">(Optional)</span></label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> </div> <div class="col-12 col-lg-12 mr-top-20"> <b>Product Details</b> </div> <div class="row mr-top-20" id="product_details"> <div class="row product_rows light-border"> <div class="col-12 col-lg-4"> <label for="BoardName" class="form-label">Product 1 Name</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-2"> <label for="BoardName" class="form-label">Unit Price</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-2"> <label for="BoardName" class="form-label">Quantity</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-3"> <label for="BoardName" class="form-label">Product Category</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10 color-blue"> <b class="color-blue accordion-button font-size12 collapsed" data-bs-toggle="collapse" data-bs-target="#firstTag" aria-expanded="false" aria-controls="firstTag">+ Add HSN Code, SKU, Tax Rate and Discount <span class="color-liht-gray">(Optional)</span></b> </div> <div class="row accordion-collapse collapse" id="firstTag"> <div class="col-12 col-lg-4"> <label for="UniversityName" class="form-label">HSN Code <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="HSN Code is a 6 digit Unigue code that idendify 5000+ products & accept wordwide"></i> </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name"> </div> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">SKU <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="stock keeping unit,used for Inventory management"></i> </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name"> </div> <div class="col-12 col-lg-2"> <label for="BoardName" class="form-label">Tax Rate</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">Product Discount <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Discount given by buyer on this product"></i> </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name"> </div> </div> </div> </div> <div class="col-12 col-lg-12 mr-top-20"> <span class="btn btn-gray btn-sm" id="add_another_product"><i class="lni lni-plus font-size12"></i> Add Another Product</span> </div> <hr> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10"> <b>Payment Details</b><br> <span class="color-liht-gray">Select mode of payment that your buyer has chosen for the order</span> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10"> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="prepaid"> <label class="form-check-label" for="prepaid"> Prepaid <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Payment already received from buyer"></i> </label> </div> <div class="form-check form-check-warning"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="cod"> <label class="form-check-label" for="cod"> Cash on Delivery <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="COD will be remitted in your account as per your selected payment circle"></i> </label> </div> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10"> <b class="color-blue">+ Add Shipping Charges, Giftwrap, Transaction fee <span class="color-liht-gray">(Optional)</span></b> </div> <div class="row"> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">Shipping Charges </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name" value="0"> </div> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">Gift Wrap </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name" value="0.00"> </div> <div class="col-12 col-lg-3"> <label for="BoardName" class="form-label">Transaction Fee </label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name" value="0.00"> </div> <div class="col-12 col-lg-3"> <label for="UniversityName" class="form-label">Discounts </label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name" value="0"> </div> </div> <div class="row" style="background: #ede6de;padding: 10px;border-radius: 10px;margin: 8px 0px;"> <div class="col-6 col-lg-6 pd-10"> Sub-total for Products </div> <div class="col-6 col-lg-6 pd-10 text-right"> <span>78</span> </div> <div class="col-6 col-lg-6 pd-10"> Other Charges </div> <div class="col-6 col-lg-6 pd-10 text-right"> <span>78</span> </div> <div class="col-6 col-lg-6 pd-10"> <b>Total Order Value</b> </div> <div class="col-6 col-lg-6 pd-10 text-right"> <span>78</span> </div> </div> <div class="col-12"> <div class="d-flex align-items-center gap-3"> <button class="btn btn-outline-secondary btn-sm" onclick="stepper3.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button> <button class="btn btn-success btn-sm" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div> </div><!---end row--> </div> <div id="test-vl-4" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger4"> <h6 class="mb-1">Package Details</h6> <div class="row g-3"> <div class="col-12 col-lg-4"> <label for="Experience1" class="form-label">Dead Weight <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Dead Weight is the physical weight"></i> </label> <div class="input-group"> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-text color-liht-gray">Kg</span> </div> <span class="font-size10 color-liht-gray">(Max. 3 digits after decimal place)<br> Note: The minimum chargeable weight is 0.50 Kg</span> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10"> <b>Volumetric Weight</b> <i class="lni lni-question-circle fill-color" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="It is weight calculation based on the dimensions (L,B,H) entered for the shipment.This weight is calculated using the formula (LxBxH)/5000 (for most og our courier partners) which measures the amount of space that the shipment will take in the carrier."></i> </div> <div class="row"> <div class="col-12 col-lg-5"> Enter packages dimensions to calculate Volumetric Weight <div class="row"> <div class="col-12 col-lg-4"> <div class="input-group"> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-text color-liht-gray">CM</span> </div> </div> <div class="col-12 col-lg-4"> <div class="input-group"> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-text color-liht-gray">CM</span> </div> </div> <div class="col-12 col-lg-4"> <div class="input-group"> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-text color-liht-gray">CM</span> </div> </div> </div> </div> <div class="col-12 col-lg-1 vertical-center"> <div class="input-group"> OR </div> </div> <div class="col-12 col-lg-5"> Select from your saved packages to autofill package dimensions <div class="row"> <div class="col-12 col-lg-12"> <div class="input-group"> <select class="form-control" > <option>Select Package</option> </select> </div> </div> </div> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10" style="background: #ede6de;padding: 10px;border-radius: 10px;margin: 8px 0px;"> Volumetric Weight <span id="vol_weight">0.66 </span>Kg </div> <hr> <div class="col-12 col-lg-12 mr-bottom-10" style="background: #ede6de;padding: 10px;border-radius: 10px;margin: 8px 0px;"> Applicable Weight <span id="app_weight">0.66 </span>Kg <br> <span class="color-liht-gray"> *Applicable weight is the heavier among the two weights that is Dead Weight V/s the Volumetric Weight, basis on which freight charges are calculated. <br>*Final chargeable weight will be based on the weight slab of the courier selected before shipping </span> </div> </div> <div class="col-12"> <div class="d-flex align-items-center gap-3"> <button class="btn btn-primary btn-sm" onclick="stepper3.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button> <button class="btn btn-success btn-sm" onclick="stepper3.next()">Add Order</button> </div> </div> </div><!---end row--> </div> </form> </div> </div> </div> </div> <!--end stepper three--> </div> </div> <div class="modal fade" id="exampleExtraLargeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title"> Add New Pick Up Address</h6> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form id="pickup_address_form"> <div class="modal-body"> <div class="row"> <div class="col-12 col-lg-12"> <span>Tag this address as </span> <div class="d-flex align-items-center gap-3"> <div class="form-check form-check-success"> <input class="form-check-input" type="radio" name="address_type" value="Home" id="flexRadioDefault1" checked> <label class="form-check-label bg-light-gray" for="flexRadioDefault1"> Home </label> </div> <div class="form-check form-check-success"> <input class="form-check-input" type="radio" name="address_type" value="Work" id="flexRadioSuccess"> <label class="form-check-label bg-light-gray" for="flexRadioSuccess"> Work </label> </div> <div class="form-check form-check-success"> <input class="form-check-input" type="radio" name="address_type" value="Warehouse" id="flexRadioDanger"> <label class="form-check-label bg-light-gray" for="flexRadioDanger"> Warehouse </label> </div> <div class="form-check form-check-success"> <input class="form-check-input" type="radio" name="address_type" value="Other" id="flexRadioWarning"> <label class="form-check-label bg-light-gray" for="flexRadioWarning"> Other </label> </div> </div> </div> <div class="col-12 col-lg-12 mr-top-20 mr-bottom-10"> <b >Contact information for this location</b> </div> <div class="col-12 col-lg-3"> <label for="FisrtName" class="form-label required">Contact Person</label> <input type="text" class="form-control" name="contact_person" placeholder="Name of the person to contacted"> </div> <div class="col-12 col-lg-3"> <label for="FisrtName" class="form-label required">Contact Number</label> <input type="text" class="form-control" oninput="this.value=this.value.replace(/[^0-9]/g,'')" name="contact_number" placeholder="Enter 10 digit mobile number"> </div> <div class="col-12 col-lg-3"> <label for="FisrtName" class="form-label required">Email Address</label> <input type="email" class="form-control" name="contact_email" placeholder="i.e smanth@gmail.com"> </div> <div class="col-12 col-lg-3"> <label for="FisrtName" class="form-label optional">Alternate Phone No</label> <input type="text" class="form-control" oninput="this.value=this.value.replace(/[^0-9]/g,'')" name="contact_phone" placeholder="Enter 10 digit mobile number"> </div> <div class="col-12 col-lg-12 mr-top-20"> <b>How can the delivery person reach the address?</b> </div> <div class="row mr-top-20"> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label required">Complete Address</label> <textarea class="form-control" placeholder="House/Floor No., Building Name or Street, Locality " rows="2" cols="3" name="contact_address"></textarea> </div> <div class="col-12 col-lg-6"> <label for="FisrtName" class="form-label optional">Landmark </label> <textarea class="form-control" placeholder="Any nearby post office, market,Hospital as the landmark " rows="2" cols="3" name="contact_landmark"></textarea> <span class="font-size10 color-liht-gray">Note: If you're Shipping B2B, Please Enter the Company's name</span> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label required">Pincode</label> <input type="text" class="form-control " oninput="this.value=this.value.replace(/[^0-9]/g,'')" onkeypress="if(this.value.length==6) return false;" name="contact_pincode" placeholder="Add Pincode"> </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">City<span class="color-liht-gray">(Pincode based on auto fill)</span></label> <input type="text" class="form-control " name="contact_city" placeholder="City" > </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">State<span class="color-liht-gray">(Pincode based on auto fill)</span></label> <input type="text" class="form-control " name="contact_state" placeholder="State" > </div> <div class="col-6 col-lg-3"> <label for="FisrtName" class="form-label">Country <span class="color-liht-gray">(Pincode based on auto fill)</span></label> <input type="text" class="form-control " name="contact_country" placeholder="Country" > </div> </div> <div class="col-12 col-lg-12 mr-top-20 color-blue"> <b class="color-blue accordion-button font-size12 collapsed" data-bs-toggle="collapse" data-bs-target="#RTO_Supplier" aria-expanded="false" aria-controls="RTO_Supplier">+ Add RTO Address and Supplier</b> </div> <div class=" row accordion-collapse collapse" id="RTO_Supplier"> <div class="row mr-top-20"> <div class="col-12 col-lg-4"> <div class="col-12 col-lg-12 form-check form-check-success"> <input class="form-check-input supplier_vendor_address" type="checkbox" value="" id="supplier_vendor_address" > <label class="form-check-label" for="supplier_vendor_address"><b> Add this address as supplier/vendor address </b></label> </div> </div> <div class="col-12 col-lg-4 supplier_vendor_address_div" style="display: none;"> <label for="FisrtName" class="form-label">Supplier/Vendor's Name</label> <input type="text" class="form-control" name="supplier_vendor_name" placeholder="Enter Supplier/Vendor's Name"> </div> <div class="col-12 col-lg-4 supplier_vendor_address_div" style="display: none;"> <label for="FisrtName" class="form-label">Supplier/Vendor's GSTIN</label> <input type="text" class="form-control" name="supplier_vendor_gst" placeholder="Enter Supplier/Vendor's GSTIN"> </div> </div> <div class="row mr-top-20"> <div class="col-12 col-lg-4"> <div class="col-12 col-lg-12 form-check form-check-success"> <input class="form-check-input add_rto_address" type="checkbox" value="" id="add_rto_address" > <label class="form-check-label" for="add_rto_address"><b>Add RTO Address</b></label> </div> </div> <div class="col-12 col-lg-6 add_rto_address_div" style="display: none;"> <label for="FisrtName" class="form-label">Select RTO Address</label> <select name="rto_address" class="form-control"> <option>Kirus,+919874561230,kirus@gmail.com,+917894561230.</option> <option># 6, Huskur Road, Dasanapura hobli,</option> </select> <span class="font-size10 color-liht-gray">Note: RTO address is only applicable for Xpressbees, Delhivery and Ecom express.</span> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-info btn-sm" data-bs-dismiss="modal">Close</button> <button type="submit" name="submit2" class="btn btn-success btn-sm" >Save changes</button> </div> </form> </div> </div> </div> <style> .bootstrap-tagsinput .badge { padding:0px; } </style> <script> $(document).on('click', '.product_remove', function() { $(this).closest('.product_rows').remove(); pro_count_arrenge(); }); $(document).ready(function(){ $('#add_another_product').on('click', function() { $.ajax({ url: 'ui-pages/order-create/products.php', type: 'get', success: function (response) { $('#product_details').append(response); pro_count_arrenge(); } }); }); $('.same_shipping_address').change(function () { if ($(this).is(':checked')) { $("div#shipping_address_div").hide(); }else{ $("div#shipping_address_div").show(); } }); $('.supplier_vendor_address').change(function () { if ($(this).is(':checked')) { $(".supplier_vendor_address_div").css("display","block"); }else{ $(".supplier_vendor_address_div").css("display","none"); } }); $('.add_rto_address').change(function () { if ($(this).is(':checked')) { $(".add_rto_address_div").css("display","block"); }else{ $(".add_rto_address_div").css("display","none"); } }); //Pickup Address Form Start $( "#pickup_address_form" ).validate( { rules: { contact_person: { required: true, minlength: 6 }, contact_number:{ required: true, minlength: 10, maxlength: 12 }, contact_email: { required: true, email: true }, contact_phone:{ minlength: 10, maxlength: 12 }, address_type: "required", contact_address: "required", contact_pincode:{ required: true, minlength: 6 }, contact_city: "required", contact_state: "required", contact_country: "required", }, messages: { contact_person: { required: "please enter a contact person name", minlength: "your contact person name must consist of at least 6 characters" }, contact_number: { required: "please enter a contact mobile number", minlength: "your contact mobile number must consist of at least 10 digit number", maxlength: "your contact mobile number max 12 digit only allowed" }, contact_phone: { minlength: "your contact alter mobile number must consist of at least 10 digit number", maxlength: "your contact alter mobile number max 12 digit only allowed" }, contact_pincode: { required: "please enter valid pincode", minlength: "pincode min 6 digits required", }, contact_email: "Please enter a valid email address", address_type: "click address type", contact_address: "pickup address is required", contact_city: "pickup city is required", contact_state: "pickup state is required", contact_country: "pickup country is required", }, submitHandler: function(form) { add_pickup_address(form); } } ); function add_pickup_address(form){ $('#loader').show(); var formData = new FormData(form); $.ajax({ url: 'api/pickup-address-add.php', type: 'post', dataType: 'json', data: formData, cache: false, contentType: false, processData: false, enctype: 'multipart/form-data', success: function (response) { console.log(response); $('#exampleExtraLargeModal').modal('hide'); $('#loader').hide(); /*if(response['status']==200){ $('#register_div').hide(); $('#register_form').trigger("reset"); $('#register_process_div').hide(); $('#success_div').show(); success(response['message']); }else{ //alert('something went wrong pls try again...'); $('#register_process_div').hide(); $('#register_div').show(); warning(response['message']); };*/ } }); } //Pickup Address Form End }); function pro_count_arrenge(){ var counts=2; $('.pro_count').each(function(){ $(this).text(counts) ; counts++; }); } </script> <?php include 'footer.php'; ?>