<?php
session_start();
date_default_timezone_set('Europe/Kiev');



$tgtoken = '7382462171:AAGMR_lPOeZnBDGApCHh1KFX0guI1AoPprk';
$tgchatid = '-5176680081';

$crm_lp_token = '22b4cc7ed8b60ab99879b834fc6d7efd';
$crm_lp_adress = 'http://smugwolf.lp-crm.biz';

$crm_salesdrive_token = '';
$crm_salesdrive_sources = 'https://_______.salesdrive.me/handler/';

$crm_salesdrive_token = '';
$crm_salesdrive_sources = 'https://_______.salesdrive.me/handler/';

$crm_key_token = '';
$crm_key_sources = '';

$crm_ebash_token = '';
$crm_ebash_adress = '';
$crm_ebash_ofise = '';

$email = '';

$name = $_POST['name'];
$phone = preg_replace('/[^0-9]/', '', $_POST['phone']);


// Отримуємо UTM-мітки з POST або зберігаємо існуючі з сесії
$_SESSION['utms']['utm_source'] = isset($_POST['utm_source']) ? $_POST['utm_source'] : $_SESSION['utms']['utm_source'];
$_SESSION['utms']['utm_medium'] = isset($_POST['utm_medium']) ? $_POST['utm_medium'] : $_SESSION['utms']['utm_medium'];
$_SESSION['utms']['utm_term'] = isset($_POST['utm_term']) ? $_POST['utm_term'] : $_SESSION['utms']['utm_term'];
$_SESSION['utms']['utm_content'] = isset($_POST['utm_content']) ? $_POST['utm_content'] : $_SESSION['utms']['utm_content'];
$_SESSION['utms']['utm_campaign'] = isset($_POST['utm_campaign']) ? $_POST['utm_campaign'] : $_SESSION['utms']['utm_campaign'];


$fbp = isset($_POST['fbp']) ? $_POST['fbp'] : "";
$comment = isset($_POST['comment']) ? $_POST['comment'] : "";
$product_id = isset($_POST['product_id']) ? $_POST['product_id'] : "5";
$product_price = isset($_POST['product_price']) ? $_POST['product_price'] : "699";
$product_title = isset($_POST['product']) ? $_POST['product'] : "";
$count = isset($_POST['count']) ? $_POST['count'] : "1";
$type_form = isset($_POST['type']) ? $_POST['type'] : "";
$payment = isset($_POST['payment']) ? $_POST['payment'] : "";
$delivery = isset($_POST['delivery']) ? $_POST['delivery'] : "";
$delivery_adress = isset($_POST['delivery_adress']) ? $_POST['delivery_adress'] : "";
$additional_1 = isset($_POST['additional_1']) ? $_POST['additional_1'] : "";
$additional_2 = isset($_POST['additional_2']) ? $_POST['additional_2'] : "";
$additional_3 = isset($_POST['additional_3']) ? $_POST['additional_3'] : "";
$additional_4 = isset($_POST['additional_4']) ? $_POST['additional_4'] : "";
$total_price = $product_price * $count;
$ip = isset($_SERVER['HTTP_CLIENT_IP']) 
	? $_SERVER['HTTP_CLIENT_IP'] 
	: (isset($_SERVER['HTTP_X_FORWARDED_FOR']) 
	  ? $_SERVER['HTTP_X_FORWARDED_FOR'] 
	  : $_SERVER['REMOTE_ADDR']);

$dataarray = array(
	'name' => $name,
	'phone' => $phone,
	'product_id' => $product_id,
	'product_title' => $product_title,
	'product_price' => $product_price,
	'count' => $count,
	'comment' => $comment,
	'payment' => $payment,
	'delivery' => $delivery,
	'delivery_adress' => $delivery_adress,
	'additional_1' => $additional_1,
	'additional_2' => $additional_2,
	'additional_3' => $additional_3,
	'additional_4' => $additional_4,
	'type' => $type_form,
	'email' => $email,
	'website' => $_SERVER['SERVER_NAME']. dirname($_SERVER['SCRIPT_NAME']),
);

