{% extends "base.html" %}
{% block content %}

<div class="container mt-4">
  <!-- Header Section -->
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="fw-bold text-success">Medicines</h3>

    {% if session['role'] == 'admin' %}
    <a class="btn btn-success shadow-sm" href="{{ url_for('add_medicine') }}">
      ➕ Add Medicine
    </a>
    {% endif %}
  </div>

  <!-- Search Form -->
  <form class="row g-2 mb-3" method="GET" action="{{ url_for('medicines') }}">
    <div class="col-md-4">
      <input type="text" name="search" class="form-control"
             placeholder="Search by name or manufacturer..."
             value="{{ request.args.get('search', '') }}">
    </div>
    <div class="col-md-2">
      <button class="btn btn-outline-success w-100">Search</button>
    </div>
  </form>

  <!-- Medicine Table -->
  <div class="table-responsive shadow-sm">
    <table class="table table-bordered table-hover align-middle text-center">
      <thead class="table-success">
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Manufacturer</th>
          <th>Price/Unit (₹)</th>
          <th>Stock</th>
          {% if session['role'] == 'admin' %}
          <th>Actions</th>
          {% endif %}
        </tr>
      </thead>
      <tbody>
        {% if medicines %}
          {% for m in medicines %}
          <tr {% if m.stock <= 20 %}class="table-warning"{% endif %}>
            <td>{{ m.medicine_id }}</td>
            <td>{{ m.medicine_name }}</td>
            <td>{{ m.manufacturer }}</td>
            <td>{{ m.price_per_unit or '-' }}</td>
            <td>
              {% if m.stock <= 20 %}
                <span class="badge bg-danger">Low ({{ m.stock }})</span>
              {% else %}
                <span class="badge bg-success">{{ m.stock }}</span>
              {% endif %}
            </td>
            {% if session['role'] == 'admin' %}
            <td>
              <a href="{{ url_for('edit_medicine', med_id=m.medicine_id) }}" class="btn btn-sm btn-outline-primary">Edit</a>
              <a href="{{ url_for('delete_medicine', med_id=m.medicine_id) }}" 
                 class="btn btn-sm btn-outline-danger"
                 onclick="return confirm('Are you sure you want to delete this medicine?')">
                 Delete
              </a>
            </td>
            {% endif %}
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="6" class="text-muted py-3">No medicines found.</td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>

{% endblock %}