{% extends "base.html" %}

{% block title %}Satta King | Live Result Today{% endblock %}

{% block head %}
<title>Satta King | Satta King Result Today Live {{ today_date }} | Gali Disawar</title>
<meta name="description" content="Satta King result today {{ today_date }}. Satta King live result for Gali, Disawar, Faridabad, Ghaziabad. Check Satta King chart, Satta King 2026 fast result. Satta King online.">
<meta name="keywords" content="satta king, satta king result, satta king today, satta king live, satta king chart, satta king 2026, satta king gali, satta king disawar, satta king faridabad, satta king ghaziabad, satta king online, satta king fast, satta king result today, satta king live result, gali satta king, disawar satta king, satta king up, black satta king, satta king delhi, satta king result chart">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Satta King | Satta King Result Today Live">
<meta property="og:description" content="Satta King live result today. Check Satta King Gali, Disawar, Faridabad, Ghaziabad result. Satta King chart 2026.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Satta King | Live Satta King Result Today">
<meta name="twitter:description" content="Satta King result for Gali, Disawar, Faridabad, Ghaziabad. Fast Satta King updates.">
<link rel="canonical" href="https://sattaking.replit.app/">
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Satta King",
    "alternateName": ["Satta King Result", "Satta King Live", "Satta King Chart"],
    "url": "https://sattaking.replit.app/",
    "description": "Satta King live result for Gali, Disawar, Faridabad, Ghaziabad and 80+ games. Fast Satta King updates, record charts, daily results.",
    "potentialAction": {
        "@type": "SearchAction",
        "target": "https://sattaking.replit.app/chart?game={search_term_string}",
        "query-input": "required name=search_term_string"
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Satta King",
    "url": "https://sattaking.replit.app/",
    "logo": "https://sattaking.replit.app/favicon.ico",
    "sameAs": []
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://sattaking.replit.app/"
    }]
}
</script>
{% endblock %}