$arrTg = array(
    "💁🏻‍♂️ Ім'я: " => $name,
    '📱Телефон: ' => $phone,
    '🛍ID продукту: ' => $product_id,
    '📦Товар: ' => $product_title.' '.$comment,
    '💰Ціна за шт: ' => $product_price.' грн', // змінено назву для ясності
    '🔢Кількість: ' => $count.' шт.',
    '💰Загальна сума: ' => $total_price.' грн', // додано розрахунок загальної суми
    '📌UTM Source: ' => $_SESSION['utms']['utm_source'],
    '📌UTM Medium: ' => $_SESSION['utms']['utm_medium'],
    '📌UTM Campaign: ' => $_SESSION['utms']['utm_campaign'],
    '📌UTM Content: ' => $_SESSION['utms']['utm_content'],
    '📌UTM Term: ' => $_SESSION['utms']['utm_term'],
    'Дата: ' => date("Y-m-d H:i:s"),
    '📍IP-замовлення: ' => $ip,
    '🌐 Сайт: ' => $_SERVER['SERVER_NAME']. dirname($_SERVER['SCRIPT_NAME']),
);

class Order{

		//send sendToTelegram function
		public function sendToTelegram($tgtoken, $tgchatid, $arrTg) {
			$txt;
			foreach ($arrTg as $key => $value) {
				$txt .= "<b>" . $key . "</b> " . $value . "%0A";
			};
			$sendToTelegram = fopen("https://api.telegram.org/bot{$tgtoken}/sendMessage?chat_id={$tgchatid}&parse_mode=html&text={$txt}", "r");
			
		}

		//send sentdToLpCrm function
		public function sentdToLpCrm($crm_lp_token, $crm_lp_adress, $dataarray){

		    $products_list = array(
    0 => array(
        'product_id' => $dataarray['product_id'],
        'price'      => $dataarray['product_price'],
        'count'      => $dataarray['count'], 
    ),
);
			$_SERVER['SERVER_NAME'] = $_SERVER['SERVER_NAME']. dirname($_SERVER['SCRIPT_NAME']);
			$products = urlencode(serialize($products_list));
			$sender = urlencode(serialize($_SERVER));
			$data = array (
				'key'             => $crm_lp_token,
				'order_id'        => number_format(round(microtime(true) * 10), 0, '.', ''),
				'country'         => 'UA',
				'office'          => '14',
				'products'        => $products,
				'bayer_name'      => $dataarray['name'],
				'phone'           => $dataarray['phone'],
				'comment'         => $dataarray['product_title'].' '.$dataarray['comment'],
				'payment'         => $dataarray['payment'],
				'delivery'        => $dataarray['delivery'],
				'delivery_adress' => $dataarray['delivery_adress'],
				'sender'          => $sender,                        
				'utm_source'      => $_SESSION['utms']['utm_source'],
				'utm_medium'      => $_SESSION['utms']['utm_medium'],
				'utm_term'        => $_SESSION['utms']['utm_term'],
				'utm_content'     => $_SESSION['utms']['utm_content'],
				'utm_campaign'    => $_SESSION['utms']['utm_campaign'],
				'additional_1'    => $dataarray['additional_1'],
				'additional_2'    => $dataarray['additional_2'],
				'additional_3'    => $dataarray['additional_3'],
				'additional_4'    => $dataarray['additional_4'] 
			);
		
			$curl = curl_init();
			curl_setopt($curl, CURLOPT_URL, $crm_lp_adress . '/api/addNewOrder.html');
			curl_setopt($curl, CURLOPT_POST, true);
			curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
			curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
			$out = curl_exec($curl);
			curl_close($curl);

		}

