<div class="header">
    <h1>Service Fee</h1>
</div>
<div style="background: var(--surface); padding: 1.5rem; border-radius: var(--radius); box-shadow: var(--shadow); max-width: 500px;">
    <form method="post" action="<?= base_url('admin/service-fee/save') ?>">
        <input type="hidden" name="<?= csrf_token() ?>" value="<?= csrf_hash() ?>">
        <p>
            <label style="font-weight: 600;">Service fee (UGX)</label><br>
            <input type="number" name="service_fee" value="<?= esc($service_fee) ?>" step="0.01" min="0" style="width:100%;">
        </p>
        <p style="margin-top: 1rem;">
            <label style="font-weight: 600;">Delivery fee (UGX)</label><br>
            <input type="number" name="delivery_fee" value="<?= esc($delivery_fee) ?>" step="0.01" min="0" style="width:100%;">
        </p>
        <p style="margin-top: 1.5rem;">
            <label style="font-weight: 600;">Discord webhook URL</label><br>
            <input type="url" name="discord_webhook_url" value="<?= esc($discord_webhook_url ?? '') ?>" placeholder="https://discord.com/api/webhooks/..." style="width:100%;">
            <small style="color: var(--text-light); display: block; margin-top: 0.25rem;">Paid orders are posted here. Leave empty to disable.</small>
        </p>
        <button type="submit" class="btn btn-primary" style="margin-top: 1rem;">Save</button>
    </form>
</div>