IT_asset_management/app/templates/users/detail.html

{% extends 'base.html' %}
{% block title %}{{ user.display_name }} – IT Asset Management{% endblock %}
{% block breadcrumb %}
  <li class="breadcrumb-item"><a href="{{ url_for('dashboard.index') }}">Home</a></li>
  <li class="breadcrumb-item"><a href="{{ url_for('users.index') }}">Users</a></li>
  <li class="breadcrumb-item active">{{ user.display_name }}</li>
{% endblock %}

{% block content %}
<div class="page-header d-flex align-items-center justify-content-between mb-4">
  <h1>
    <i class="bi bi-person-circle me-2"></i>
    {{ user.display_name }}
    {% if user.is_masked %}<span class="badge badge-masked fs-6 align-middle ms-2">MASKED</span>{% endif %}
  </h1>
  <div class="d-flex gap-2">
    {% if not user.is_masked %}
    <a href="{{ url_for('users.edit', user_id=user.id) }}" class="btn btn-sm btn-outline-primary">
      <i class="bi bi-pencil me-1"></i>Edit
    </a>
    <a href="{{ url_for('assignments.create', user_id=user.id) }}" class="btn btn-sm btn-outline-success">
      <i class="bi bi-plus-circle me-1"></i>Assign Asset
    </a>
    <a href="{{ url_for('paperwork.create', user_id=user.id) }}" class="btn btn-sm btn-outline-info">
      <i class="bi bi-file-earmark-plus me-1"></i>New Document
    </a>
    <!-- Mask button -->
    <button class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#maskModal">
      <i class="bi bi-eye-slash me-1"></i>Mask User
    </button>
    {% endif %}
  </div>
</div>