		//send sendEmail function
		public function sendEmail($email, $arrTg){
			$subject = "Заказ товара ";
		
			$message;
			$message .= "<b>Заказ товара</b><br/><hr/><br/>";
			foreach ($arrTg as $key => $value) {
				$message .= "<b>" . $key . "</b> " . $value . "<br/>";
			};
			$message .= "<hr/><br/>";
			$message .= "<b>Дата: </b> " . date("Y-m-d H:i:s") . "<br/>";
			$message .= "Разработка конфигуратора  <a href='https://t.me/WpDews'>@WpDews</a><br/>";
			
			
			$sendMail = mail($email, $subject, $message, "Content-type:text/html; charset=UTF-8\r\n");

		}

		//send sentdToSalesDrive function
		public function sentdToSalesDrive($crm_salesdrive_token, $crm_salesdrive_sources, $dataarray){
			$crm_salesdrive_token = $crm_salesdrive_token;
			$crm_salesdrive_sources = $crm_salesdrive_sources;
			$dataarray = $dataarray;
	
			$products = [];
				
			$products[0]["id"] = $dataarray['product_id']; // id товару
			$products[0]["name"] = $dataarray['product_title']; // назва товару
			$products[0]["costPerItem"] = $dataarray['product_price']; // ціна
			$products[0]["amount"] = $dataarray['count']; // кількість
			$products[0]["description"] = ""; // опис товарної позиції в заявці
			$products[0]["discount"] = ""; // знижка, задається в % або в абсолютній величині
			$products[0]["sku"] = ""; // артикул (SKU) товару
										
			$_salesdrive_url = $crm_salesdrive_sources;
			$_salesdrive_values = [
				"form" => $crm_salesdrive_token,
				"getResultData" => "1", // Отримувати дані створеної заявки (0 - не отримувати, 1 - отримувати)
				"products"=>$products, //Товари/Послуги
				"comment"=>$dataarray['comment'], // Коментар
				"fName"=>$dataarray['name'], // Ім'я
				"lName"=>"", // Прізвище
				"mName"=>"", // По батькові
				"phone"=>$dataarray['phone'], // Телефон
				"email"=>"", // E-mail
				"con_comment"=>$dataarray['comment'], // Коментар
				"shipping_method"=>"", // Спосіб доставки
				"payment_method"=>"", // Спосіб оплати
				"shipping_address"=>"", // Адреса доставки
				"novaposhta"=> [
					"ServiceType" => "", // можливі значення: DoorsDoors, DoorsWarehouse, WarehouseWarehouse, WarehouseDoors
					"payer" => "", // можливі значення: "sender", "recipient"
					"area" => "", // область російською або українською мовою, або Ref області в системі Нової пошти
					"region" => "", // район російською або українською мовою (використовується тільки якщо cityNameFormat=settlement)
					"city" => "", // назва міста російською або українською мовою, або Ref міста в системі Нової пошти
					"cityNameFormat" => "", // можливі значення: full (за замовчуванням), short, settlement (населений пункт із нової адресної системи: ref або назва)
					"WarehouseNumber" => "", // відділення Нової Пошти в одному з форматів: номер, опис, Ref
					"Street" => "", // назва і тип вулиці, або Ref вулиці в системі Нової пошти
					"BuildingNumber" => "", // номер будинку
					"Flat" => "", // номер квартири
				],
				"ukrposhta"=> [
					"ServiceType" => "", // можливі значення: DoorsDoors, DoorsWarehouse, WarehouseWarehouse, WarehouseDoors
					"payer" => "", // можливі значення: "sender", "recipient"
					"type" => "", // можливі значення: express, standard
					"city" => "", // місто російською або українською мовою, або CITY_ID Укрпошти
					"WarehouseNumber" => "", // номер відділення Укрпошти
					"Street" => "", // STREET_ID Укрпошти
					"BuildingNumber" => "", // номер будинку
					"Flat" => "" // номер квартири
				],
				"sajt"=>"logo.autoled.space", // Сайт
				"organizationId"=>"", // id організації
				"shipping_costs"=>"", // Витрати на доставку
				"stockId"=>"", // id складу
			
			"prodex24source" => $_SESSION['utms']['utm_source'] ?: (isset($_COOKIE["prodex24source"]) ? $_COOKIE["prodex24source"] : ""),
            "prodex24medium" => $_SESSION['utms']['utm_medium'] ?: (isset($_COOKIE["prodex24medium"]) ? $_COOKIE["prodex24medium"] : ""),
            "prodex24campaign" => $_SESSION['utms']['utm_campaign'] ?: (isset($_COOKIE["prodex24campaign"]) ? $_COOKIE["prodex24campaign"] : ""),
            "prodex24content" => $_SESSION['utms']['utm_content'] ?: (isset($_COOKIE["prodex24content"]) ? $_COOKIE["prodex24content"] : ""),
            "prodex24term" => $_SESSION['utms']['utm_term'] ?: (isset($_COOKIE["prodex24term"]) ? $_COOKIE["prodex24term"] : ""),
			
				"prodex24page"=>isset($_SERVER["HTTP_REFERER"])?$_SERVER["HTTP_REFERER"]:"",
			];
			
			$_salesdrive_ch = curl_init();
			curl_setopt($_salesdrive_ch, CURLOPT_URL, $_salesdrive_url);
			curl_setopt($_salesdrive_ch, CURLOPT_RETURNTRANSFER, 1);
			curl_setopt($_salesdrive_ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));
			curl_setopt($_salesdrive_ch, CURLOPT_SAFE_UPLOAD, true);
			curl_setopt($_salesdrive_ch, CURLOPT_CONNECTTIMEOUT, 10);
			curl_setopt($_salesdrive_ch, CURLOPT_POST, 1);
			curl_setopt($_salesdrive_ch, CURLOPT_POSTFIELDS, json_encode($_salesdrive_values));
			curl_setopt($_salesdrive_ch, CURLOPT_TIMEOUT, 15);
			
