{% extends "base.html" %}
{% block title %}Asset {{ asset.name }}{% endblock %}
{% block content %}
<div class="space-y-4">
  <div>
    <h1 class="text-2xl font-bold">{{ asset.name }}</h1>
    <p class="opacity-70">Code: {{ asset.code }} | Status: {{ asset.get_status_display }}</p>
    <p class="text-sm">Annual depreciation: {{ asset.annual_depreciation }}</p>
  </div>

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
    <form method="post" action="{% url 'inventory:asset_assign' asset.pk %}" class="card bg-base-100 border border-base-200 p-4 space-y-3">
      {% csrf_token %}
      <h2 class="font-semibold">Assign Asset</h2>
      {{ assign_form.as_p }}
      <button class="btn btn-primary btn-sm">Save Assignment</button>
    </form>

    <form method="post" action="{% url 'inventory:asset_maintenance' asset.pk %}" class="card bg-base-100 border border-base-200 p-4 space-y-3">
      {% csrf_token %}
      <h2 class="font-semibold">Log Maintenance</h2>
      {{ maintenance_form.as_p }}
      <button class="btn btn-primary btn-sm">Save Maintenance</button>
    </form>
  </div>

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
    <div class="card bg-base-100 border border-base-200">
      <div class="card-body">
        <h3 class="card-title text-base">Assignments</h3>
        <ul class="space-y-2 text-sm">
          {% for assignment in asset.assignments.all %}
          <li>{{ assignment.assigned_date }} - {{ assignment.assigned_to|default:"-" }}{% if assignment.returned_date %} (returned {{ assignment.returned_date }}){% endif %}</li>
          {% empty %}
          <li class="opacity-70">No assignment history.</li>
          {% endfor %}
        </ul>
      </div>
    </div>

    <div class="card bg-base-100 border border-base-200">
      <div class="card-body">
        <h3 class="card-title text-base">Maintenance History</h3>
        <ul class="space-y-2 text-sm">
          {% for log in asset.maintenance_logs.all %}
          <li>{{ log.service_date }} - {{ log.description }} ({{ log.cost }})</li>
          {% empty %}
          <li class="opacity-70">No maintenance history.</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}