<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
    <div
        class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">Settings</h1>
    </div>
    <form action="/administrator/settings/update" method="post">
        <div class="form-group">
            <label for="site_name">Site Name</label>
            <input type="text" class="form-control" id="site_name" name="site_name"
                value="<?php echo $settings['site_name']; ?>" required>
        </div>
        <div class="form-group">
            <label for="administrator_email">administrator Email</label>
            <input type="email" class="form-control" id="administrator_email" name="administrator_email"
                value="<?php echo $settings['administrator_email']; ?>" required>
        </div>
        <div class="form-group">
            <label for="timezone">Timezone</label>
            <select class="form-control" id="timezone" name="timezone" required>
                <?php foreach ($timezones as $timezone): ?>
                <option value="<?php echo $timezone; ?>"
                    <?php echo $timezone == $settings['timezone'] ? 'selected' : ''; ?>>
                    <?php echo $timezone; ?>
                </option>
                <?php endforeach; ?>
            </select>
        </div>
        <button type="submit" class="btn btn-primary">Save Settings</button>
    </form>
</main>