{% extends 'base1.html' %}
{% block content %}
{% load static %}
<!-- <div class="trending-area fix pt-30 gray-bg" style="background-color: #ffffff; padding-bottom: 2rem;">
    <div class="container" style="padding: 0;">
        <div class="trending-main">
            <div class="row">
                <div class="col-lg-8"> -->
<!-- Trending Top -->
<!-- <div class="slider-active"> -->
<!-- Single -->


<!-- Video Trending Area End -->

<!-- Bootstrap 5 CDN (ensure this is in your base template) -->


<div class="container my-5">
    <div class="row g-4 align-items-stretch">

        <!-- Left: Featured Video -->
        <div class="col-12 col-lg-8 d-flex flex-column">
            {% if featured_video %}
            <div class="position-relative rounded overflow-hidden shadow flex-grow-1 d-flex flex-column"
                style="margin-bottom: 0.5rem;">
                <iframe class="w-100 flex-grow-1 featured-video-iframe" src="{{ featured_video.get_embed_url }}"
                    frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen>
                </iframe>

            </div>
            {% else %}
            <div class="d-flex align-items-center justify-content-center bg-light rounded shadow-sm h-100"
                style="min-height: 300px; height: 40vh; max-height: 500px;">
                <p class="text-muted">No featured video available.</p>
            </div>
            {% endif %}
        </div>

        <!-- Right: 2 Small Recent Videos -->
        <div class="col-12 col-lg-4 d-flex flex-column gap-4">
            {% for vid in other_recent_videos %}
            <div class="position-relative rounded overflow-hidden shadow flex-fill d-flex flex-column"
                style="margin-bottom: 0.2rem;">
                <iframe class="w-100 flex-grow-1" style="min-height: 150px; height: 20vh; max-height: 250px;"
                    src="{{ vid.get_embed_url }}" frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen>
                </iframe>
            </div>
            {% empty %}
            <div class="d-flex align-items-center justify-content-center bg-light rounded shadow-sm flex-fill"
                style="min-height: 150px; height: 20vh; max-height: 250px;">
                <p class="text-muted">No recent videos.</p>
            </div>
            <div class="d-flex align-items-center justify-content-center bg-light rounded shadow-sm flex-fill"
                style="min-height: 150px; height: 20vh; max-height: 250px;">
                <p class="text-muted">No recent videos.</p>
            </div>
            {% endfor %}
        </div>

    </div>
</div>







<!-- Interview section Start -->
<!-- <section class="whats-news-area pt-30 pb-20" style="background-color: #F0F1F2;">
    <div class="container mt-4" style="background-color: #F0F1F2;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>Interview</h3>
                </div>
            </div>
            <div class="row">
                {% for Interview_videos in Interview_videos %}
                <div class="col-md-4">
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="card-title" style="text-align: justify; padding-bottom: 0.5rem;">{{ Interview_videos.title }}</h5>
                            <iframe width="100%" height="280" src="{{ Interview_videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
                            </iframe>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section> -->



<!-- <section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>Talkshow</h3>
                </div>
            </div>
            <div class="col-xl-8 col-md-9">
                <div class="properties__button">
                    
                    <nav>
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            {% for i in category %}
                            <a class="nav-item nav-link active" href="{% url 'category_detail' id=i.id %}" role="tab"
                                aria-controls="nav-home" aria-selected="true">{{i.catname}}</a>{% endfor %}
                        </div>
                    </nav>
                    
                </div>
            </div>
            <div class="row">
                {% for Talkshow_videos in Talkshow_videos %}
                <div class="col-md-4">
                    <div class="card mb-4">
                        <div class="card-body"  style="background-color: #f0f2f0;">
                            <h5 class="card-title" style="text-align: justify; padding-bottom: 0.5rem;">{{ Talkshow_videos.title }}</h5>
                            <iframe width="100%" height="280" src="{{ Talkshow_videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
                            </iframe>
                        </div>
                    </div>

                </div>
                {% endfor %}

            </div>
        </div>

    </div>
</section> -->


<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>সর্বশেষ সংবাদ</h3>
                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'all_videos' %}" style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>





