{{define "content"}}
<h2>New Site</h2>
<form id="siteForm" method="POST" action="/sites">
    <div class="form-group">
        <label for="domain">Domain</label>
        <input type="text" id="domain" name="domain" placeholder="example.com" required>
    </div>
    <div class="form-group">
        <label for="type">Site Type</label>
        <select id="type" name="type">
            <option value="static">Static</option>
            <option value="proxy">Reverse Proxy</option>
            <option value="php">PHP</option>
            <option value="node">Node.js</option>
        </select>
    </div>
    <div class="form-group">
        <label for="root">Document Root / Upstream</label>
        <input type="text" id="root" name="root" placeholder="/var/www/example.com">
    </div>
    <div class="form-group">
        <label>
            <input type="checkbox" name="ssl" value="1"> Enable SSL (Let's Encrypt)
        </label>
    </div>
    <div style="display:flex;gap:.5rem">
        <button type="submit" class="btn btn-primary">Create Site</button>
        <a href="/sites" class="btn">Cancel</a>
    </div>
</form>
{{end}}