


  <!-- Main Content -->
  <div class="main-content">
    <h1>Company Management</h1>

    <!-- Company Form -->
    <div>
      <h2>Add/Edit Company</h2>
      <form id="company-form" enctype="multipart/form-data">
        <div class="form-group">
          <label for="company-name">Company Name</label>
          <input type="text" id="company-name" placeholder="Enter company name" required>
        </div>

        <!-- Add image upload field -->
        <div class="form-group">
          <label for="company-image">Upload Company Image</label>
          <input type="file" id="company-image" name="companyImage" accept="image/*">
        </div>

        <!-- Shop Type Dropdown -->
        <div class="form-group">
          <label for="shop-type">Shop Type</label>
          <select id="shop-type" required>
            <option value="retail">Retail</option>
            <option value="manufacturing">Manufacturing</option>
          </select>
        </div>

        <input type="hidden" id="company-id">
        <button type="submit">Save Company</button>
      </form>
    </div>

    <!-- Company List -->
    <div>
      <h2>Company List</h2>
      <table>
        <thead>
          <tr>
            <th>Company Name</th>
            <th>Shop Type</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody id="company-list">
          <!-- Companies will be dynamically inserted here -->
        </tbody>
      </table>
    </div>

  </div>

  <script src="./js/companies.js"></script>
</body>
</html>
