bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html lang="en">
   <?php include 'include/head.php'; ?>
   <body class="has-smround-btns has-loader-bg equal-height has-sm-container fix_bar_none mobile_header_none_single_order-detail_page">
      <div class=""><?php include 'include/header.php'; ?></div>
      <div class="page-content">
         <div class="holder breadcrumbs-wrap mt-0">
            <div class="container">
               <ul class="breadcrumbs">
                  <li><a href="index.php">Home</a></li>
                  <li><span>Order Detail</span></li>
               </ul>
            </div>
         </div>
         <div class="order_32 holder detail_page">
         		<div class="container">
               <div class="left_side text-left">
                 <span class="back_history">
                    <i class="fa fa-chevron-left" aria-hidden="true" onclick="history.back()"></i>
                </span>
               
               </div>
         			<div class="row">
         				<div class="col-md-12">
         					<div class="place_on">
         						<h5>Return For - #032235193842</h5>
         						<span>Placed on Mar 22, 2024</span>
         						<span>₹309 for 1 item</span>
         					</div>
         				</div>
         			</div>
         		</div>
         	</div>
         <div class="holder detail_page">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="shipment">
                     	<div class="order-detail-container_2">
                     		<div class="row">
                     			<div class="col-md-12">
                     				<div class="inner_item">
	                     				<div class="curved_box">
	                     					<div class="img_1">
                     							<a href="" class="image_item"><img src="img/product1.webp"></a>
                     						</div>
	                     					<div class="dtl_bxd">
	                     						<div class="stripes">
	                     							<p class="text-overflow-ellipsis">Boys Blue And White Stripe Print Sweatshirt And Joggers Set</p>
	                     						</div>
	                     						<div class="size_year">
		                     						<div class="small_12">
		                     							<span><strong>Size:</strong></span>
		                     							<span>1.5-2 years</span>
		                     						</div>
		                     						<div class="small_12">
		                     							<span><strong>Qty:</strong></span>
		                     							<span>1</span>
		                     						</div>
	                     						</div>
		                     					<div class="price_order">
		                     						<span><strong>₹309</strong></span>
		                     						<span class="line_through">₹470</span>
		                     					</div>
	                     					</div>
	                     				</div>
                              <hr>

<div class="canformb">
                                <form>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
                                    <label class="form-check-label" for="exampleRadios1">
                                      1. Sizing or fit issues:
                                    </label>
                                  </div>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
                                    <label class="form-check-label" for="exampleRadios2">
                                      2. Damaged or defective item:
                                    </label>
                                  </div>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option2">
                                    <label class="form-check-label" for="exampleRadios3">
                                      3. Did not meet expectations:
                                    </label>
                                  </div>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option2">
                                    <label class="form-check-label" for="exampleRadios4">
                                      4. Changed mind or impulse purchase:
                                    </label>
                                  </div>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios5" value="option2">
                                    <label class="form-check-label" for="exampleRadios5">
                                      5. Incorrect order:
                                    </label>
                                  </div>
                                  <div class="form-check">
                                    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios6" value="option2">
                                    <label class="form-check-label" for="exampleRadios6">
                                      6. Delivery delays:
                                    </label>
                                  </div>

<hr>

<div class="form-group">
                                    <label for="exampleFormControlTextarea1">What are return reason</label>
                                    <input type="text" class="form-control reasontext" name="">
                                  </div>

<label for="">Upload Product Images</label>
                                          <ul class="uplpoint">
                                            <li>
                                              You can upload up to 8 files
                                            </li>
                                            <li>
                                              Total file size shouldn't exceed 10 MB
                                            </li>
                                          </ul>
                                          <p>
                                            1. Please upload clear images of the product from front and back with visible brand logo
                                          </p>
                                          <div class="row mb-3">
                                            <div class="upinput col-md-3 col-sm-3 col-3">
                                              <img src="img/camera.png" alt="camera">
                                              <input type="file" class="form-control uploinp" name="images[]" multiple id="upload-img" />
                                            </div>
                                            <div class="img-thumbs img-thumbs-hidden col-md-9 col-sm-9 col-9" id="img-preview"></div>
                                          </div>
                                          <p>
                                            2. Please upload clear image of the shipping label attached to the gezeno packaging
                                          </p>
                                          <div class="row">
                                            <div class="upinput col-md-3 col-sm-3 col-3">
                                              <img src="img/camera.png" alt="camera">
                                              <input type="file" class="form-control uploinp" name="images[]" multiple id="upload-img" />
                                            </div>
                                            <div class="img-thumbs img-thumbs-hidden col-md-9 col-sm-9 col-9" id="img-preview"></div>
                                          </div>
                                        </div>
                                        
                                        <button type="submit" class="btn-success border-0 btn-md">Upload</button>
                                      </form>
                                    </div>
                                  </div>

<button type="submit" class="btn btn-primary">Submit</button>
                                </form>
                              </div>

