ok
Mini Shell
<?php include 'header.php'; ?>
<style>
.form-control{
font-size: 12px;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<div class="page-wrapper">
<div class="page-content">
<div class="row">
<div class="col-lg-9">
<div class="card">
<div class="card-body">
<div class="row g-3">
<div class="col-12 col-lg-12">
<b style="font-weight: bolder;font-size: 17px;">Add Package Details</b>
<hr>
</div>
<div class="col-12 col-lg-6">
<label for="FisrtName" class="form-label required">Package Name</label>
<input type="text" class="form-control" id="buyer_mobile_no" name="buyer_mobile_no" placeholder="Enter Package Name">
</div>
<div class="col-12 col-lg-6">
<label for="FisrtName" class="form-label required">Package Type</label>
<select class="form-control" id="">
<option>Box</option>
</select>
<span class="color-liht-gray">*Package master is only applicable to Box type packaging.</span>
</div>
<div class="col-12 col-lg-12" >
<b class="form-label required" style="font-weight: bolder;font-size: 17px;">Package Dimensions</b> <span class="color-liht-gray">Dimensions Should be in centimeters only</span>
<hr>
<div class="row">
<div class="col-12 col-lg-3">
<label for="FisrtName" class="form-label required">Length</label>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Enter Length" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: white;background-color:blue">CM</span>
</div>
</div>
<div class="col-12 col-lg-1">
<div class="icon" style="margin-top: 84%;margin-left: 26%;">
<i class="bi bi-x-lg"></i>
</div>
</div>
<div class="col-12 col-lg-3">
<label for="FisrtName" class="form-label required">Width </label>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Enter Width" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: white;background-color: blue">CM</span>
</div>
</div>
<div class="col-12 col-lg-1">
<div class="icon" style="margin-top: 84%;margin-left: 26%;">
<i class="bi bi-x-lg"></i>
</div>
</div>
<div class="col-12 col-lg-3">
<label for="FisrtName" class="form-label required">Height</label>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Enter Height" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: white;background-color: blue">CM</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-12" >
<b class="form-label required" style="font-weight: bolder;font-size: 17px;">Package Images</b> <span class="color-liht-gray">(Upload L X B X H images)</span>
<hr>
<div class="card">
<div class="card-body">
<form>
<input id="image-uploadify" type="file" accept=".xlsx,.xls,image/*,.doc,audio/*,.docx,video/*,.ppt,.pptx,.txt,.pdf" multiple>
</form>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
<span class="color-liht-gray">Manage Inventory for this package</span>
</label>
</div>
<div class="col-12 col-lg-5">
<label for="FisrtName" class="form-label required">Add Package Quantity Available</label>
<input type="text" class="form-control" id="buyer_mobile_no" name="buyer_mobile_no" placeholder="Enter Quantity Available">
</div>
</div>
<div class="col-12 col-lg-12" >
<b class="form-label required" style="font-weight: bolder;font-size: 17px;">Add Skus</b>
<hr>
<div class="row">
<div class="col-12 col-lg-5">
<label for="FisrtName" class="form-label required">Add single Skus</label>
<input type="text" class="form-control" id="buyer_mobile_no" name="buyer_mobile_no" placeholder="Enter SKU Name">
</div>
<div class="col-12 col-lg-2" style="margin-top: 4%;margin-right: -5%; margin-left: 5%;">
<div >
<div>
<label for="FisrtName">OR</label>
</div>
</div>
</div>
<div class="col-12 col-lg-5">
<div class="card">
<div class="card-body">
<form>
<label for="FisrtName">Bulk SKU upload :</label>
<input id="image-uploadify" type="file" accept=".xlsx,.xls,image/*,.doc,audio/*,.docx,video/*,.ppt,.pptx,.txt,.pdf" multiple>
</form>
<div>
<i class="fadeIn animated bx bx-arrow-to-bottom"></i><a href="">sample file</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-12" >
<p class="">These package dimensions will be considered for calculating the volumetric weight of the shipments that are shipped using this package and containing the mapped SKUs</p>
<div class="col">
<button type="button" class="btn btn-primary px-5">Done</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class="row g-3">
<div class="col-12 col-lg-12">
<h4 style="text-align: justify;">Follow the steps below to add a new package:</h4>
</div>
<div class="col-12 col-lg-12">
<ol start="1" style="font-size:13px;text-align:justify;">
<li>Start by giving a unique name to your package. Keep the name simple and clearly recognizable.</li>
<li style="margin-top: 7%;">Select the package type from the drop-down. There are majorly two options available: Corrugated box and flyer.</li>
<li style="margin-top: 7%;">Now, you need to upload images of your package. Try to take these photographs from different angles and keep them sharp.</li>
<li style="margin-top: 7%;">Please check the box if you want us to keep a track of your packages.</li>
<li style="margin-top: 7%;">Next, add SKUs manually, or upload a bulk sheet with all the SKUs for which you want to use this package.</li>
<li style="margin-top: 7%;">Finally, add the current package quantity and click on done to proceed.</li>
</ol>
</div>
<div class="col-12 col-lg-12">
<p style="text-align: justify;"><span><b>Note :</b><span> We will check all the information at our end and may contact you to know more if needed. If everything fits into place, we'll approve your request to use your own package.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php'; ?>
Zerion Mini Shell 1.0