ok
Mini Shell
<?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'; ?>
Zerion Mini Shell 1.0