<div class="row g-3">
  <!-- Info card -->
  <div class="col-md-4">
    <div class="card border-0 shadow-sm h-100">
      <div class="card-header bg-white fw-semibold py-3">
        <i class="bi bi-info-circle me-2 text-primary"></i>User Information
      </div>
      <div class="card-body">
        <dl class="row mb-0">
          <dt class="col-5 text-muted small">Windows ID</dt>
          <dd class="col-7"><code>{{ user.windows_id }}</code></dd>

          <dt class="col-5 text-muted small">Full Name</dt>
          <dd class="col-7">{{ user.display_name }}</dd>

          <dt class="col-5 text-muted small">Email</dt>
          <dd class="col-7" style="word-break:break-all;">{{ user.display_email }}</dd>

          <dt class="col-5 text-muted small">Phone</dt>
          <dd class="col-7">{{ user.display_phone }}</dd>

          <dt class="col-5 text-muted small">Department</dt>
          <dd class="col-7">{{ user.department or '—' }}</dd>

          <dt class="col-5 text-muted small">Job Title</dt>
          <dd class="col-7">{{ user.job_title or '—' }}</dd>

          <dt class="col-5 text-muted small">Location</dt>
          <dd class="col-7">{{ user.location or '—' }}</dd>

          <dt class="col-5 text-muted small">Source</dt>
          <dd class="col-7"><span class="badge bg-secondary">{{ user.import_source }}</span></dd>

          <dt class="col-5 text-muted small">Status</dt>
          <dd class="col-7">
            {% if user.is_masked %}
              <span class="badge badge-masked">Masked</span>
              <br><small class="text-muted">{{ user.masked_at.strftime('%d/%m/%Y') if user.masked_at else '' }}</small>
            {% elif user.is_active %}
              <span class="badge bg-success">Active</span>
            {% else %}
              <span class="badge bg-warning text-dark">Inactive</span>
            {% endif %}
          </dd>

          <dt class="col-5 text-muted small">Added</dt>
          <dd class="col-7">{{ user.created_at.strftime('%d/%m/%Y') if user.created_at else '—' }}</dd>
        </dl>
      </div>
    </div>
  </div>

  <!-- Assignments -->
  <div class="col-md-8">
    <div class="card border-0 shadow-sm mb-3">
      <div class="card-header bg-white fw-semibold py-3 d-flex justify-content-between align-items-center">
        <span><i class="bi bi-arrow-left-right me-2 text-primary"></i>Asset History</span>
        {% if not user.is_masked %}
        <a href="{{ url_for('assignments.create', user_id=user.id) }}" class="btn btn-xs btn-sm btn-outline-success py-0 px-2">
          <i class="bi bi-plus"></i> Assign
        </a>
        {% endif %}
      </div>
      <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
          <thead class="table-light">
            <tr>
              <th>Asset</th>
              <th>SN / Service Tag</th>
              <th>From</th>
              <th>Until</th>
              <th>Status</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for a in assignments %}
            <tr>
              <td>{{ a.asset.brand or '' }} {{ a.asset.model or '' }}</td>
              <td>
                <code>{{ a.asset.serial_number }}</code>
                {% if a.asset.service_tag %}<br><small>{{ a.asset.service_tag }}</small>{% endif %}
              </td>
              <td>{{ a.assigned_date.strftime('%d/%m/%Y') if a.assigned_date else '—' }}</td>
              <td>{{ a.returned_date.strftime('%d/%m/%Y') if a.returned_date else '<span class="badge bg-primary">current</span>' | safe }}</td>
              <td>
                {% if a.is_active %}
                  <span class="badge bg-success">Active</span>
                {% else %}
                  <span class="badge bg-secondary">Returned</span>
                {% endif %}
              </td>
              <td>
                <a href="{{ url_for('assets.detail', asset_id=a.asset.id) }}"
                   class="btn btn-sm btn-outline-secondary py-0 px-2">
                  <i class="bi bi-eye"></i>
                </a>
              </td>
            </tr>
            {% else %}
            <tr><td colspan="6" class="text-center text-muted py-3">No assignments.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <!-- Documents -->
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white fw-semibold py-3 d-flex justify-content-between align-items-center">
        <span><i class="bi bi-file-earmark-text me-2 text-primary"></i>Documents</span>
        {% if not user.is_masked %}
        <a href="{{ url_for('paperwork.create', user_id=user.id) }}"
           class="btn btn-xs btn-sm btn-outline-info py-0 px-2">
          <i class="bi bi-plus"></i> New
        </a>
        {% endif %}
      </div>
      <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
          <thead class="table-light">
            <tr><th>Title</th><th>Type</th><th>Asset</th><th>Date</th><th></th></tr>
          </thead>
          <tbody>
            {% for d in docs %}
            <tr>
              <td><a href="{{ url_for('paperwork.detail', doc_id=d.id) }}">{{ d.title }}</a></td>
              <td><span class="badge bg-info text-dark">{{ d.doc_type_label }}</span></td>
              <td>{{ d.asset.serial_number if d.asset else '—' }}</td>
              <td>{{ d.created_at.strftime('%d/%m/%Y') if d.created_at else '—' }}</td>
              <td>
                {% if d.pdf_filename %}
                <a href="{{ url_for('paperwork.download', doc_id=d.id) }}"
                   class="btn btn-sm btn-outline-secondary py-0 px-2">
                  <i class="bi bi-download"></i>
                </a>
                {% endif %}
              </td>
            </tr>
            {% else %}
            <tr><td colspan="5" class="text-center text-muted py-3">No documents.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<!-- Mask confirmation modal -->
{% if not user.is_masked %}
<div class="modal fade" id="maskModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header border-0 pb-0">
        <h5 class="modal-title text-danger"><i class="bi bi-eye-slash me-2"></i>Mask User Record</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <p>This will <strong>permanently erase all PII</strong> (name, email, phone) for
          <strong>{{ user.display_name }}</strong> (WID: <code>{{ user.windows_id }}</code>).</p>
        <p class="mb-0 text-muted">Asset history and assignments will be retained, linked only to the Windows ID.
          This action <strong>cannot be undone</strong>.</p>
      </div>
      <div class="modal-footer border-0">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        <form method="POST" action="{{ url_for('users.mask', user_id=user.id) }}" class="d-inline">
          <button type="submit" class="btn btn-danger">
            <i class="bi bi-eye-slash me-1"></i>Confirm Mask
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}