{% extends 'product_temp/base.html' %}
{% block content %}
  <h1>Create Product</h1>

  {% if validation_error %}
    <div class="alert alert-danger">
      {{ validation_error }}
    </div>
  {% endif %}
  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <label for="sku">SKU:</label>
    <input type="text" name="sku" required><br>
    
    <label for="product_type">Product Type:</label>
    <select name="product_type"  data-control="select2" data-placeholder="Select Product Type" required>
      <option value="used">Used</option>
      <option value="new">New</option>
    </select><br>
    
    <label for="category">Category:</label>
    <select name="category"  data-control="select2" data-placeholder="Select Category"  required>
      {% for category in categories %}
        <option value="{{ category.pk }}">{{ category.category_name }}</option>
      {% endfor %}
    </select><br>
    
    <label for="product_name">Product Name:</label>
    <input type="text" name="product_name" required><br>
    
    <label for="product_description">Product Description:</label>
    <textarea name="product_description" rows="4" required></textarea><br>
    
    <label for="product_specification_contents">Product Specification:</label>
    <textarea name="product_specification_contents" rows="4" required></textarea><br>
    
    <label for="product_image_main">Main Product Image:</label>
    <input type="file" name="product_image_main" accept="image/*" required><br>
    
    <label for="other_images">Other Images:</label>
    <input type="file" name="other_images" accept="image/*" multiple><br>
    
    <label for="product_price">Product Price:</label>
    <input type="number" name="product_price" step="0.01" required><br>
    
    <label for="specification_pdf">Specification PDF:</label>
    <input type="file" name="specification_pdf" accept=".pdf"><br>
    
    <button type="submit">Create Product</button>
  </form>
{% endblock %}