{% extends "attendance/admin/_layout.html" %}
{% block admin %}
<h1 class="h4">{{ target.name }} <span class="fs-6 text-body-secondary">#{{ target.userid }} · {{ target.email }}</span></h1>
<form method="post" class="row g-3">
  {% csrf_token %}
  <div class="col-lg-7"><div class="app-card">
    <div class="fw-semibold mb-2">{% t "Planned hours" %} <span class="small text-body-secondary">({% t "Hours" %}, 0.5 = 30')</span></div>
    <div class="row g-2">
      {% for name in weekdays %}
      <div class="col"><label class="form-label small mb-0">{{ name|tr }}</label>
        <input type="number" min="0" max="24" step="0.5" name="planned_{{ forloop.counter0 }}" value="{{ planned_hours|get_item:forloop.counter0|floatformat:'-1' }}" class="form-control form-control-sm"></div>
      {% endfor %}
    </div>
    {% if not target.planned_valid %}<div class="small text-warning mt-2">Duty: invalid value, default week shown</div>{% endif %}
    <div class="row g-2 mt-2">
      <div class="col-sm-6"><label class="form-label small mb-0">{% t "Hire date" %}</label><input type="date" name="hire_date" value="{{ target.hire_date|date:'Y-m-d' }}" class="form-control form-control-sm"></div>
    </div>
  </div></div>
  <div class="col-lg-5"><div class="app-card">
    <label class="form-check form-switch"><input class="form-check-input" type="checkbox" name="admin" {% if target.is_admin %}checked{% endif %}> <span class="form-check-label">{% t "Admin" %}</span></label>
    <label class="form-check form-switch"><input class="form-check-input" type="checkbox" name="manager" {% if target.is_manager %}checked{% endif %}> <span class="form-check-label">{% t "Manager" %} <span class="small text-body-secondary">({% t "Manager help" %})</span></span></label>
    <label class="form-check form-switch"><input class="form-check-input" type="checkbox" name="disabled" {% if target.is_disabled %}checked{% endif %}> <span class="form-check-label">{% t "Disabled" %} <span class="small text-body-secondary">({% t "Disabled help" %})</span></span></label>
    <label class="form-check form-switch"><input class="form-check-input" type="checkbox" name="tracking" {% if target.remark.tracking %}checked{% endif %}> <span class="form-check-label">{% t "Balance tracking" %}</span></label>
    <div class="row g-2 mt-1">
      <div class="col-12"><label class="form-label small mb-0">{% t "Snapshot date" %}</label><input type="date" name="snapshot_date" value="{{ target.remark.snapshot_date|date:'Y-m-d' }}" class="form-control form-control-sm"></div>
      <div class="col-6"><label class="form-label small mb-0">{% t "Vacation hours" %}</label><input type="number" step="0.01" name="vacation_hours" value="{{ target.remark.vacation_hours|default_if_none:'' }}" class="form-control form-control-sm"></div>
      <div class="col-6"><label class="form-label small mb-0">{% t "Permit hours" %}</label><input type="number" step="0.01" name="permit_hours" value="{{ target.remark.permit_hours|default_if_none:'' }}" class="form-control form-control-sm"></div>
    </div>
    {% if not target.remark.valid %}
    <div class="alert alert-warning small mt-2 mb-0">{% t "Invalid Remark content" %}: <code>{{ target.remark_raw }}</code>
      <label class="form-check mt-1"><input class="form-check-input" type="checkbox" name="overwrite_remark"> {% t "Overwrite" %}</label></div>
    {% endif %}
  </div></div>
  <div class="col-12 d-flex gap-2">
    <button class="btn btn-primary" name="action" value="save">{% t "Save" %}</button>
    <button class="btn btn-outline-secondary" name="action" value="link" formnovalidate {% if not target.email or target.is_disabled %}disabled{% endif %}><i class="bi bi-envelope"></i> {% t "Send password link" %}</button>
  </div>
</form>
{% if calendar.enabled %}
<form method="post" class="app-card mt-3">
  {% csrf_token %}
  <div class="fw-semibold mb-1"><i class="bi bi-calendar-check me-1"></i>{% t "Outlook calendar" %} <span class="badge text-bg-success">{% t "Active" %} · {% t "since" %} {{ calendar.enabled_at|date:"d/m/Y" }}</span></div>
  {% if calendar.last_error %}<div class="alert alert-warning py-2 small text-break">{% t "Last error" %} ({{ calendar.last_error_at|date:"d/m/Y H:i" }}): {{ calendar.last_error }}</div>{% endif %}
  <p class="small text-body-secondary">{% t "Calendar Sync admin off note" %}</p>
  <button class="btn btn-outline-danger" name="action" value="calendar_off" data-confirm="{% t 'Calendar Sync off confirm' %}" onclick="return confirm(this.dataset.confirm)">{% t "Turn off" %}</button>
</form>
{% endif %}
{% endblock %}