{% extends "base.html" %}

{% block title %}Browser History - Home{% endblock %}

{% block content %}
<div class="bg-dark-800 shadow overflow-hidden sm:rounded-lg border border-dark-700">
  <div class="px-4 py-5 sm:px-6">
    <h3 class="text-lg leading-6 font-medium text-gray-100">Recent History</h3>
  </div>
  <div class="border-t border-dark-700">
    <ul class="divide-y divide-gray-200" id="history-list">
      {% for entry in entries %}
      <li class="px-4 py-4">
        <div class="flex items-center justify-between">
          <div class="flex-1 min-w-0">
            <p class="text-sm font-medium text-primary truncate">
              <a href="{{ entry.url }}" target="_blank">{{ entry.title }}</a>
            </p>
            <p class="text-sm text-gray-400">
              {{ entry.domain }} • {{ entry.visit_time }}
            </p>
          </div>
        </div>
      </li>
      {% endfor %}
    </ul>
  </div>
</div>
{% endblock %}