{% block styles %}
<style>
    .main-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 15%;
    }
    
    @media (max-width: 1200px) {
        .main-container {
            padding: 0 10%;
        }
    }
    
    @media (max-width: 768px) {
        .main-container {
            padding: 0 3%;
        }
    }
    
    @media (max-width: 480px) {
        .main-container {
            padding: 0 2%;
        }
    }
    
    .header-section {
        background: transparent;
        padding: 25px 15%;
        text-align: center;
    }
    
    @media (max-width: 1200px) {
        .header-section { padding: 25px 10%; }
    }
    
    @media (max-width: 768px) {
        .header-section { padding: 25px 3%; }
    }
    
    @media (max-width: 480px) {
        .header-section { padding: 25px 2%; }
    }
    
    .site-title {
        color: #333;
        font-size: 36px;
        font-weight: 700;
        margin: 0;
    }
    
    .site-subtitle {
        color: #666;
        font-size: 14px;
        margin-top: 8px;
    }
    
    .nav-section {
        background: #000;
        padding: 10px 15%;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    @media (max-width: 1200px) {
        .nav-section { padding: 12px 10%; }
    }
    
    @media (max-width: 768px) {
        .nav-section { padding: 12px 3%; }
    }
    
    @media (max-width: 480px) {
        .nav-section { padding: 12px 2%; }
    }
    
    .nav-menu {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        padding: 0 20px;
    }
    
    .nav-item {
        color: #fff;
        padding: 8px 20px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s;
    }
    
    .nav-item:hover, .nav-item.active {
        background: #333;
        color: #fff;
    }
    
    .date-banner {
        background: #fff;
        padding: 8px;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .date-text {
        color: #e53935;
        font-size: 13px;
        font-weight: 500;
    }
    
    .games-section {
        padding: 0 0 30px 0;
    }
    
    .section-title {
        background: #ffd700;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        padding: 12px 20px;
        letter-spacing: 1px;
    }
    
    .games-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 0;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        background: #fff;
    }
    
    .games-table thead {
        background: #000;
    }
    
    .games-table th {
        color: #fff;
        padding: 18px 15px;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }
    
    .games-table th:first-child {
        width: 280px;
        text-align: left;
    }
    
    .games-table tbody tr {
        background: #fff;
        transition: all 0.3s;
    }
    
    .games-table tbody tr:nth-child(even) {
        background: #f8f9fa;
    }
    
    .games-table tbody tr:hover {
        background: #e8f4fd;
    }
    
    .games-table td {
        padding: 16px 15px;
        text-align: center;
        border-bottom: 2px solid #ddd;
    }
    
    .games-table td:first-child {
        text-align: left;
        width: 280px;
    }
    
    .game-name {
        color: #000;
        font-weight: 600;
        font-size: 18px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
    
    .record-chart-link {
        color: #764ba2;
        font-size: 12px;
        margin-left: 10px;
        font-weight: 500;
    }
    
    .record-chart-link:hover {
        color: #667eea;
    }
    
    .game-time-row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }
    
    .game-time {
        color: #000;
        font-size: 13px;
    }
    
    .result-yesterday {
        background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
        color: #fff;
        padding: 8px 15px;
        border-radius: 8px;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
        min-width: 50px;
        box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
    }
    
    .result-today {
        background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
        color: #fff;
        padding: 8px 15px;
        border-radius: 8px;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
        min-width: 50px;
        box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
    }
    
    .result-pending {
        background: linear-gradient(135deg, #7f8c8d 0%, #95a5a6 100%);
        color: #fff;
        padding: 8px 15px;
        border-radius: 8px;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
        min-width: 50px;
    }
    
    .daily-update-section {
        background: #fff;
        border-radius: 15px;
        padding: 25px;
        margin: 30px 0;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    
    .daily-update-title {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 20px;
        text-align: center;
        border-bottom: 2px solid #ffd700;
        padding-bottom: 10px;
    }
    
    .daily-posts-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 15px;
    }
    
    .post-card {
        background: #f9f9f9;
        border-radius: 10px;
        padding: 15px;
        border-left: 4px solid #667eea;
        transition: all 0.3s;
        text-decoration: none;
        display: block;
    }
    
    .post-card:hover {
        background: #f0f0f0;
        transform: translateY(-2px);
    }
    
    .post-card-title {
        color: #333;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.4;
    }
    
    .post-card-date {
        color: #888;
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .post-card-desc {
        color: #666;
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    
    .post-card-result {
        display: inline-block;
        padding: 5px 12px;
        border-radius: 15px;
        font-size: 14px;
        font-weight: 700;
    }
    
    .post-card-result.waiting {
        background: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%);
        color: #fff;
    }
    
    .post-card-result.declared {
        background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
        color: #fff;
    }
    
    .no-posts {
        text-align: center;
        color: #888;
        padding: 30px;
    }
    
    .footer-section {
        background: #1a1a2e;
        padding: 25px 15%;
        text-align: center;
        margin-top: 40px;
    }
    
    @media (max-width: 1200px) {
        .footer-section { padding: 25px 10%; }
    }
    
    @media (max-width: 768px) {
        .footer-section { padding: 25px 3%; }
    }
    
    @media (max-width: 480px) {
        .footer-section { padding: 25px 2%; }
    }
    
    .footer-links {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    
    .footer-link {
        color: #a0a0b0;
        font-size: 13px;
        transition: color 0.3s;
        cursor: pointer;
    }
    
    .footer-link:hover {
        color: #fff;
    }
    
    .copyright {
        color: #6a6a7a;
        font-size: 12px;
    }
    
    /* Hero Section Styles */
    .hero-section {
        background: #fff;
        padding: 6px 3%;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
    }
    
    @media (max-width: 768px) {
        .hero-section { padding: 5px 2%; }
    }
    
    @media (max-width: 480px) {
        .hero-section { padding: 4px 1%; }
    }
    
    .hero-title {
        display: none;
    }
    
    .hero-subtitle {
        display: none;
    }
    
    .game-tags-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 6px;
        position: relative;
        z-index: 1;
    }
    
    .game-tag {
        background: transparent;
        border: none;
        color: #333;
        padding: 0;
        font-size: 11px;
        font-weight: 500;
        cursor: default;
        white-space: nowrap;
    }
    
    .game-tag.featured {
        color: #333;
        font-weight: 500;
    }
    
    @media (max-width: 768px) {
        .hero-title { font-size: 14px; }
        .game-tag { font-size: 10px; }
        .game-tags-container { gap: 2px 6px; }
    }
    
    @media (max-width: 480px) {
        .hero-title { font-size: 12px; }
        .game-tags-container { gap: 2px 4px; }
        .game-tag { font-size: 9px; }
    }
    
    .no-games {
        text-align: center;
        padding: 60px 20px;
        color: #a0a0b0;
        font-size: 18px;
    }
    
    .refresh-note {
        text-align: center;
        color: #6a6a7a;
        font-size: 12px;
        margin-top: 20px;
    }
    
    @media (max-width: 768px) {
        .site-title { font-size: 28px; }
        .nav-item { padding: 6px 12px; font-size: 12px; }
        .games-table th, .games-table td { padding: 12px 8px; font-size: 12px; }
        .game-name { font-size: 15px; font-weight: 700; }
        .result-yesterday, .result-today, .result-pending { padding: 6px 10px; font-size: 14px; min-width: 40px; }
        .section-title { font-size: 18px; }
    }
    
    @media (max-width: 480px) {
        .site-title { font-size: 24px; }
        .nav-menu { gap: 5px; }
        .nav-item { padding: 5px 10px; font-size: 11px; }
        .games-table th, .games-table td { padding: 10px 5px; font-size: 11px; }
        .game-name { font-size: 14px; font-weight: 700; }
        .game-time { font-size: 10px; }
        .result-yesterday, .result-today, .result-pending { padding: 5px 8px; font-size: 12px; min-width: 35px; }
    }
</style>
{% endblock %}

{% block content %}
<div class="main-container">
    <div class="header-section">
        {% if site_settings and site_settings.logo_data %}
        <img src="{{ site_settings.logo_data }}" alt="Satta King" style="max-height: 80px; max-width: 300px;">
        {% else %}
        <div class="site-title">Satta King</div>
        <div class="site-subtitle">Live Results & Updates</div>
        {% endif %}
    </div>

    <div class="nav-section">
        <div class="nav-menu">
            <a href="/" class="nav-item active">Home</a>
            <a href="/chart" class="nav-item">Chart</a>
            <a href="/daily-update" class="nav-item">Daily Update</a>
            <a href="/latest" class="nav-item">Latest</a>
        </div>
    </div>

    {% if ad_settings and ad_settings.ad_after_header %}
    <div class="ad-container" style="text-align: center; padding: 15px 0; background: #f8f9fa; margin: 10px 0;">
        {% if ad_settings.manual_ad_code_after_header %}
        {{ ad_settings.manual_ad_code_after_header|safe }}
        {% else %}
        <ins class="adsbygoogle" style="display:block" data-ad-client="{{ ad_settings.adsense_publisher_id }}" data-ad-slot="auto" data-ad-format="auto" data-full-width-responsive="true"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
        {% endif %}
    </div>
    {% endif %}

    <div class="hero-section">
        <h1 style="font-size: 22px; color: #333; font-weight: 700; margin-bottom: 8px;">Satta King 786 - Live Result Today {{ today_date }}</h1>
        <p style="font-size: 13px; color: #666; margin-bottom: 12px;">Check Gali, Disawar, Faridabad, Ghaziabad & 80+ Satta King game results. Fast updates with record charts.</p>
        <div class="game-tags-container">
            <span class="game-tag featured">Satta King 786</span>
            <span class="game-tag featured">Gali Satta King</span>
            <span class="game-tag featured">Disawar Satta King</span>
            <span class="game-tag featured">Satta Matka</span>
            <span class="game-tag">Delhi Satta King</span>
            <span class="game-tag">Faridabad Satta King</span>
            <span class="game-tag">Ghaziabad Satta King</span>
            <span class="game-tag">Kalyan Satta Matka</span>
            <span class="game-tag">Shri Ganesh Satta King</span>
            <span class="game-tag">Satta King Fast</span>
            <span class="game-tag">Black Satta King</span>
            <span class="game-tag">Madhur Satta</span>
            <span class="game-tag">Satta Batta</span>
            <span class="game-tag">Delhi Bazar</span>
            <span class="game-tag">Taj Satta King</span>
            <span class="game-tag">Play Bazaar</span>
            <span class="game-tag">UP Satta King</span>
            <span class="game-tag">Gali Disawar</span>
            <span class="game-tag">Satta King Result</span>
            <span class="game-tag">Satta King Chart</span>
        </div>
    </div>

    <div class="date-banner">
        <span class="date-text">Last Update: {{ last_update_time }} IST</span>
    </div>

    <div class="games-section">
    <div class="section-title">Satta King Results of {{ today_date }} & {{ yesterday_date }}</div>
    
    {% if games %}
    <table class="games-table">
        <thead>
            <tr>
                <th>Game Name</th>
                <th>Yesterday</th>
                <th>Today</th>
            </tr>
        </thead>
        <tbody>
            {% for game in games %}
            <tr>
                <td>
                    <span class="game-name">{{ game.name }}</span>
                    <div class="game-time-row">
                        <span class="game-time">{{ game.time }}</span>
                        <a href="/chart?game={{ game.slug }}" class="record-chart-link">Record Chart</a>
                    </div>
                </td>
                <td>
                    <span class="{{ 'result-pending' if game.yesterday == '--' else 'result-yesterday' }}">{{ game.yesterday }}</span>
                </td>
                <td>
                    <span class="{{ 'result-pending' if game.today == '--' else 'result-today' }}">{{ game.today }}</span>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <div class="refresh-note">Results are updated automatically</div>
    {% else %}
    <div class="no-games">
        <p>No games available</p>
        <p style="font-size: 14px; color: #6a6a7a;">Games will appear here once added from admin panel</p>
    </div>
    {% endif %}
    </div>
    
    {% if ad_settings and ad_settings.ad_before_footer %}
    <div class="ad-container" style="text-align: center; padding: 20px 0; background: #f8f9fa; margin: 20px 0; border-radius: 8px;">
        {% if ad_settings.manual_ad_code_before_footer %}
        {{ ad_settings.manual_ad_code_before_footer|safe }}
        {% else %}
        <ins class="adsbygoogle" style="display:block" data-ad-client="{{ ad_settings.adsense_publisher_id }}" data-ad-slot="auto" data-ad-format="auto" data-full-width-responsive="true"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
        {% endif %}
    </div>
    {% endif %}
    
</div>

<div class="footer-section">
    <div class="footer-links">
        <a href="/privacy-policy" class="footer-link">Privacy Policy</a>
        <a href="/about" class="footer-link">About Us</a>
        <a href="/contact" class="footer-link">Contact</a>
        <a href="/disclaimer" class="footer-link">Disclaimer</a>
    </div>
    <div class="copyright">© 2026 Satta King. All rights reserved.</div>
</div>
{% endblock %}