<!DOCTYPE html>
<html lang="tr" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    
    <!-- SEO Meta Etiketleri -->
    <title>Canlı Maç İzle | HD Kalitede Bedava Maç Yayınları - Saha Sports</title>
    <meta name="description" content="Canlı maç izle, bedava maç izleme sitesi. HD kalitede Süper Lig, TFF 1. Lig, Premier Lig ve tüm liglerin maçlarını ücretsiz izleyin. Futbol ve basketbol maçları canlı yayın.">
    <meta name="keywords" content="canlı maç izle, bedava maç izle, maç izle, justin tv izle, taraftarium24, selçuksports, jestyayın, canlı maç yayınları, şifresiz maç izle">
    
    <!-- Open Graph Meta Etiketleri -->
    <meta property="og:title" content="Canlı Maç İzle | HD Kalitede Bedava Maç Yayınları">
    <meta property="og:description" content="HD kalitede canlı maç izleme sitesi. Süper Lig, TFF 1. Lig, Premier Lig ve tüm liglerin maçlarını ücretsiz izleyin. Futbol ve basketbol maçları canlı yayın.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://sahasports.com">
    <meta property="og:image" content="{{ url_for('static', filename='img/sahasports-og.jpg') }}">
    
    <!-- Twitter Card Meta Etiketleri -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Canlı Maç İzle | HD Kalitede Bedava Maç Yayınları">
    <meta name="twitter:description" content="HD kalitede canlı maç izleme sitesi. Süper Lig, TFF 1. Lig, Premier Lig ve tüm liglerin maçlarını ücretsiz izleyin.">
    <meta name="twitter:image" content="{{ url_for('static', filename='img/sahasports-twitter.jpg') }}">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://sahasports.com">
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='img/favicon.png') }}">
    <link rel="apple-touch-icon" href="{{ url_for('static', filename='img/apple-touch-icon.png') }}">
    
    <!-- CSS dosyaları -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/navbar.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/matches.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/player.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/responsive.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
    <script>
        // Sağ tık ve F12'yi engelle
        document.addEventListener('contextmenu', event => event.preventDefault());
        document.addEventListener('keydown', function(event) {
            if (event.keyCode === 123) return false; // F12
            if (event.ctrlKey && event.shiftKey && event.keyCode === 73) return false; // Ctrl+Shift+I
            if (event.ctrlKey && event.shiftKey && event.keyCode === 74) return false; // Ctrl+Shift+J
            if (event.ctrlKey && event.keyCode === 85) return false; // Ctrl+U
        });
        
        // Konsolu devre dışı bırak
        setInterval(() => {
            console.clear();
            console.log = function() {};
            console.warn = function() {};
            console.error = function() {};
        }, 100);
        
        // DevTools'u kontrol et
        let devtools = function() {};
        devtools.toString = function() {
            this.opened = true;
            return '';
        }
        console.debug(devtools);
        
        // Sayfayı kopyalamayı engelle
        document.addEventListener('copy', function(e) {
            e.preventDefault();
            return false;
        });
    </script>
</head>
<body onkeydown="return false">
    <div class="blur-overlay"></div>
    <div class="twitter-bird">
        <i class="fab fa-twitter"></i>
    </div>
    <!-- Navigasyon -->
    <nav class="navbar">
        <div class="logo">
            <span>S</span><span>a</span><span>h</span><span>a</span><span> </span><span>S</span><span>p</span><span>o</span><span>r</span><span>t</span><span>s</span>
        </div>
        <a href="https://x.com/" target="_blank" class="twitter-btn" id="twitterButton">
            <i class="fab fa-twitter"></i>
            Twitter
        </a>
    </nav>

    <!-- Ana İçerik -->
    <main class="container">
        <!-- Sol Taraf - Maç Listesi -->
        <aside class="match-list">
            <div class="match-filters">
                <button class="filter-btn active" title="Tümü">
                    <i class="fas fa-list"></i>
                    <span class="filter-text">Tümü</span>
                </button>
                <button class="filter-btn" title="Futbol">
                    <i class="fas fa-futbol"></i>
                    <span class="filter-text">Futbol</span>
                </button>
                <button class="filter-btn" title="Basketbol">
                    <i class="fas fa-basketball-ball"></i>
                    <span class="filter-text">Basketbol</span>
                </button>
            </div>
            <div class="search-container">
                <input type="text" class="search-input" placeholder="Maç ara...">
            </div>
            
            <div class="matches">
                {% for match in matches %}
                <div class="match-card {% if loop.first %}active{% endif %}" 
                    data-match-id="{{ match.id }}"
                    data-status="{{ match.status }}"
                    data-league="{{ match.league }}"
                    data-sport-type="{{ match.sport_type }}">
                    <div class="match-teams">
                        <span>{{ match.home_team }}</span>
                        <span class="match-time-vs">{{ match.match_time }}</span>
                        <span>{{ match.away_team }}</span>
                    </div>
                </div>
                {% endfor %}
            </div>
        </aside>

        <!-- Sağ Taraf - Video Player -->
        <section class="video-container">
            <div class="video-player">
                <div class="custom-controls">
                    <div class="bottom-right-controls">
                        <button class="control-button" id="pipButton" title="Picture in Picture">
                            <i class="fas fa-external-link-alt"></i>
                        </button>
                        <button class="control-button" id="fullscreenButton" title="Tam Ekran">
                            <i class="fas fa-expand"></i>
                        </button>
                    </div>
                </div>
                <div class="player-placeholder">
                    <i class="fas fa-play-circle"></i>
                    <p>Maç başlamak üzere...</p>
                </div>
            </div>
            <div class="match-info">
                {% if matches %}
                <h2>
                    {{ matches[0].home_team }} vs {{ matches[0].away_team }}
                    <span class="match-live-indicator">
                        {% set current_time = now().strftime('%H:%M') %}
                        {% if matches[0].match_time <= current_time %}
                        <span class="match-live-dot"></span>CANLI
                        {% else %}
                        {{ matches[0].match_time }}
                        {% endif %}
                    </span>
                </h2>
                {% endif %}
            </div>
        </section>
    </main>

    <div class="streamx-watermark">StreamX</div>

    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
    <script src="{{ url_for('static', filename='js/player.js') }}"></script>
    <script src="{{ url_for('static', filename='js/search.js') }}"></script>
</body>
</html> 