<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>বাংলাদেশ</h3>
                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in Bangladesh_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='bangladesh' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>রাজনীতি</h3>
                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in Politics_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='politics' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>অর্থনীতি ও বাণিজ্য</h3>
                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in eco_bus_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='economics' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>বিশ্ব সংবাদ</h3>

                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in international_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='international' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>বিশেষ প্রতিবেদন</h3>

                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in special_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='special' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>বিনোদন</h3>

                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in Entertainment_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='entertainment' %}"
                            style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>খেলাধুলা</h3>

                </div>
            </div>
        </div>

        <div class="row">
            {% for videos in sports_videos %}
            <div class="col-md-3 d-flex">
                <div class="card mb-3 flex-fill"
                    style="display: flex; flex-direction: column; background-color: #f0f2f0;">
                    <div class="card-body d-flex flex-column">
                        <h5 class="card-title" style="text-align: justify; flex-grow: 0;">{{ videos.title }}</h5>
                        <div class="mt-auto">
                            <iframe width="100%" height="280" src="{{ videos.get_embed_url }}" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <h4>
                        <a href="{% url 'video_by_tag' tag_slug='sports' %}" style="text-decoration: none; color: red;">
                            আরো দেখুন
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
</section>


<section id="Fact-checking" class="whats-news-area pt-30 pb-20" style="background-color: #F0F1F2">
    <div class="container mt-4" style="background-color: #F0F1F2;">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>ফ্যাক্টচেক</h3>
                </div>
            </div>

            <div class="row g-4 image-row">
                {% for FactCheck_image in FactCheck_image %}
                <div class="col-md-4 d-flex" style="margin-bottom: 1rem;">
                    <div class="card h-100 w-100 d-flex flex-column">
                        <div class="card-body d-flex flex-column">
                            <h6 class="card-title"
                                style="font-weight: 600; padding-bottom: 0.5rem; text-align: justify;">
                                <a href="{% url 'view_Infographics' FactCheck_image.id %}">{{ FactCheck_image.title}}
                                </a>
                            </h6>
                            <img src="{{ FactCheck_image.image.url }}" alt="{{ FactCheck_image.title }}"
                                class="img-fluid mb-3">
                            <h6 class="card-title mt-auto" style="text-align: justify;">
                                {{ FactCheck_image.courtesy|truncatewords:40 }}
                                {% if FactCheck_image.courtesy|length > 40 %}
                                <a href="{% url 'view_Infographics' FactCheck_image.id %}" style="color: red;">Read
                                    more</a>
                                {% endif %}
                            </h6>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <a href="{% url 'all_factcheck' %}" style="text-decoration: none;">
                        <h4 style="color: red;">আরো দেখুন</h4>
                    </a>
                </div>
            </div>

        </div>

    </div>
</section>


<section class="whats-news-area pt-30 pb-20" style="background-color: #FFFFFF;">
    <div class="container mt-4" style="background-color: #FFFFFF">
        <div class="row justify-content-between align-items-end mb-15">
            <div class="col-xl-4">
                <div class="section-tittle mb-30">
                    <h3>ইনফোগ্রাফিক্স</h3>
                </div>
            </div>

            <div class="row g-4 image-row">
                {% for Infographics_image in Infographics_image %}
                <div class="col-md-4 d-flex" style="margin-bottom: 1rem;">
                    <div class="card h-100 w-100 d-flex flex-column">
                        <div class="card-body d-flex flex-column">
                            <h5 class="card-title"
                                style="font-weight: 600; padding-bottom: 0.5rem; text-align: justify;">
                                {{ Infographics_image.title }}
                            </h5>
                            <img src="{{ Infographics_image.image.url }}" alt="{{ Infographics_image.title }}"
                                class="img-fluid mb-3">
                            <h6 class="card-title mt-auto" style="padding-bottom: 0;">
                                {{ Infographics_image.description }}
                            </h6>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            <div class="col-xl-12">
                <div class="section-tittle mb-30" style="text-align: end;">
                    <a href="{% url 'all_infographics' %}" style="text-decoration: none;">
                        <h4 style="color: red;">আরো দেখুন</h4>
                    </a>
                </div>
            </div>

        </div>

    </div>
</section>


