<!DOCTYPE html>
<html lang="en">
<head>
  <!--#include file="./includes/header.asp"-->
  <!--#include file="./includes/sql.asp"-->
</head>

<%
	theme = Request.Cookies("theme")
	IF theme = "" THEN
		theme="bg-theme1"
	END IF
%>
<body class="bg-theme <%Response.Write(theme)%>">

<!-- start loader -->
   <div id="pageloader-overlay" class="visible incoming"><div class="loader-wrapper-outer"><div class="loader-wrapper-inner" ><div class="loader"></div></div></div></div>
   <!-- end loader -->
<!-- Start wrapper-->
 <div id="wrapper">
  <!--#include file="./includes/leftsidebar.asp"-->
<!--Start topbar header-->
  <!--#include file="./includes/topbarheader.asp"-->
<!--End topbar header-->
<div class="clearfix"></div>

  <div class="content-wrapper">
    <div class="container-fluid">

      <div class="row mt-3">
        <div class="col-lg-8 offset-lg-2">
          <div class="card">
            <div class="card-body">
              <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
                <h5 class="card-title" style="margin:0;">
                  <i class="zmdi zmdi-case"></i> Add Manufacturer
                </h5>
                <a href="javascript:history.back()" class="btn btn-sm btn-secondary">
                  <i class="zmdi zmdi-arrow-left"></i> Back
                </a>
              </div>

              <form method="post" action="./savevendordirect.asp" id="vendorForm">
                <div class="form-group">
                  <label for="vendor">Manufacturer Name <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" id="vendor" name="vendor"
                         required maxlength="50" placeholder="e.g., HP, Xerox, Dell, Haas">
                  <small class="form-text text-muted">Name of the equipment or device manufacturer</small>
                </div>

                <div class="form-group">
                  <label>This manufacturer makes:</label>
                  <small class="form-text text-muted mb-2">Select at least one category</small>
                  <div class="form-check">
                    <input class="form-check-input vendor-type" type="checkbox" id="isprinter" name="isprinter" value="1">
                    <label class="form-check-label" for="isprinter">
                      <i class="zmdi zmdi-print"></i> Printers
                    </label>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input vendor-type" type="checkbox" id="ispc" name="ispc" value="1">
                    <label class="form-check-label" for="ispc">
                      <i class="zmdi zmdi-desktop-windows"></i> PCs/Computers
                    </label>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input vendor-type" type="checkbox" id="ismachine" name="ismachine" value="1">
                    <label class="form-check-label" for="ismachine">
                      <i class="zmdi zmdi-memory"></i> Machines/Equipment
                    </label>
                  </div>
                </div>

                <hr>

                <div class="form-group text-right">
                  <button type="submit" class="btn btn-primary btn-lg">
                    <i class="zmdi zmdi-check"></i> Add Manufacturer
                  </button>
                  <a href="javascript:history.back()" class="btn btn-secondary btn-lg">
                    <i class="zmdi zmdi-close"></i> Cancel
                  </a>
                </div>
              </form>

            </div>
          </div>
        </div>
      </div>
      <!-- End Row -->

    <!-- End container-fluid-->
   </div><!--End content-wrapper-->
   <!--Start Back To Top Button-->
    <a href="javaScript:void();" class="back-to-top"><i class="fa fa-angle-double-up"></i> </a>
    <!--End Back To Top Button-->

	<!--Start footer-->
	<footer class="footer">
      <div class="container">
        <div class="text-center">
        </div>
      </div>
    </footer>
	<!--End footer-->
  </div><!--End wrapper-->


  <!-- Bootstrap core JavaScript-->
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/popper.min.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>

  <!-- simplebar js -->
  <script src="assets/plugins/simplebar/js/simplebar.js"></script>
  <!-- sidebar-menu js -->
  <script src="assets/js/sidebar-menu.js"></script>

  <!-- Custom scripts -->
  <script src="assets/js/app-script.js"></script>

  <script>
  $(document).ready(function() {
      // Form validation - at least one vendor type must be selected
      $('#vendorForm').on('submit', function(e) {
          var atLeastOneChecked = $('.vendor-type:checked').length > 0;
          if (!atLeastOneChecked) {
              e.preventDefault();
              alert('Please select at least one category for this manufacturer (Printers, PCs, or Machines)');
              return false;
          }
      });
  });
  </script>

</body>
</html>
<%
	objConn.Close
%>
