{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width: 1000px;">
  <h4 class="mb-3">
    <i class="bi bi-bug me-2"></i>
    Attendance Source Debug
  </h4>

  <form method="GET" class="card shadow-sm mb-3">
    <div class="card-body row g-3 align-items-end">
      <div class="col-md-6">
        <label class="form-label">Employee</label>
        <select name="employee_id" class="form-select" required>
          <option value="">-- Select employee --</option>
          {% for e in employees %}
            <option value="{{ e.id }}" {% if e.id == selected_emp_id %}selected{% endif %}>
              {{ e.full_name }} ({{ e.employee_code }})
            </option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label class="form-label">Date</label>
        <input type="date" name="date" value="{{ date_str }}" class="form-control" required>
      </div>
      <div class="col-md-3 text-md-end">
        <button class="btn btn-primary mt-3 mt-md-0">
          <i class="bi bi-search me-1"></i> Show details
        </button>
      </div>
    </div>
  </form>

  <div class="card shadow-sm mb-3">
    <div class="card-header">
      <strong>Configured priority</strong>
    </div>
    <div class="card-body">
      <code>[{{ priority_list | join(', ') }}]</code>
      <div class="form-text">
        Edit this in <a href="{{ url_for('admin.attendance_settings') }}">Attendance Source Priority</a>.
      </div>
    </div>
  </div>

  {% if debug_info %}
    <div class="card shadow-sm">
      <div class="card-header">
        <strong>Debug for {{ debug_info.employee.full_name }} – {{ debug_info.date.strftime('%d-%m-%Y') }}</strong>
      </div>
      <div class="card-body">

        <h6>Final attendance row</h6>
        {% if debug_info.attendance %}
          <table class="table table-sm mb-3">
            <tr><th style="width: 20%;">Check-in</th><td>{{ debug_info.attendance.check_in_time or '-' }}</td></tr>
            <tr><th>Check-out</th><td>{{ debug_info.attendance.check_out_time or '-' }}</td></tr>
            <tr><th>Hours</th><td>{{ debug_info.attendance.working_hours or '-' }}</td></tr>
            <tr><th>Remarks</th><td>{{ debug_info.attendance.remarks or '-' }}</td></tr>
            <tr><th>Source</th><td><span class="badge bg-info text-dark">{{ debug_info.chosen_source or 'N/A' }}</span></td></tr>
          </table>
        {% else %}
          <p class="text-muted">No Attendance row exists for this day.</p>
        {% endif %}

        <hr>

        <h6>Source details (by type)</h6>

        <!-- Manual -->
        <p><strong>Manual</strong> –
          {% if debug_info.sources.manual.has_data %}
            <span class="badge bg-success">Has data</span>
          {% else %}
            <span class="badge bg-secondary">No data</span>
          {% endif %}
        </p>

        <!-- Biometric -->
        <p class="mt-2"><strong>Biometric</strong> –
          {% if debug_info.sources.biometric.has_data %}
            <span class="badge bg-success">{{ debug_info.sources.biometric.punches|length }} punch(es)</span>
          {% else %}
            <span class="badge bg-secondary">No data</span>
          {% endif %}
        </p>
        {% if debug_info.sources.biometric.punches %}
          <table class="table table-sm table-bordered mb-3">
            <thead class="table-light">
              <tr><th>Time</th><th>Direction</th><th>Device</th></tr>
            </thead>
            <tbody>
            {% for p in debug_info.sources.biometric.punches %}
              <tr>
                <td>{{ p.punch_time.strftime('%H:%M:%S') }}</td>
                <td>{{ p.direction|upper }}</td>
                <td>{{ p.device_code or '-' }}</td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        {% endif %}

        <!-- Self punch -->
        <p class="mt-2"><strong>Self Punch</strong> –
          {% if debug_info.sources.self.has_data %}
            <span class="badge bg-success">{{ debug_info.sources.self.punches|length }} punch(es)</span>
          {% else %}
            <span class="badge bg-secondary">No data</span>
          {% endif %}
        </p>
        {% if debug_info.sources.self.punches %}
          <table class="table table-sm table-bordered mb-3">
            <thead class="table-light">
              <tr><th>Time</th><th>Direction</th><th>Location</th></tr>
            </thead>
            <tbody>
            {% for p in debug_info.sources.self.punches %}
              <tr>
                <td>{{ p.punch_time.strftime('%H:%M:%S') }}</td>
                <td>{{ p.direction|upper }}</td>
                <td>
                  {% if p.latitude and p.longitude %}
                    {{ "%.5f"|format(p.latitude) }}, {{ "%.5f"|format(p.longitude) }}
                  {% else %}
                    <span class="text-muted">Not captured</span>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        {% endif %}

        <!-- Desktime -->
        <p class="mt-2"><strong>Desktime</strong> –
          {% if debug_info.sources.desktime.has_data %}
            <span class="badge bg-success">Has log</span>
          {% else %}
            <span class="badge bg-secondary">No data</span>
          {% endif %}
        </p>
        {% if debug_info.sources.desktime.log %}
          {% set log = debug_info.sources.desktime.log %}
          <table class="table table-sm table-bordered">
            <tr><th style="width: 20%;">Arrived</th><td>{{ log.arrived or '-' }}</td></tr>
            <tr><th>Left</th><td>{{ log.left or '-' }}</td></tr>
            <tr><th>Productive hours</th><td>{{ (log.productive_hours or 0)|round(2) }}</td></tr>
          </table>
        {% endif %}
      </div>
    </div>
  {% endif %}
</div>
{% endblock %}