<section class="whats-news-area pt-30 pb-20">
    <div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="whats-news-wrapper">
                        <!-- Heading & Nav Button -->
                        <div class="row justify-content-between align-items-end mb-15">
                            <div class="col-xl-4">
                                <div class="section-tittle mb-30">
                                    <h3>News</h3>
                                </div>
                            </div>

                        </div>
                        <!-- Tab content -->
                        <div class="row">
                            <div class="col-12">
                                <!-- Nav Card -->
                                <div class="tab-content" id="nav-tabContent">
                                    <!-- card one -->
                                    <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                                        aria-labelledby="nav-home-tab">
                                        <div class="row">
                                            <!-- Left Details Caption -->

                                            <!-- Right single caption -->
                                            <div class="col-xl-8 col-lg-12">
                                                <div class="row">
                                                    <!-- single -->
                                                    {% for i in postnews1 %}
                                                    <div class="col-xl-12 col-lg-6 col-md-6 col-sm-10">
                                                        <div class="whats-right-single mb-20">
                                                            <div class="whats-right-img">
                                                                <img src="{{i.postimage.url}}" alt="" width="200"
                                                                    height="200">
                                                            </div>
                                                            <div class="whats-right-cap">
                                                                <span class="colorb">{{i.cat_id.catname}}</span>
                                                                <h4><a
                                                                        href="{% url 'view_single_news' i.id %}">{{i.posttitle}}.</a>
                                                                </h4>
                                                                <p>{{i.posted_date}}</p>
                                                            </div>
                                                        </div>
                                                    </div>{% endfor %}

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Card two -->


                                </div>
                                <!-- End Nav Card -->
                            </div>
                        </div>
                    </div>
                    <!-- Banner -->

                </div>
                <div class="col-lg-4">
                    <!-- Flow Socail -->

                    <!-- Most Recent Area -->
                    <div class="most-recent-area">
                        <!-- Section Tittle -->
                        <div class="small-tittle mb-20">
                            <h4>Most Recent</h4>
                        </div>
                        <!-- Details -->
                        {% for i in recentnews %}
                        <div class="most-recent mb-40">
                            <div class="most-recent-img">
                                <img src="{{i.postimage.url}}" alt="">
                                <div class="most-recent-cap">
                                    <span class="bgbeg">{{i.cat_id.catname}}</span>
                                    <h4><a href="{% url 'view_single_news' i.id %}">{{i.posttitle}}.</a></h4>
                                    <p>{{i.posted_date}}</p>
                                </div>
                            </div>
                        </div>{% endfor %}
                        <!-- Single -->


                    </div>
                </div>
            </div>
        </div>
</section>
<!-- Whats New End -->
<!--   Weekly2-News start -->
<div class="weekly2-news-area pt-50 pb-30 gray-bg">
    <div class="container">
        <div class="weekly2-wrapper">
            <div class="row">
                <!-- Banner -->

                <div class="col-lg-12">
                    <div class="slider-wrapper">
                        <!-- section Tittle -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="small-tittle mb-30">
                                    <h4>Most Popular</h4>
                                </div>
                            </div>
                        </div>
                        <!-- Slider -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="weekly2-news-active d-flex">
                                    <!-- Single -->
                                    {% for i in recentnews %}
                                    <div class="weekly2-single">
                                        <div class="weekly2-img">
                                            <img src="{{i.postimage.url}}" alt="">
                                        </div>
                                        <div class="weekly2-caption">
                                            <h4><a href="{% url 'view_single_news' i.id %}">{{i.posttitle}}</a></h4>
                                            <p>{{i.posted_date}}</p>
                                        </div>
                                    </div> {% endfor %}
                                    <!-- Single -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Weekly-News -->
<!--  Recent Articles start -->

<!--Recent Articles End -->
<!--   Weekly3-News start -->
<!-- <div class="weekly3-news-area pt-80 pb-130">
    <div class="container">
        <div class="weekly3-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <div class="slider-wrapper"> -->
                        <!-- Slider -->
                        <!-- <div class="row">
                            <div class="col-lg-12">
                                <div class="weekly3-news-active dot-style d-flex">
                                    {% for i in recentnews %}
                                    <div class="weekly3-single">
                                        <div class="weekly3-img">
                                            <img src="{{i.postimage.url}}" alt="" width="300" height="200">
                                        </div>
                                        <div class="weekly3-caption">
                                            <h4><a href="{% url 'view_single_news' i.id %}">{{i.posttitle}}</a></h4>
                                            <p>{{i.posted_date}}</p>
                                        </div>
                                    </div> {% endfor %} -->




                                <!-- </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- End Weekly-News -->
<!-- banner-last Start -->


{% endblock %}