{{define "content"}}
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
    {{range .Data}}
        <div class="bg-white border rounded-lg p-4 hover:shadow-md transition-shadow">
            {{range $.Columns}}
                {{if .ShowInList}}
                    <div class="mb-2">
                        <label class="block text-sm font-medium text-gray-700">{{.Alias}}</label>
                        <div class="mt-1 text-sm text-gray-900">
                            {{template "field" dict "Value" (index $.Data .Name) "Type" .RenderType "Column" .}}
                        </div>
                    </div>
                {{end}}
            {{end}}
            <div class="mt-4">
                <button onclick="showDetail('{{.id}}')" 
                        class="text-blue-600 hover:text-blue-900 text-sm">
                    查看详情
                </button>
            </div>
        </div>
    {{end}}
</div>

<!-- 分页 -->
<div class="mt-4 flex justify-between items-center">
    <div class="text-sm text-gray-700">
        共 {{.Total}} 条记录，第 {{.Page}} / {{.Pages}} 页
    </div>
    <div class="flex space-x-2">
        {{if gt .Page 1}}
            <a href="?table={{.CurrentTable}}&page={{sub .Page 1}}&per_page={{.PerPage}}" 
               class="px-3 py-1 border rounded text-sm hover:bg-gray-50">
                上一页
            </a>
        {{end}}
        
        {{if lt .Page .Pages}}
            <a href="?table={{.CurrentTable}}&page={{add .Page 1}}&per_page={{.PerPage}}" 
               class="px-3 py-1 border rounded text-sm hover:bg-gray-50">
                下一页
            </a>
        {{end}}
    </div>
</div>
{{end}}