<?php
session_start();
require_once 'includes/config.php';
require_once 'includes/cai-dat-helper.php';
$_anh_bia_lh = layAnhBiaTrang($pdo, 'lien_he');
$_url_fb  = layCD($pdo, 'facebook_url');
$_url_yt  = layCD($pdo, 'youtube_url');
$_url_tt  = layCD($pdo, 'tiktok_url');
$thong_bao = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Lấy dữ liệu từ form
    $ten_khach_hang = $_POST['ten_khach_hang'];
    $so_dien_thoai = $_POST['so_dien_thoai'];
    $dich_vu = $_POST['dich_vu'];
    $noi_dung = $_POST['noi_dung'];

    // Ghi yêu cầu vào `yeu_cau_dat_lich` để dùng chung luồng xử lý admin
    // Map các trường từ form: dich_vu -> dich_vu_quan_tam, noi_dung -> ghi_chu
    $dich_vu_quan_tam = $dich_vu;
    $ngay_su_kien = null;
    $ghi_chu = $noi_dung;
    $so_luong = 1;
    $ma_gioi_thieu = null;
    $nguoi_gioi_thieu_id = null;
    // đơn giản gán lĩnh vực 'nhac' cho các yêu cầu từ form liên hệ (có thể mở rộng mapping sau)
    $linh_vuc = 'nhac';

    $sql = "INSERT INTO yeu_cau_dat_lich (ten_khach_hang, so_dien_thoai, dich_vu_quan_tam, ngay_su_kien, ghi_chu, so_luong, ma_gioi_thieu, nguoi_gioi_thieu_id, linh_vuc) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)";
    $stmt = $pdo->prepare($sql);
    $ok = $stmt->execute([$ten_khach_hang, $so_dien_thoai, $dich_vu_quan_tam, $ngay_su_kien, $ghi_chu, $so_luong, $ma_gioi_thieu, $nguoi_gioi_thieu_id, $linh_vuc]);

    if ($ok) {
        $thong_bao = "<div style='background: #d4edda; color: #155724; padding: 15px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-weight: bold;'>Yêu cầu của bạn đã được ghi nhận vào hệ thống! Ban quản trị sẽ liên hệ sớm nhất.</div>";
    } else {
        $thong_bao = "<div style='background: #f8d7da; color: #721c24; padding: 15px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-weight: bold;'>Hệ thống đang bận, vui lòng thử lại sau!</div>";
    }
}
?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Liên hệ & Đặt dịch vụ - PHẠM NGỌC TV</title>
    <style>
        body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f4f7f6; margin: 0; padding-bottom: 60px; color:#333; }
        .dau-trang { background: #0056b3; padding: 50px 20px; text-align: center; color: white; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .dau-trang::before { content:''; position:absolute; inset:0; background:rgba(0,60,140,0.68); }
        .dau-trang > * { position: relative; z-index: 1; }
        .dau-trang h1 { margin: 10px 0 5px; font-size: 32px; color: white; }
        .nut-tro-ve { display: inline-block; padding: 8px 20px; background: rgba(255,255,255,0.2); color: white; text-decoration: none; border-radius: 20px; font-size: 14px; margin-bottom: 20px; }
        .nut-tro-ve:hover { background: rgba(255,255,255,0.35); }
        
        .khung-lien-he { max-width: 600px; margin: 30px auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .nhom-nhap { margin-bottom: 15px; }
        .nhom-nhap label { display: block; margin-bottom: 5px; font-weight: bold; font-size: 14px;}
        .nhom-nhap input, .nhom-nhap select, .nhom-nhap textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-family: inherit;}
        .nut-gui { width: 100%; padding: 15px; background: #0056b3; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.3s; }
        .nut-gui:hover { background: #004494; }
        .khung-thong-tin { max-width: 600px; margin: 0 auto 20px; background: #fff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .khung-thong-tin h3, .khung-mxh h3 { color: #0056b3; font-size: 17px; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid #e8f0fb; }
        .dong-tt { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #444; line-height: 1.5; }
        .dong-tt .icon-tt { font-size: 18px; flex-shrink: 0; }
        .khung-mxh { max-width: 600px; margin: 0 auto 30px; background: #fff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .ds-mxh { display: flex; gap: 14px; flex-wrap: wrap; }
        .nut-mxh { display: inline-flex; align-items: center; gap: 9px; padding: 10px 18px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 700; color: #fff; transition: opacity .2s, transform .2s; }
        .nut-mxh:hover { opacity: .85; transform: translateY(-2px); }
        .nut-mxh.fb { background: #1877f2; }
        .nut-mxh.yt { background: #ff0000; }
        .nut-mxh.tt { background: #010101; }
        @media (max-width: 600px) {
            .khung-thong-tin, .khung-mxh { padding: 20px; }
            .ds-mxh { gap: 10px; }
            .nut-mxh { padding: 9px 14px; font-size: 13px; }
        }
    </style>
</head>
<body>

    <header class="dau-trang"<?php if($_anh_bia_lh): ?> style="background-image:url('<?php echo htmlspecialchars($_anh_bia_lh); ?>')"<?php endif; ?>>
        <a href="index.php" class="nut-tro-ve">⬅ Trở về Sảnh chính</a>
        <h1>📞 Liên hệ & Đặt dịch vụ</h1>
        <p style="margin:5px 0 0; font-size: 14px; opacity:0.9;">Phụng sự để dẫn đầu, chúng tôi luôn phục vụ bạn 24/7</p>
    </header>

    <div class="khung-lien-he">
        <?php echo $thong_bao; ?>
        <form method="POST" action="">
            <div class="nhom-nhap">
                <label>Họ tên hoặc Tên Tổ chức:</label>
                <input type="text" name="ten_khach_hang" required placeholder="Nhập tên của bạn...">
            </div>
            <div class="nhom-nhap">
                <label>Số điện thoại liên lạc:</label>
                <input type="tel" name="so_dien_thoai" required placeholder="09xx xxx xxx">
            </div>
            <div class="nhom-nhap">
                <label>Lĩnh vực quan tâm:</label>
                <select name="dich_vu">
                    <option value="thue_ban_nhac">Thuê Ban nhạc / Ca sĩ</option>
                    <option value="to_chuc_su_kien">Tổ chức Sự kiện trọn gói</option>
                    <option value="dang_ky_hoc">Đăng ký Khóa học Nghệ thuật</option>
                    <option value="hop_tac">Hợp tác Đối tác (Trung tâm/Họa sĩ)</option>
                </select>
            </div>
            <div class="nhom-nhap">
                <label>Nội dung yêu cầu chi tiết:</label>
                <textarea name="noi_dung" rows="5" placeholder="Mô tả sự kiện, địa điểm, yêu cầu riêng..."></textarea>
            </div>
            <button type="submit" class="nut-gui">GỬI YÊU CẦU</button>
        </form>
    </div>

    <div class="khung-thong-tin">
        <h3>🏢 Thông tin liên lạc</h3>
        <div class="dong-tt"><span class="icon-tt">🏢</span><span><strong>Đơn vị quản lý:</strong> Công ty TNHH An Việt</span></div>
        <div class="dong-tt"><span class="icon-tt">📍</span><span><strong>Địa chỉ:</strong> BT09 khu 789 Bộ Quốc Phòng, Ngoại Giao Đoàn, Xuân Đỉnh, Hà Nội</span></div>
        <div class="dong-tt"><span class="icon-tt">📞</span><span><strong>Điện thoại:</strong> <a href="tel:0913146887" style="color:#0056b3;text-decoration:none;">0913.14.6887</a></span></div>
        <div class="dong-tt"><span class="icon-tt">📧</span><span><strong>Email:</strong> <a href="mailto:phamngoc8286@gmail.com" style="color:#0056b3;text-decoration:none;">phamngoc8286@gmail.com</a></span></div>
    </div>

    <?php if ($_url_fb || $_url_yt || $_url_tt): ?>
    <div class="khung-mxh">
        <h3>📲 Các kênh truyền thông</h3>
        <div class="ds-mxh">
            <?php if ($_url_fb): ?>
            <a href="<?php echo htmlspecialchars($_url_fb); ?>" target="_blank" rel="noopener" class="nut-mxh fb">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.07C24 5.41 18.63 0 12 0S0 5.41 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.04V9.41c0-3.02 1.8-4.7 4.54-4.7 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.95.93-1.95 1.88v2.27h3.32l-.53 3.49h-2.79V24C19.61 23.1 24 18.1 24 12.07z"/></svg>
                Facebook
            </a>
            <?php endif; ?>
            <?php if ($_url_yt): ?>
            <a href="<?php echo htmlspecialchars($_url_yt); ?>" target="_blank" rel="noopener" class="nut-mxh yt">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.7 15.5V8.5l6.3 3.5-6.3 3.5z"/></svg>
                YouTube
            </a>
            <?php endif; ?>
            <?php if ($_url_tt): ?>
            <a href="<?php echo htmlspecialchars($_url_tt); ?>" target="_blank" rel="noopener" class="nut-mxh tt">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.76a4.85 4.85 0 0 1-1.01-.07z"/></svg>
                TikTok
            </a>
            <?php endif; ?>
        </div>
    </div>
    <?php endif; ?>

    <?php require_once 'includes/menu-dien-thoai.php'; ?>

</body>
</html>