<%- include('partials/layout_start', { activePage: 'settings', pageTitle: 'Global Settings' }) %>

<div class="admin-section">
    <% if (typeof success !== 'undefined' && success) { %>
        <div style="background-color: #dcfce7; color: #166534; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
            Settings updated successfully!
        </div>
    <% } %>

    <form action="/admin/settings/update" method="POST" style="background: #1e293b; padding: 25px; border-radius: 8px; border: 1px solid #334155; max-width: 600px;">
        <h4 style="margin-top: 0; margin-bottom: 20px;">Contact Information</h4>
        
        <div class="form-group" style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 8px; font-weight: bold;">Contact Phone</label>
            <input type="text" name="settings[contact_phone]" value="<%= settings['contact_phone'] || '' %>" style="width: 100%; padding: 10px; border: 1px solid #475569; background: #0f172a; color: #f1f5f9; border-radius: 4px;">
        </div>
        
        <div class="form-group" style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 8px; font-weight: bold;">Contact Email</label>
            <input type="email" name="settings[contact_email]" value="<%= settings['contact_email'] || '' %>" style="width: 100%; padding: 10px; border: 1px solid #475569; background: #0f172a; color: #f1f5f9; border-radius: 4px;">
        </div>
        
        <button type="submit" class="btn-primary" style="padding: 12px 25px; background-color: #f59e0b; color: #1e293b; border: none; font-weight: bold; cursor: pointer; border-radius: 4px; font-size: 1rem;">Save Settings</button>
    </form>
</div>

<%- include('partials/layout_end') %>