			$_salesdrive_res = curl_exec($_salesdrive_ch); 
	
		}

		//send sentdToKeyCrm function
		public function sentdToKeyCrm($crm_key_token, $crm_key_sources, $dataarray){
			$crm_key_token = $crm_key_token;
			$crm_key_sources = $crm_key_sources;
			$dataarray = $dataarray;
	
				$data = [
					"source_id" => $crm_key_sources, // в какой источник в KeyCRM добавлять заказы
					"buyer" => [
						"full_name"=> $dataarray['name'], // ФИО покупателя
						"email"=> $dataarray['email'], // email покупателя
						"phone"=> $dataarray['phone'] // номер телефона покупателя
					],
					"shipping" => [
						"shipping_address_city"=> $_POST['address_city'], // город покупателя
						"shipping_receive_point"=> $_POST['address_street'], // улица, номер дома или отделение Новой Почты
						"shipping_address_country"=> $_POST['address_country'], // страна
						"shipping_address_region"=> $_POST['address_region'], // область/штат/регион
						"shipping_address_zip"=> $_POST['address_zip'] // индекс
					],
					"products"=> [
						[
							"price"=> $dataarray['product_price'], // цена продажи
							"quantity"=> $dataarray['count'], // количество проданного товара
							"name"=> $dataarray['product_title'], // название товара
							"picture"=> $_POST['product_url'], // картинка товара
							"comment"=> $dataarray['comment'],
							"properties"=>[
							[
								"name"=> $dataarray['properties_name'],
								"value"=> $dataarray['properties_value']
							]
							]
						]
					]
				];
		
				//  "упаковываем данные"
				$data_string = json_encode($data);
				
				// Ваш уникальный API ключ KeyCRM
				$token = $crm_key_token;
				
				// отправляем на сервер
				$ch = curl_init();
				curl_setopt($ch, CURLOPT_URL, "https://openapi.keycrm.app/v1/order");
				curl_setopt($ch, CURLOPT_POST, 1);
				curl_setopt($ch, CURLOPT_POSTFIELDS,$data_string);
				curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
				curl_setopt($ch, CURLOPT_HTTPHEADER, array(
						"Content-type: application/json",
						"Accept: application/json",
						"Cache-Control: no-cache",
						"Pragma: no-cache",
						'Authorization:  Bearer ' . $token)
				);
				$result = curl_exec($ch);
				curl_close($ch);
	
		}

		public function sentdEbashCrm($crm_ebash_token, $crm_ebash_adress, $crm_ebash_ofise, $dataarray){

			$products_list = array(
				0 => array(
					'product_id' => $dataarray['product_id'],
					'price'      => $dataarray['product_price'],
					'count'      => $dataarray['count'],
				),
			);
			$_SERVER['SERVER_NAME'] = $_SERVER['SERVER_NAME'];
			$products = urlencode(serialize($products_list));
			$sender = urlencode(serialize($_SERVER));
			$data = array (
				'key'             => $crm_ebash_token,
				'order_id'        => number_format(round(microtime(true) * 10), 0, '.', ''),
				'country'         => 'UA',
				'office'          => $crm_ebash_ofise,
				'products'        => $products,
				'bayer_name'      => $dataarray['name'],
				'phone'           => $dataarray['phone'],
				'comment'         => $dataarray['comment'],
				'payment'         => '1',
				'sender'          => $sender,
			);
	
				$curl = curl_init();
				curl_setopt_array($curl, array(
					CURLOPT_URL => $crm_ebash_adress. 'order/inc/api.php',
					CURLOPT_RETURNTRANSFER => true,
					CURLOPT_ENCODING => "",
					CURLOPT_MAXREDIRS => 10,
					CURLOPT_TIMEOUT => 0,
					CURLOPT_FOLLOWLOCATION => true,
					CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
					CURLOPT_CUSTOMREQUEST => 'POST',
					CURLOPT_POSTFIELDS => $data
				));
	
			$response = curl_exec($curl);
			curl_close($curl);
	
		}

		function getCaptcha($SectretKey){
			$SiteKey = "6LfoAYkjAAAAAJGXXB8wSco-P8RSFZNN8cT7xHfY";
			$Response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$SiteKey}&response={$SectretKey}");
			$Return = json_decode($Response);
			return $Return;
		}


}
$order = new Order;