</div>
                          
	            					
                     			</div>	
                     		</div>
                     	</div>
                     </div>
                  </div>
                 
               </div>
            </div>
         </div>
      </div>
      <?php include 'include/footer.php'; ?>
      
<script>
  var imgUpload = document.getElementById('upload-img')
  , imgPreview = document.getElementById('img-preview')
  , imgUploadForm = document.getElementById('form-upload')
  , totalFiles
  , previewTitle
  , previewTitleText
  , img;

imgUpload.addEventListener('change', previewImgs, true);

function previewImgs(event) {
  totalFiles = imgUpload.files.length;
  
     if(!!totalFiles) {
    imgPreview.classList.remove('img-thumbs-hidden');
  }
  
  for(var i = 0; i < totalFiles; i++) {
    wrapper = document.createElement('div');
    wrapper.classList.add('wrapper-thumb');
    removeBtn = document.createElement("span");
    nodeRemove= document.createTextNode('x');
    removeBtn.classList.add('remove-btn');
    removeBtn.appendChild(nodeRemove);
    img = document.createElement('img');
    img.src = URL.createObjectURL(event.target.files[i]);
    img.classList.add('img-preview-thumb');
    wrapper.appendChild(img);
    wrapper.appendChild(removeBtn);
    imgPreview.appendChild(wrapper);
   
    $('.remove-btn').click(function(){
      $(this).parent('.wrapper-thumb').remove();
    });

}
  
  
}
</script>

.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}

.fullWidth {
  width: 100%;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}
.padding-0{
	padding: 0px 20px !important;
}
/********************************/
/*  SECTION WORK EXPERIENCE
********************************/

#work-experience .sectiontitle .headerLine {
  width: 280px;
}

#work-experience .headerline {
  width: 280px;
}

.cbp_tmtimeline {
  margin: 60px 30px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.cbp_tmtimeline:before {
  content: '';
    position: absolute;
    top: 3%;
    bottom: 0;
    width: 5px;
    background: #4a4a4a;
    left: 10%;
    height: 100%;
}
.cbp_tmicon-phone img{
	height: 30px;
	width: 30px !important;
}
.cbp_tmtimeline li:last-child:before {
  content: initial;
}

.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 2.9em;
  color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 20%;
  background: rgb(255 255 255);
  color: #FFF;
  padding: 16px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
  min-height: 150px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cbp_tmtimeline > li .cbp_tmlabel h3 {
  margin-top: 0px;
  color: black;
  font-size: 20px;
  margin-bottom: 5px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-family:sans-serif;
  font-weight: bold;
}

.cbp_tmtimeline > li .cbp_tmlabel h4 {
  opacity: 0.7;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  text-align: left;
}

.cbp_tmtimeline > li .cbp_tmlabel h4 i {
  margin-right: 5px;
  vertical-align: middle;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: rgba(50, 68, 84, 1);
  border-width: 10px;
  top: 70px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: white;
}

.cbp_tmtimeline > li .cbp_tmicon {
      width: 49px;
    height: 49px;
    top: 3%;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #151515;
    background: #d1d1d1;
    border-radius: 50%;
    text-align: center;
    left: 10%;
    margin: 0 0 0 -23px;
}

.cbp_tmtimeline li {
  margin-bottom: 70px;
  position: relative;
}

.sectionClassProject {
  position: relative;
  display: block;
  /* background: #f7f7f7; */
  
  margin: 0 auto;
  padding: 80px 1.875em 3.125em;
}

.projectParagraph {
  font-size: 18px;
  margin: 0.5em 0 0;
  font-family: 'Source Sans Pro', serif;
}

.projectParagraphLink {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-top: 50px !important;
  margin-bottom: 0px;
  text-align: right;
}

.projectParagraphLink a {
  color: white;
  text-decoration: underline;
}

.cbp_tmicon img {
  width: 30px;
  height: 30px;
}

.label {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  color: #FFFFFF;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 15px;
}

.date {
  color: #BFC3C7;
  display: block;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 30px;
  right: 20px;
}

.date i {
  margin-right: 8px;
  vertical-align: top;
  font-size: 18px;
  line-height: 20px;
}

</style>
 	<script type="text/javascript">
 		new WOW().init();

/* AUTHOR LINK */
     $('.about-me-img').hover(function(){
            $('.authorWindowWrapper').stop().fadeIn('fast').find('p').addClass('trans');
        }, function(){
            $('.authorWindowWrapper').stop().fadeOut('fast').find('p').removeClass('trans');
        });
 	</script>
      <script src="js/vendor-special/lazysizes.min.js"></script>
      <script src="js/vendor-special/ls.bgset.min.js"></script>
      <script src="js/vendor-special/ls.aspectratio.min.js"></script>
      <script src="js/vendor-special/jquery.min.js"></script>
      <script src="js/vendor-special/jquery.ez-plus.js"></script>
      <script src="js/vendor/vendor.min.js"></script>
      <script src="js/app-html.js"></script>
   </body>
</html>