<?php
$pageTitle = 'Add Destination';
require_once dirname(__DIR__) . '/includes/header.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name   = trim($_POST['country_name'] ?? '');
    $flag   = trim($_POST['flag_emoji'] ?? '');
    $desc   = trim($_POST['description'] ?? '');
    $content= $_POST['content'] ?? '';
    $unis   = (int)($_POST['universities_count'] ?? 0);
    $status = $_POST['status'] ?? 'active';
    $sort   = (int)($_POST['sort_order'] ?? 0);
    $img    = handleUpload('image','destinations') ?? trim($_POST['image_url'] ?? '');
    if ($name) {
        $st = db()->prepare("INSERT INTO destinations (country_name,flag_emoji,description,content,image,universities_count,sort_order,status) VALUES (?,?,?,?,?,?,?,?)");
        $st->bind_param('sssssiii', $name,$flag,$desc,$content,$img,$unis,$sort,$status);
        $st->execute();
        flash('Destination added!','success');
        redirect(ADMIN_URL.'/pages/destinations.php');
    } else { $error = 'Country name is required.'; }
}
?>
<div class="page-header">
    <a href="destinations.php" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i></a>
    <h1>Add Destination</h1>
</div>
<div class="card">
    <div class="card-header"><i class="fas fa-globe-asia" style="color:var(--brand)"></i><h2>New Destination</h2></div>
    <div class="card-body">
        <?php if (!empty($error)): ?><div class="flash flash-error"><?=e($error)?></div><?php endif; ?>
        <form method="POST" enctype="multipart/form-data">
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Country Name *</label>
                    <input type="text" name="country_name" class="form-control" placeholder="e.g. United Kingdom" value="<?=e($_POST['country_name']??'')?>" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Flag Emoji</label>
                    <input type="text" name="flag_emoji" class="form-control" placeholder="🇬🇧" value="<?=e($_POST['flag_emoji']??'')?>">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">Short Description</label>
                <textarea name="description" class="form-control" rows="3" placeholder="Brief overview..."><?=e($_POST['description']??'')?></textarea>
            </div>
            <div class="form-group">
                <label class="form-label">Full Content</label>
                <textarea name="content" class="form-control" rows="8"><?=e($_POST['content']??'')?></textarea>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Upload Image</label>
                    <input type="file" name="image" class="form-control" accept="image/*" onchange="previewImg(this)">
                    <img id="imgPreview" class="img-preview" style="margin-top:8px;display:none">
                </div>
                <div class="form-group">
                    <label class="form-label">Or Image URL</label>
                    <input type="text" name="image_url" class="form-control" placeholder="https://...">
                </div>
            </div>
            <div class="form-row-3">
                <div class="form-group">
                    <label class="form-label">Universities Count</label>
                    <input type="number" name="universities_count" class="form-control" value="0" min="0">
                </div>
                <div class="form-group">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="active">Active</option>
                        <option value="inactive">Inactive</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" class="form-control" value="0" min="0">
                </div>
            </div>
            <div style="display:flex;gap:10px">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Destination</button>
                <a href="destinations.php" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
<script>function previewImg(i){const r=new FileReader();r.onload=e=>{const p=document.getElementById('imgPreview');p.src=e.target.result;p.style.display='block'};r.readAsDataURL(i.files[0]);}</script>
<?php require_once dirname(__DIR__) . '/includes/footer.php'; ?>