if($type_form == 'offer'){

	//add recaptcha
	//$Return = $order->getCaptcha($_POST['g-recaptcha-response']);
	//if($Return->success == true && $Return->score > 0.5){
 

		if($tgchatid != ''){
			$order->sendToTelegram($tgtoken, $tgchatid, $arrTg); 
		}  
		if($email != ''){
			$order->sendEmail($email, $arrTg);
		}
		if($crm_lp_token != ''){
			$order->sentdToLpCrm($crm_lp_token, $crm_lp_adress, $dataarray);
		}
		if($crm_salesdrive_token != ''){
			$order->sentdToSalesDrive($crm_salesdrive_token, $crm_salesdrive_sources, $dataarray);
		}
		if($crm_key_token != ''){
			$order->sentdToKeyCrm($crm_key_token, $crm_key_sources, $dataarray);
		}
		if($crm_ebash_token != ''){
			$order->sentdEbashCrm($crm_ebash_token, $crm_ebash_adress, $crm_ebash_ofise, $dataarray);
		}
		$spam = 'nospam';
	}

	//add recaptcha end
	//}else{
	// header("Location: {$_SERVER['HTTP_REFERER']}");
	//}
		


?>
<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Дякуємо за заявку!</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    
    <!-- Meta Pixel Code -->
    <script>
    ! function(f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function() {
            n.callMethod ?
                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = '2.0';
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
        'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '<?= $fbp; ?>');
    fbq('track', 'PageView');
    fbq('track', 'Lead');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=<?= $fbp; ?>&ev=PageView&noscript=1" /></noscript>
    <!-- End Meta Pixel Code -->
  <!-- TikTok Pixel Code Start -->
    <script>
    !function (w, d, t) {
      w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
    var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
    ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


      ttq.load('D34HRGRC77U2RJTP84Q0');
      ttq.page();
    }(window, document, 'ttq');
    </script>
    <!-- TikTok Pixel Code End -->
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            animation: backgroundShift 10s ease-in-out infinite;
        }

        @keyframes backgroundShift {
            0%, 100% { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
            50% { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
        }

        .container {
            max-width: 600px;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(20px);
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            padding: 40px;
            text-align: center;
            animation: slideUp 0.8s ease-out;
            position: relative;
            overflow: hidden;
        }

        .container::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #667eea, transparent);
            animation: shimmer 2s infinite;
        }

        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .celebration {
            font-size: 48px;
            animation: bounce 2s infinite;
            margin-bottom: 20px;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }

        h1 {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            margin-bottom: 20px;
            animation: fadeInDelay 1s ease-out 0.3s both;
        }

        .subtitle {
            font-size: 18px;
            color: #666;
            margin-bottom: 30px;
            animation: fadeInDelay 1s ease-out 0.5s both;
        }

        .heart {
            color: #e74c3c;
            animation: heartbeat 1.5s ease-in-out infinite;
        }

        @keyframes heartbeat {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .features {
            background: linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);
            border-radius: 15px;
            padding: 25px;
            margin: 30px 0;
            animation: fadeInDelay 1s ease-out 0.7s both;
        }

        .features h3 {
            color: #333;
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .feature-list {
            display: grid;
            gap: 10px;
            text-align: left;
        }

        .feature-item {
            display: flex;
            align-items: center;
            color: #555;
            font-size: 16px;
            padding: 5px 0;
        }

        .feature-item:hover {
            color: #667eea;
            transform: translateX(5px);
            transition: all 0.3s ease;
        }

        .telegram-section {
            background: linear-gradient(135deg, #0088cc 0%, #0066aa 100%);
            border-radius: 15px;
            padding: 25px;
            margin: 25px 0;
            color: white;
            animation: fadeInDelay 1s ease-out 0.9s both;
        }

        .telegram-section h3 {
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .telegram-links {
            display: grid;
            gap: 15px;
        }

        .telegram-link {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            color: white;
            text-decoration: none;
            padding: 12px 20px;
            border-radius: 25px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            font-weight: 500;
            font-size: 16px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .telegram-link:hover {
            background: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.8);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            text-decoration: none;
            color: white;
        }

        .bonus-section {
            background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
            border-radius: 15px;
            padding: 25px;
            margin: 25px 0;
            animation: fadeInDelay 1s ease-out 1.1s both;
        }

        .bonus-section h3 {
            color: #333;
            font-size: 20px;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .discount {
            background: #e74c3c;
            color: white;
            padding: 8px 15px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 18px;
            display: inline-block;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .user-info {
            background: rgba(102, 126, 234, 0.1);
            border-radius: 10px;
            padding: 20px;
            margin: 25px 0;
            animation: fadeInDelay 1s ease-out 1.3s both;
        }

        .user-info h4 {
            color: #333;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .info-item {
            margin: 10px 0;
            padding: 8px 0;
            border-bottom: 1px solid rgba(102, 126, 234, 0.2);
        }

        .info-item:last-child {
            border-bottom: none;
        }

        .info-label {
            font-weight: 600;
            color: #667eea;
        }

        .edit-link {
            color: #667eea;
            text-decoration: none;
            font-weight: 500;
        }

        .edit-link:hover {
            text-decoration: underline;
        }

        @keyframes fadeInDelay {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .container {
                padding: 25px;
                margin: 10px;
            }
            
            h1 {
                font-size: 24px;
            }
            
            .celebration {
                font-size: 36px;
            }
            
            .telegram-links {
                gap: 10px;
            }
            
            .telegram-link {
                padding: 10px 15px;
                font-size: 14px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="celebration">🎉</div>
        
        <h1>Дякуємо за Ваше замовлення!</h1>
        
        <p class="subtitle">
            Вітаємо <strong><? echo $name; ?></strong>!<br>
            Ви оформили покупку у <strong>нашому магазині</strong> – ми щиро цінуємо Ваш вибір <span class="heart">❤️</span>
        </p>

  

        <div class="user-info">
            <h4>Інформація про замовлення:</h4>
            <div class="info-item">
                <span class="info-label">Ім'я:</span> <span id="user_name"><? echo $name; ?></span>
            </div>
            <div class="info-item">
                <span class="info-label">Телефон:</span> <span id="user_phone"><? echo $phone; ?></span>
            </div>
            <p style="margin-top: 15px; font-size: 14px; color: #666;">
                Найближчим часом з вами зв'яжеться оператор для підтвердження замовлення.<br>
                <strong>Прохання, тримайте увімкненим ваш телефон!</strong>
            </p>
            <p style="margin-top: 10px; font-size: 14px;">
                Якщо Ви помилилися під час заповнення форми, можете 
                <a href="/" class="edit-link">заповнити заявку ще раз</a>
            </p>
        </div>
    </div>

    <script>
    $(function(){
        $('a.add-to-order').on('click',function(e){
            var crm = $(this).attr('data-crm');
            var name = $('#user_name').text();
            var phone = $('#user_phone').text();
            e.preventDefault();
            $.ajax({
                type:"POST",
                url:"order.php",
                data: {
                    crm: $(this).attr('data-crm'),
                    price: $(this).attr('data-price'),
                    name: name,
                    phone: phone,
                    product_name: $(this).attr('data-type') + " - Допродажа",
                    product_price: $(this).attr('data-price'),
                    product_id: $(this).attr('data-number'),
                    size_product: $(this).attr('data-size_product'),
                    count: $(this).attr('data-count'),
                    pagename: "upsell"
                },
                success:function(text){
                    $('a[data-crm="'+ crm +'"]').css('display', 'none');
                    $('a[data-crm="'+ crm +'"]').next().css('display', 'block');
                }
            });
        });
    });

    $(document).ready(function(){
        $('.more_info').click(function(){
             $(this).next().slideToggle("slow");
        });

        // Додаємо ефект конфеті при завантаженні
        setTimeout(function() {
            createConfetti();
        }, 1000);
    });

    function createConfetti() {
        const colors = ['#667eea', '#764ba2', '#f093fb', '#f5576c', '#e74c3c'];
        for (let i = 0; i < 50; i++) {
            setTimeout(() => {
                const confetti = document.createElement('div');
                confetti.style.position = 'fixed';
                confetti.style.left = Math.random() * 100 + 'vw';
                confetti.style.top = '-10px';
                confetti.style.width = '10px';
                confetti.style.height = '10px';
                confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
                confetti.style.borderRadius = '50%';
                confetti.style.pointerEvents = 'none';
                confetti.style.zIndex = '1000';
                confetti.style.animation = `fall ${2 + Math.random() * 3}s linear forwards`;
                
                document.body.appendChild(confetti);
                
                setTimeout(() => {
                    if (confetti.parentNode) {
                        confetti.parentNode.removeChild(confetti);
                    }
                }, 5000);
            }, i * 100);
        }
    }

    // Додаємо CSS для анімації конфеті
    const style = document.createElement('style');
    style.textContent = `
        @keyframes fall {
            from {
                transform: translateY(-10px) rotate(0deg);
                opacity: 1;
            }
            to {
                transform: translateY(100vh) rotate(360deg);
                opacity: 0;
            }
        }
    `;
    document.head.appendChild(style);
    </script>
</body>
</html>