<div class="saved-trips-list">
{% if trips %}
    <ul class="space-y-2">
    {% for trip in trips %}
        <li class="p-2 bg-white rounded-md shadow-sm">
            <div class="flex items-center justify-between">
                <div>
                    <div class="font-medium">{{ trip.name }}</div>
                    <div class="text-xs text-gray-500">{{ trip.created_at }}</div>
                </div>
                <div>
                    <a href="{% url 'parks:roadtrip_detail' trip.id %}" class="text-blue-600">View</a>
                </div>
            </div>
        </li>
    {% endfor %}
    </ul>
{% else %}
    <div class="p-4 text-center text-gray-500">No saved trips yet.</div>
{% endif %}
</div>
