<?php include 'header.php'; ?>

<form action="../settings_process.php" method="POST" enctype="multipart/form-data">
    <div class="control-box">
        <h4 style="color:var(--accent); margin-top:0;"><i class="fas fa-edit"></i> SITE IDENTITY</h4>
        <label>Site Icon (Favicon)</label>
        <input type="file" name="site_icon">
        <small style="color:#888;">Current: <?= $theme['site_icon'] ?></small>
        
        <label>Header Title</label>
        <input type="text" name="site_title" value="<?= htmlspecialchars($theme['site_title']) ?>">
        
        <label>Title Animation</label>
        <select name="header_anim">
            <option value="none">None</option>
            <option value="glow" <?=$theme['header_anim']=='glow'?'selected':''?>>Neon Glow</option>
            <option value="typewriter" <?=$theme['header_anim']=='typewriter'?'selected':''?>>Typewriter</option>
            <option value="glitch" <?=$theme['header_anim']=='glitch'?'selected':''?>>Cyber Glitch</option>
            <option value="bounce" <?=$theme['header_anim']=='bounce'?'selected':''?>>Bouncing</option>
            <option value="rainbow" <?=$theme['header_anim']=='rainbow'?'selected':''?>>Rainbow Flow</option>
            <option value="3d" <?=$theme['header_anim']=='3d'?'selected':''?>>3D Rotate</option>
            <option value="fade" <?=$theme['header_anim']=='fade'?'selected':''?>>Fade In/Out</option>
            <option value="scale" <?=$theme['header_anim']=='scale'?'selected':''?>>Heartbeat Scale</option>
            <option value="slide" <?=$theme['header_anim']=='slide'?'selected':''?>>Slide In</option>
            <option value="blur" <?=$theme['header_anim']=='blur'?'selected':''?>>Focus Blur</option>
            <option value="wave" <?=$theme['header_anim']=='wave'?'selected':''?>>Wave Text</option>
            <option value="mirror" <?=$theme['header_anim']=='mirror'?'selected':''?>>Mirror Reflection</option>
            <option value="fire" <?=$theme['header_anim']=='fire'?'selected':''?>>Burning Text</option>
            <option value="liquid" <?=$theme['header_anim']=='liquid'?'selected':''?>>Liquid Fill</option>
            <option value="smoke" <?=$theme['header_anim']=='smoke'?'selected':''?>>Smoking Text</option>
            <option value="circuit" <?=$theme['header_anim']=='circuit'?'selected':''?>>Circuit Board</option>
            <option value="pop" <?=$theme['header_anim']=='pop'?'selected':''?>>Pop Art</option>
            <option value="shadow" <?=$theme['header_anim']=='shadow'?'selected':''?>>Long Shadow</option>
            <option value="rotate" <?=$theme['header_anim']=='rotate'?'selected':''?>>Full Rotation</option>
            <option value="shake" <?=$theme['header_anim']=='shake'?'selected':''?>>Danger Shake</option>
        </select>
    </div>

    <div class="control-box">
        <h4 style="color:var(--accent); margin-top:0;"><i class="fas fa-heading"></i> TITLE DISPLAY</h4>
        <label>Show Title?</label>
        <select name="show_title">
            <option value="1" <?=$theme['show_title']==1?'selected':''?>>Yes</option>
            <option value="0" <?=$theme['show_title']==0?'selected':''?>>No</option>
        </select>
        
        <label>Title Color</label>
        <input type="color" name="title_color" value="<?= $theme['title_color'] ?>">
        
        <label>Text Alignment</label>
        <select name="text_align">
            <option value="left" <?=$theme['text_align']=='left'?'selected':''?>>Left</option>
            <option value="center" <?=$theme['text_align']=='center'?'selected':''?>>Center</option>
            <option value="right" <?=$theme['text_align']=='right'?'selected':''?>>Right</option>
        </select>
    </div>
    
    <button class="btn" name="update_settings">SAVE CONTENT</button>
</form>

<?php include 'footer.php'; ?>