<?php
header('Content-Type: text/html; charset=utf-8');
require 'db.php';
require 'auth.php';
require 'system_log_helper.php';

require_login();
$user = current_user();

// sayfa görüntüleme logu
system_log('page_view', 'jobs.php?'.($_SERVER['QUERY_STRING'] ?? ''));

// Sadece admin ekleyebilir
if ($user['role'] != 1) {
    die("Bu sayfaya erişim yetkiniz yok.");
}

$errors  = [];
$success = false;

$name     = '';
$email    = '';
$username = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $name     = trim($_POST['name'] ?? '');
    $email    = trim($_POST['email'] ?? '');
    $username = trim($_POST['username'] ?? '');
    $password = trim($_POST['password'] ?? '');

    // Basit kontroller
    if ($name === '')      $errors[] = "İsim soyisim zorunludur.";
    if ($email === '')     $errors[] = "E-posta zorunludur.";
    if ($username === '')  $errors[] = "Kullanıcı adı zorunludur.";
    if ($password === '')  $errors[] = "Şifre zorunludur.";

    // E-posta kontrolü
    if (empty($errors)) {
        $chk = $pdo->prepare("SELECT id FROM users WHERE email = ?");
        $chk->execute([$email]);
        if ($chk->fetch()) {
            $errors[] = "Bu e-posta zaten kayıtlı.";
        }
    }

    // Kullanıcı adı kontrolü
    if (empty($errors)) {
        $chk2 = $pdo->prepare("SELECT id FROM users WHERE username = ?");
        $chk2->execute([$username]);
        if ($chk2->fetch()) {
            $errors[] = "Bu kullanıcı adı zaten kayıtlı.";
        }
    }

    if (empty($errors)) {
        $stmt = $pdo->prepare("
            INSERT INTO users (name, email, username, password, role)
            VALUES (?, ?, ?, ?, 2)
        ");

        $stmt->execute([$name, $email, $username, $password]);
        $newUserId = $pdo->lastInsertId();
        system_log('user_create_callcenter', 'Çağrı merkezi eklendi. ID: '.$newUserId.' - '.$name);

        $success  = true;
        $name     = '';
        $email    = '';
        $username = '';
    }
}

?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Çağrı Merkezi Çalışanı Ekle</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">

    <style>
        /* Mobil uyumlu küçük dokunuşlar */
        body {
            margin: 0;
        }
        .container {
            padding: 10px;
        }
        .card {
            max-width: 480px;
            margin: 20px auto;
            padding: 20px;
        }
        form {
            width: 100%;
        }
        label {
            display: block;
            margin-bottom: 14px;
            font-size: 14px;
        }
        input[type="text"],
        input[type="email"],
        input[type="password"] {
            width: 100%;
            box-sizing: border-box;
            padding: 8px 10px;
            margin-top: 4px;
        }
        .btn {
            display: inline-block;
            text-align: center;
            cursor: pointer;
        }
        @media (max-width: 600px) {
            .card h1 {
                font-size: 20px;
            }
            .btn {
                width: 100%;
                margin-top: 10px;
            }
        }
    </style>
</head>
<body>

<div class="container">
    <div class="card">
        <h1>Çağrı Merkezi Çalışanı Ekle</h1>
        <p><a class="btn" href="jobs.php">← İş listesine dön</a></p>

        <?php if (!empty($errors)): ?>
            <div class="alert alert-danger">
                <ul>
                    <?php foreach ($errors as $err): ?>
                        <li><?php echo htmlspecialchars($err); ?></li>
                    <?php endforeach; ?>
                </ul>
            </div>
        <?php endif; ?>

        <?php if ($success): ?>
            <div class="alert alert-success">
                Çağrı merkezi çalışanı başarıyla eklendi!
            </div>
        <?php endif; ?>

        <form method="post">

            <label>İsim Soyisim:
                <input type="text" name="name" value="<?php echo htmlspecialchars($name); ?>" required>
            </label>

            <label>E-posta:
                <input type="email" name="email" value="<?php echo htmlspecialchars($email); ?>" required>
            </label>

            <label>Kullanıcı Adı:
                <input type="text" name="username" value="<?php echo htmlspecialchars($username); ?>" required>
            </label>

            <label>Şifre:
                <div style="position: relative;">
                    <input type="password" name="password" id="passwordInput" required style="padding-right:40px;">
                    <span id="togglePassword"
                          style="position:absolute; right:10px; top:50%; transform:translateY(-50%); cursor:pointer; font-size:14px;">
                        👁️
                    </span>
                </div>
            </label>

            <button type="submit" class="btn">Kaydet</button>

        </form>

    </div>
</div>

<script>
document.getElementById('togglePassword').addEventListener('click', function () {
    const passInput = document.getElementById('passwordInput');
    if (passInput.type === "password") {
        passInput.type = "text";
        this.textContent = "🙈"; // Göz kapalı ikon
    } else {
        passInput.type = "password";
        this.textContent = "👁️"; // Göz açık ikon
    }
});
</script>

</body>
</html>
