{% extends "base/f_base.html" %}
{% load to_json %}
{% load static %}
{% block header %}
<meta charset="UTF-8">
<title>{{ page.title }}</title>
<meta name="description" content="{{ page.page_mata }}">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:description" content="{{ page.page_mata }}">
<meta name="robots" content="{% if page.be_index %}index, follow{% else %}noindex, nofollow{% endif %}">
<link rel="stylesheet" href="{% static 'css/' %}compiled.min.css">

{% endblock header %}
{% block content %}
<div class="min-h-[84vh] flex flex-col items-center justify-center gap-2 mb-2 p-4" style="{% if page.use_image %}{% if page.bg_image %}background-image: url({{page.bg_image.url}});{% endif %}{% else %}background: {{page.bg_color}};{% endif %}">
    {% if page_blocks %}
        {% for block in page_blocks %}
            {% include "blocks/"|add:block.type|add:"/"|add:block.type|add:"-view.html" with block=block %}
        {% endfor %}
    {% endif %}
	<div class="flex flex-col items-center justify-center">
		<a referrerpolicy='origin' target='_blank' href='https://trustseal.enamad.ir/?id=646647&Code=gcAlIN0ZXJpeHklqkydDT86Cl3ir8rD4'>
			<img src="{% static 'images/enamad.svg' %}">
		</a>
	<div class="text-sm font-light text-gray-400 flex flex-row items-center justify-center w-full gap-1 mt-4">
		<span>قدرت گرفته از</span>
		<img src="{% static 'images/logo-full.png' %}">
	</div>
	</div>
</div>
{% endblock content %}
{% block js %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        let startTime = Date.now();
        let totalClicks = 0;
        let hasScrolled = false;
        let scrollPercentage = 0;
        let clickedElements = [];
        let mouseMovements = [];
        let hasPlayedVideo = false;
        let videoWatchPercentage = 0;
        let isBookmarked = false; // تشخیص بوکمارک باید جداگانه باشد
        let isPrinted = false;
    
        document.addEventListener('click', function(e) {
            totalClicks++;
            clickedElements.push({tag: e.target.tagName, id: e.target.id || '', classList: [...e.target.classList]});
        });
        window.addEventListener('scroll', function() {
            hasScrolled = true;
            let scrollTop = window.scrollY || window.pageYOffset;
            let docHeight = document.documentElement.scrollHeight - window.innerHeight;
            scrollPercentage = docHeight > 0 ? Math.round((scrollTop / docHeight) * 100) : 0;
        });
        document.addEventListener('mousemove', function(e) {
            mouseMovements.push({x: e.clientX, y: e.clientY, t: Date.now()});
            if (mouseMovements.length > 50) mouseMovements.shift();
        });
        window.addEventListener('beforeprint', function() {
            isPrinted = true;
        });
    
        function sendData() {
            let timeOnPage = Math.round((Date.now() - startTime) / 1000);
            let data = {
                product: "{{ page.id }}",
                total_clicks: totalClicks,
                has_scrolled: hasScrolled,
                scroll_percentage: scrollPercentage,
                clicked_elements: clickedElements,
                mouse_movements: mouseMovements,
                has_played_video: hasPlayedVideo,
                video_watch_percentage: videoWatchPercentage,
                is_bookmarked: isBookmarked,
                is_printed: isPrinted,
                time_on_page: timeOnPage,
                screen_resolution: `${window.screen.width}x${window.screen.height}`,
                language: navigator.language || '',
                timezone_offset: new Date().getTimezoneOffset(),
                connection_type: navigator.connection ? navigator.connection.effectiveType : '',
                internet_speed: '',
                cpu_info: '',
                ram_size: '',
                referrer_type: document.referrer ? 'external' : 'direct',
                search_engine: '',
                is_from_ad: false,
                ad_source: '',
                ad_medium: '',
            };
            fetch(window.location.href, {
                method: 'POST',
                headers: {'Content-Type': 'application/json', 'X-CSRFToken': '{{ csrf_token }}'},
                body: JSON.stringify(data)
            });
        }
        window.addEventListener('beforeunload', sendData);
    });
</script>
    
{% endblock js %}