{{define "content"}}
<div class="bg-white rounded-lg shadow overflow-hidden">
    {{if .Data}}
        {{if eq .TemplateType "table"}}
            {{template "table-view" .}}
        {{else if eq .TemplateType "card"}}
            {{template "card-view" .}}
        {{else}}
            {{template "table-view" .}}
        {{end}}
    {{else}}
        <div class="text-center py-8 text-gray-500">
            暂无数据
        </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={{.Table}}&page={{sub .Page 1}}&per_page={{.PerPage}}" 
               class="px-3 py-1 border rounded text-sm hover:bg-gray-50">
                上一页
            </a>
        {{end}}
        
        {{range until .Pages}}
            {{$page := add . 1}}
            {{if eq $page $.Page}}
                <span class="px-3 py-1 bg-blue-500 text-white rounded text-sm">{{$page}}</span>
            {{else}}
                <a href="?table={{$.Table}}&page={{$page}}&per_page={{$.PerPage}}" 
                   class="px-3 py-1 border rounded text-sm hover:bg-gray-50">
                    {{$page}}
                </a>
            {{end}}
        {{end}}
        
        {{if lt .Page .Pages}}
            <a href="?table={{$.Table}}&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}}

{{define "table-view"}}
<table class="min-w-full divide-y divide-gray-200">
    <thead class="bg-gray-50">
        <tr>
            {{range .Columns}}
                {{if .ShowInList}}
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                        {{.Alias}}
                        {{if .Sortable}}
                            <button onclick="sortBy('{{.Name}}')" class="ml-1 text-gray-400 hover:text-gray-600">
                                ⇅
                            </button>
                        {{end}}
                    </th>
                {{end}}
            {{end}}
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                操作
            </th>
        </tr>
    </thead>
    <tbody class="bg-white divide-y divide-gray-200">
        {{range $row := .Data}}
            <tr class="hover:bg-gray-50">
                {{range $col := $.Columns}}
                    {{if $col.ShowInList}}
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                            {{template "field" dict "Value" (index $row $col.Name) "Type" $col.RenderType "Column" $col}}
                        </td>
                    {{end}}
                {{end}}
                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
                    <button onclick="showDetail('{{index $row "id"}}')" 
                            class="text-blue-600 hover:text-blue-900">
                        查看详情
                    </button>
                </td>
            </tr>
        {{end}}
    </tbody>
</table>
{{end}}

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

{{define "scripts"}}
<!-- 列表页面特定脚本 -->
<script>
    // 列表页面特定功能可以在这里添加
    console.log('List template loaded for:', '{{.Table}}');
</script>
{{end}}