@extends('layouts.site_layout')

@section('content')

<section class="bg_light_grey py-5">
    <div class="container mt-lg-5 mt-0">
        <div class="breadcrumbs">
            <span>
                <a href="" class="fs-24 text-decoration-none text-dark opacity-5">Home <span
                        class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-dark" id="media-title-one"></a>
            </span>
        </div>

        <div class="row">
            <div class="col-lg-8 col-md-7 mb-lg-0 mb-md-0 mb-5">
                <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="v-pills-members-release" role="tabpanel"
                        aria-labelledby="v-pills-members-release-tab">
                        <h1 class="fs-42 mt-4 mb-5" id="media-title-two"></h1>

                        <div class="row news " id="media">

                            <!-- <div class="col-lg-6 mb-5">
                                <div class="card h-100 border-0 shadow br-10">
                                    <div class="card-body">
                                        <img src="{{asset('images/buzz/news-1.png')}}" alt=""
                                            class="img-fluid w-100 mb-2">
                                        <p class="fs-14 badge bg-light-green text-dark br-10">Article</p>
                                        <h3 class="fs-18 text-orange">SELF-SERVICE: A DOUBLE-EDGED SWORD | HOW IVR
                                            MONITORING
                                            CAN HELP</h3>
                                        <p class="fs-16">IESA is the premier Industry Body representing the ESDM &
                                            Intelligent
                                            Electronics industry in India and aims to promote technology solutions to...
                                        </p>
                                        <a href="{{url('blog-detail')}}" class="text-orange text-decoration-none">Read
                                            More
                                            ></a>
                                        <p class="fs-14 opacity-5 mb-0 mt-4">Jan 01, 2023</p>
                                    </div>
                                </div>
                            </div> -->

                            <!-- <div class="col-lg-6 mb-5">
                                <div class="card h-100 border-0 shadow br-10">
                                    <div class="card-body">
                                        <img src="{{asset('images/buzz/news-2.png')}}" alt=""
                                            class="img-fluid w-100 mb-2">
                                        <p class="fs-14 badge bg-light-blue text-dark br-10">Interview</p>
                                        <h3 class="fs-18 text-orange">SELF-SERVICE: A DOUBLE-EDGED SWORD | HOW IVR
                                            MONITORING
                                            CAN HELP</h3>
                                        <p class="fs-16">IESA is the premier Industry Body representing the ESDM &
                                            Intelligent
                                            Electronics industry in India and aims to promote technology solutions to...
                                        </p>
                                        <a href="{{url('blog-detail')}}" class="text-orange text-decoration-none">Read
                                            More
                                            ></a>
                                        <p class="fs-14 opacity-5 mb-0 mt-4">Jan 01, 2023</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 mb-5">
                                <div class="card h-100 border-0 shadow br-10">
                                    <div class="card-body">
                                        <img src="{{asset('images/buzz/news-3.png')}}" alt=""
                                            class="img-fluid w-100 mb-2">
                                        <p class="fs-14 badge bg-light-green text-dark br-10">Member News</p>
                                        <h3 class="fs-18 text-orange">SELF-SERVICE: A DOUBLE-EDGED SWORD | HOW IVR
                                            MONITORING
                                            CAN HELP</h3>
                                        <p class="fs-16">IESA is the premier Industry Body representing the ESDM &
                                            Intelligent
                                            Electronics industry in India and aims to promote technology solutions to...
                                        </p>
                                        <a href="{{url('blog-detail')}}" class="text-orange text-decoration-none">Read
                                            More
                                            ></a>
                                        <p class="fs-14 opacity-5 mb-0 mt-4">Jan 01, 2023</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 mb-lg-5 mb-0">
                                <div class="card h-100 border-0 shadow br-10">
                                    <div class="card-body">
                                        <img src="{{asset('images/buzz/news-4.png')}}" alt=""
                                            class="img-fluid w-100 mb-2">
                                        <p class="fs-14 badge bg-light-green text-dark br-10">Article</p>
                                        <h3 class="fs-18 text-orange">SELF-SERVICE: A DOUBLE-EDGED SWORD | HOW IVR
                                            MONITORING
                                            CAN HELP</h3>
                                        <p class="fs-16">IESA is the premier Industry Body representing the ESDM &
                                            Intelligent
                                            Electronics industry in India and aims to promote technology solutions to...
                                        </p>
                                        <a href="{{url('blog-detail')}}" class="text-orange text-decoration-none">Read
                                            More
                                            ></a>
                                        <p class="fs-14 opacity-5 mb-0 mt-4">Jan 01, 2023</p>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                    <!-- <div class="tab-pane fade" id="v-pills-member-news" role="tabpanel"
                        aria-labelledby="v-pills-member-news-tab">...</div>
                    <div class="tab-pane fade" id="v-pills-iesa-news" role="tabpanel"
                        aria-labelledby="v-pills-iesa-news-tab">...</div>
                    <div class="tab-pane fade" id="v-pills-iesa-events" role="tabpanel"
                        aria-labelledby="v-pills-iesa-events-tab">...</div>
                    <div class="tab-pane fade" id="v-pills-interviews" role="tabpanel"
                        aria-labelledby="v-pills-interviews-tab">...</div>
                    <div class="tab-pane fade" id="v-pills-articles" role="tabpanel"
                        aria-labelledby="v-pills-articles-tab">...</div> -->
                </div>
            </div>
            <div class="col-lg-4 col-md-5 px-lg-5 px-3">
                <div class="search-bar mb-5">
                    <form action="#">
                        <div class="input-group bottom_border">
                            <input type="search" class="form-control border-0 bg-transparent opacity-5 fs-18 search_inp"
                                placeholder="Search News">
                            <span class="input-group-text bg-transparent pointer border-0" id="filter">
                                <i class="fa fa-search text-maroon fs-12 opacity-5"></i>
                            </span>
                        </div>
                    </form>
                </div>
                <h3 class="fs-32 mb-4">Categories</h3>
                <div class="" id="mediaCategories">
                    <!-- <div class="nav blog-tabs flex-column nav-pills newsCategory" id="v-pills-tab" role="tablist"
                        aria-orientation="vertical">

                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border active"
                            id="v-pills-members-release-tab" data-bs-toggle="pill"
                            data-bs-target="#v-pills-members-release" type="button" role="tab"
                            aria-controls="v-pills-members-release" aria-selected="true" onclick="getMedia('member-press-releases')">Members Press Releases</button>

                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border "
                            id="v-pills-member-news-tab" data-bs-toggle="pill" data-bs-target="#v-pills-member-news"
                            type="button" role="tab" aria-controls="v-pills-member-news" aria-selected="true" onclick="getMedia('member-news')">Member
                            News</button>

                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border "
                            id="v-pills-iesa-news-tab" data-bs-toggle="pill" data-bs-target="#v-pills-member-news"
                            type="button" role="tab" aria-controls="v-pills-member-news" aria-selected="false" onclick="getMedia('iesa-news')">IESA
                            News</button>
                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border "
                            id="v-pills-iesa-events-tab" data-bs-toggle="pill" data-bs-target="#v-pills-member-news"
                            type="button" role="tab" aria-controls="v-pills-member-news" aria-selected="false" onclick="getMedia('iesa-events')">IESA
                            Events</button>
                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border "
                            id="v-pills-iesa-interview-tab" data-bs-toggle="pill" data-bs-target="#v-pills-member-news"
                            type="button" role="tab" aria-controls="v-pills-member-news" aria-selected="false" onclick="getMedia('iesa-interviews')">Interviews</button>
                            
                        <button class="nav-link bg-white text-dark mb-2 px-lg-5 px-3 text-nowrap border "
                            id="v-pills-iesa-blogs-tab" data-bs-toggle="pill" data-bs-target="#v-pills-member-news"
                            type="button" role="tab" aria-controls="v-pills-member-news" aria-selected="false" onclick="getMedia('iesa-blogs')">Articles/Blogs</button>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</section>
<section class="py-5 my-lg-5 my-0">
    <div class="container join-iesa-bg text-center py-lg-5 py-md-0 py-5">
        <div data-aos="zoom-in-up" data-aos-duration="2000">
            <h2 class="fs-40 fw-500 text-white mb-5 mt-lg-5 mt-md-0 mt-5 pt-lg-0 pt-5">Join the Vibrant IESA Community
            </h2>
            <div class="pb-lg-0 pb-5 mb-lg-5 mb-md-0 mb-5">
                <a href="{{url('become-a-member')}}" class="btn bg-white btn-padding">Register Now</a>
            </div>
        </div>
    </div>
</section>
<!-- file calling here -->

<script src="{{asset('/js/site-api/media.js')}}"></script>
<!-- pagination cdn -->
<script src="{{asset('/js/pagination.js')}}"></script>
@endsection