{# templates/admin_modals/git_policy_modal.html #}
<div id="git-policy-modal" class="hidden modal-hidden fixed inset-0 flex items-center justify-center z-50 p-4">
    <div class="modal-backdrop fixed inset-0 bg-black/60 modal-transition" id="git-policy-backdrop"></div>
    <div
        class="modal-content glass-modal modal-radius-xl shadow-3xl w-full max-w-2xl h-auto max-h-[85vh] border border-white/10 modal-content-transition relative flex flex-col overflow-hidden">

        <!-- Header -->
        <div class="p-8 pb-4 flex-shrink-0 flex items-center justify-between bg-white/[0.02] border-b border-white/5">
            <div class="flex items-center">
                <div class="p-2.5 bg-green-500/10 rounded-xl border border-green-500/20 mr-4 shadow-sm">
                    <i data-lucide="shield-check" class="h-6 w-6 text-green-400"></i>
                </div>
                <div>
                    <h3 class="text-2xl font-bold text-white">Git Policy & Limits</h3>
                    <p class="text-xs text-zinc-500 mt-1 uppercase tracking-widest font-black">Governance & Resource
                        Guardrails</p>
                </div>
            </div>
            <button type="button"
                class="close-modal-btn p-3 bg-white/[0.03] hover:bg-red-500/20 border border-white/5 hover:border-red-500/30 rounded-2xl text-zinc-500 hover:text-red-400 transition-all">
                <i data-lucide="x" class="h-5 w-5"></i>
            </button>
        </div>

        <!-- Scrollable Body -->
        <div class="flex-1 overflow-y-auto px-8 py-4 space-y-6 custom-scrollbar">
            <div class="space-y-6">
                {# Max Upload Size #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Max Upload Size</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Maximum file
                                size for browser-based uploads.</p>
                        </div>
                        <button id="edit-modal-upload-size-btn"
                            class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                        <input type="number" id="modal_max_upload_size_mb" value="{{ settings.max_upload_size_mb }}"
                            disabled
                            class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                        <span class="text-[10px] font-black text-zinc-700 pr-3">MB</span>
                    </div>
                </div>

                {# Standard Tier Repo Limits #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Standard Repo Size Limit</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Maximum
                                repository sizes for Standard users.</p>
                        </div>
                        <button id="edit-modal-standard-repo-size-btn"
                            class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Public Repos
                            </p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_git_standard_public_repo_size_limit_mb"
                                    value="{{ settings.git_standard_public_repo_size_limit_mb or 1024 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">MB</span>
                            </div>
                        </div>
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Private Repos
                            </p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_git_standard_private_repo_size_limit_mb"
                                    value="{{ settings.git_standard_private_repo_size_limit_mb or 100 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">MB</span>
                            </div>
                        </div>
                    </div>
                </div>

                {# Pro Tier Repo Limits #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Pro Repo Size Limit</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Maximum
                                repository sizes for Pro users.</p>
                        </div>
                        <button id="edit-modal-pro-repo-size-btn"
                            class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Public Repos
                            </p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_git_pro_public_repo_size_limit_mb"
                                    value="{{ settings.git_pro_public_repo_size_limit_mb or 5120 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">MB</span>
                            </div>
                        </div>
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Private Repos
                            </p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_git_pro_private_repo_size_limit_mb"
                                    value="{{ settings.git_pro_private_repo_size_limit_mb or 500 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">MB</span>
                            </div>
                        </div>
                    </div>
                </div>

                {# Max Repos by Tier #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Max Repositories</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Maximum number of repositories per user by tier.</p>
                        </div>
                        <button id="edit-modal-max-repos-btn" class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Standard</p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_max_repos_standard" value="{{ settings.max_repos_standard or 10 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">repos</span>
                            </div>
                        </div>
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Pro</p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_max_repos_pro" value="{{ settings.max_repos_pro or 100 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">repos</span>
                            </div>
                        </div>
                    </div>
                </div>

                {# Max Total Storage by Tier #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Max Total Storage</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Maximum storage across all repositories per user by tier.</p>
                        </div>
                        <button id="edit-modal-max-storage-btn" class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Standard</p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_max_storage_gb_standard" value="{{ settings.max_storage_gb_standard or 1 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">GB</span>
                            </div>
                        </div>
                        <div>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mb-2">Pro</p>
                            <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5">
                                <input type="number" id="modal_max_storage_gb_pro" value="{{ settings.max_storage_gb_pro or 10 }}" disabled
                                    class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 px-3 outline-none disabled:opacity-50">
                                <span class="text-[10px] font-black text-zinc-700 pr-3">GB</span>
                            </div>
                        </div>
                    </div>
                </div>

                {# Global .gitignore #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Global .gitignore</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Patterns
                                excluded from all repositories.</p>
                        </div>
                        <button id="edit-modal-gitignore-btn"
                            class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <textarea id="modal_global_gitignore" disabled
                        class="w-full bg-white/[0.02] border-none rounded-xl p-4 text-xs font-mono text-zinc-400 focus:ring-1 focus:ring-blue-500/30 outline-none h-32 resize-none custom-scrollbar disabled:opacity-50 transition-all">{{ settings.global_gitignore }}</textarea>
                </div>

                {# Default Branch Name #}
                <div class="p-6 bg-white/[0.03] rounded-2xl border border-white/5">
                    <div class="flex items-center justify-between mb-4">
                        <div>
                            <h3 class="text-sm font-semibold text-white">Default Branch Name</h3>
                            <p class="text-[10px] text-zinc-500 uppercase tracking-widest font-bold mt-1">Used when
                                initializing new repositories.</p>
                        </div>
                        <button id="edit-modal-branch-btn"
                            class="glass-button px-4 py-2 rounded-xl text-[10px] font-black uppercase text-blue-400">Edit</button>
                    </div>
                    <div class="flex items-center bg-white/[0.02] p-1.5 rounded-xl border border-white/5 px-4 h-10">
                        <input type="text" id="modal_default_branch" value="{{ settings.default_branch or 'main' }}"
                            disabled
                            class="bg-transparent border-none text-sm text-zinc-300 w-full focus:ring-0 outline-none disabled:opacity-50">
                    </div>
                </div>
            </div>
        </div>

        <!-- Footer -->
        <div class="p-8 pt-4 flex-shrink-0 flex justify-end border-t border-white/5">
            <button type="button"
                class="close-modal-btn glass-button px-6 py-3 rounded-xl text-[10px] font-black uppercase tracking-widest text-zinc-400 hover:text-white">Done</button>
        </div>
    </div>
</div>