hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
home
/
u313348419
/
domains
/
etsbay.com
/
public_html
/
admin
/
Upload FileeE
HOME
<!DOCTYPE html> <html lang="en"> <head> <?php include 'include/links.php';?> </head> <body> <!-- tap on top starts--> <div class="tap-top"><i data-feather="chevrons-up"></i></div> <!-- tap on tap ends--> <!-- page-wrapper Start--> <div class="page-wrapper compact-wrapper" id="pageWrapper"> <!-- Page Header Start--> <?php include 'include/topnav.php';?> <!-- Page Header Ends --> <!-- Page Body Start--> <div class="page-body-wrapper"> <!-- Page Sidebar Start--> <?php include 'include/sidenav.php';?> <!-- Page Sidebar Ends--> <div class="page-body"> <div class="container-fluid"> <div class="page-title"> <div class="row"> <div class="col-6 col-sm-6"> <h3>Product Table</h3> </div> </div> </div> </div> <!-- Container-fluid starts--> <div class="container-fluid default-dash"> <div class="row"> <div class="col-sm-12"> <div class="card"> <div class="card-body"> <form id="variantForm" enctype="multipart/form-data"> <div class="mb-3"> <label for="productId" class="form-label">Product ID</label> <input type="hidden" class="form-control" value="<?= $_GET['id'] ?>" id="productId" name="productId" required> </div> <div id="variants"> <div class="variant mb-3"> <div class="row"> <div class="col"> <label for="variant" class="form-label">Variant</label> <input type="text" class="form-control" name="variant[]" required> </div> <div class="col"> <label for="images" class="form-label">Images</label> <input type="file" class="form-control" name="images[0][]" accept="image/*" multiple required> </div> <div class="col-auto align-self-end"> <button type="button" class="btn btn-danger remove-variant">Remove</button> </div> </div> </div> </div> <button type="button" class="btn btn-secondary" id="addVariant">Add Another Variant</button> <button type="submit" class="btn btn-primary">Add Variants</button> </form> </div> </div> </div> </div> </div> <!-- Container-fluid Ends--> </div> <!-- footer start--> <?php include 'include/scripts.php';?> <script src="assets/js/jquery-3.5.1.min.js"></script> <!-- Bootstrap js--> <script src="assets/js/bootstrap/bootstrap.bundle.min.js"></script> <!-- feather icon js--> <script src="assets/js/icons/feather-icon/feather.min.js"></script> <script src="assets/js/icons/feather-icon/feather-icon.js"></script> <!-- scrollbar js--> <script src="assets/js/scrollbar/simplebar.js"></script> <script src="assets/js/scrollbar/custom.js"></script> <!-- Sidebar jquery--> <script src="assets/js/config.js"></script> <!-- Plugins JS start--> <script src="assets/js/sidebar-menu.js"></script> <script src="assets/js/datatable/datatables/jquery.dataTables.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.buttons.min.js"></script> <script src="assets/js/datatable/datatable-extension/jszip.min.js"></script> <script src="assets/js/datatable/datatable-extension/buttons.colVis.min.js"></script> <script src="assets/js/datatable/datatable-extension/pdfmake.min.js"></script> <script src="assets/js/datatable/datatable-extension/vfs_fonts.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.autoFill.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.select.min.js"></script> <script src="assets/js/datatable/datatable-extension/buttons.bootstrap4.min.js"></script> <script src="assets/js/datatable/datatable-extension/buttons.html5.min.js"></script> <script src="assets/js/datatable/datatable-extension/buttons.print.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.bootstrap4.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.responsive.min.js"></script> <script src="assets/js/datatable/datatable-extension/responsive.bootstrap4.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.keyTable.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.colReorder.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.fixedHeader.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.rowReorder.min.js"></script> <script src="assets/js/datatable/datatable-extension/dataTables.scroller.min.js"></script> <script src="assets/js/datatable/datatable-extension/custom.js"></script> <script> $(document).ready(function() { var variantCount = 1; // Start after the initial variant $('#addVariant').on('click', function() { const variantHtml = ` <div class="variant mb-3"> <div class="row"> <div class="col"> <label for="variant" class="form-label">Variant</label> <input type="text" class="form-control" name="variant[]" required> </div> <div class="col"> <label for="images" class="form-label">Images</label> <input type="file" class="form-control" name="images[` + variantCount + `][]" accept="image/*" multiple required> </div> <div class="col-auto align-self-end"> <button type="button" class="btn btn-danger remove-variant">Remove</button> </div> </div> </div>`; $('#variants').append(variantHtml); variantCount++; // Increment the variant count for the next one }); $(document).on('click', '.remove-variant', function() { $(this).closest('.variant').remove(); }); $('#variantForm').on('submit', function(event) { event.preventDefault(); var formData = new FormData(this); $.ajax({ url: 'ajax/add_variant.php', type: 'POST', data: formData, processData: false, contentType: false, success: function(response) { alert('Product variants added successfully!'); $('#variantForm')[0].reset(); $('#variants').html(''); // Clear all variant fields }, error: function(jqXHR, textStatus, errorThrown) { console.error(textStatus, errorThrown); alert('Failed to add product variants.'); } }); }); }); </script> </div> </div> </body> </html>