@extends('web.home.layout.master')

@section('content')


<div class="container-fluid" style="padding-left: 4%;padding-right:4%;padding-top:2%;">
<section class="hero-section">
    <div class="container-fluid px-0">
        <div class="row g-0">
            @if ($event)
            <div class="col-lg-6">
                <div class="featured-card featured-event">
                    <div class="card-image" style="background-image: url({{ asset('admin/assets/img/event/' . $event->event_image) }});">
                        <div class="overlay-gradient"></div>
                    </div>
                    <div class="card-content">
                        <span class="badge event-badge">{{ $event->event_status == 'upcoming' ? 'Upcoming Event' : 'Past Event' }}</span>
                        <h2 class="card-title">
                            <a href="{{ route('web.home.event.view', ['id' => $event->id]) }}">{{ $event->event_title }}</a>
                        </h2>
                        <div class="meta-info">
                            <span class="date">{{ $event->date }}</span>
                        </div>
                        <a href="{{ route('web.home.event.view', ['id' => $event->id]) }}" class="read-more">Read More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            @endif

            <div class="col-lg-6">
                <div class="row g-0">
                    @if ($eventtwo)
                    @foreach ($eventtwo as $two)
                    <div class="col-12">
                        <div class="secondary-card">
                            <div class="card-image" style="background-image: url({{ asset('admin/assets/img/event/' . $two->event_image) }});">
                                <div class="overlay-gradient"></div>
                            </div>
                            <div class="card-content">
                                <span class="badge">Event</span>
                                <h3 class="card-title">
                                    <a href="{{ route('web.home.event.view', ['id' => $two->id]) }}">{{ $two->event_title }}</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    @endif

                    @if ($news)
                    <div class="col-md-6">
                        @foreach ($news as $nws)
                        <div class="news-card">
                            <div class="card-image" style="background-image: url({{ asset('admin/assets/img/news/' . $nws->news_image) }});">
                                <div class="overlay-gradient"></div>
                            </div>
                            <div class="card-content">
                                <span class="badge news-badge">News</span>
                                <h3 class="card-title">
                                    <a href="{{ route('web.home.news.view', ['id' => $nws->id]) }}">{{ $nws->news_title }}</a>
                                </h3>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Main Content Section -->
<section class="content-section">
    <div class="container-fluid">
        <div class="row">
            <!-- Main Content Column -->
            <div class="col-lg-8">
                <!-- Events Section -->
                <div class="section-header">
                    <h2 class="section-title">Events</h2>
                    <div class="section-divider"></div>
                </div>

                <div class="row">
                    @if ($eventthree)
                    <div class="col-md-6">
                        <div class="featured-post">
                            <div class="post-image">
                                <a href="{{ route('web.home.event.view', ['id' => $eventthree->id]) }}">
                                    <img src="{{ asset('admin/assets/img/event/' . $eventthree->event_image) }}" alt="{{ $eventthree->event_title }}" class="img-fluid">
                                </a>
                            </div>
                            <div class="post-content">
                                <div class="post-meta">
                                    <span class="post-category">Event</span>
                                    <span class="post-date">{{ $eventthree->date }}</span>
                                </div>
                                <h3 class="post-title">
                                    <a href="{{ route('web.home.event.view', ['id' => $eventthree->id]) }}">{{ $eventthree->event_title }}</a>
                                </h3>
                                <a href="{{ route('web.home.event.view', ['id' => $eventthree->id]) }}" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="col-md-6">
                        <div class="post-list">
                            @foreach ($eventpast as $upcoming)
                            <div class="post-list-item">
                                <div class="post-thumbnail">
                                    <a href="{{ route('web.home.event.view', ['id' => $upcoming->id]) }}">
                                        <img src="{{ asset('admin/assets/img/event/' . $upcoming->event_image) }}" alt="{{ $upcoming->event_title }}" class="img-fluid">
                                    </a>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-title">
                                        <a href="{{ route('web.home.event.view', ['id' => $upcoming->id]) }}">{{ $upcoming->event_title }}</a>
                                    </h4>
                                    <div class="post-meta">
                                        <span class="post-category">Past Event</span>
                                        <span class="post-date">{{ $upcoming->date }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <!-- News Section -->
                <div class="section-header">
                    <h2 class="section-title">Latest News</h2>
                    <div class="section-divider"></div>
                </div>

                <div class="row news-grid">
                    @foreach ($newssix as $six)
                    <div class="col-md-6">
                        <div class="news-card">
                            <div class="news-image">
                                <a href="{{ route('web.home.news.view', ['id' => $six->id]) }}">
                                    <img src="{{ asset('admin/assets/img/news/' . $six->news_image) }}" alt="{{ $six->news_title }}" class="img-fluid">
                                </a>
                            </div>
                            <div class="news-content">
                                <div class="news-meta">
                                    <span class="news-author">by American plastics</span>
                                    <span class="news-date">{{ $six->created_at->format('Y F d') }}</span>
                                </div>
                                <h3 class="news-title">
                                    <a href="{{ route('web.home.news.view', ['id' => $six->id]) }}">{{ $six->news_title }}</a>
                                </h3>
                                <a href="{{ route('web.home.news.view', ['id' => $six->id]) }}" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <!-- Sidebar Column -->
            <div class="col-lg-4">
                <div class="sidebar">
                    <!-- Upcoming Events Widget -->
                    <div class="sidebar-widget">
                        <div class="widget-header">
                            <h3 class="widget-title">Upcoming Events</h3>
                        </div>
                        <div class="widget-content">
                            <ul class="event-list">
                                @foreach ($eventupcoming as $index => $item)
                                <li class="event-item">
                                    <span class="event-number">{{ $index + 1 }}</span>
                                    <a href="{{ route('web.home.event.view', ['id' => $item->id]) }}" class="event-title">{{ $item->event_title }}</a>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                    <!-- Social Media Widget -->
                    <div class="sidebar-widget">
                        <div class="widget-header">
                            <h3 class="widget-title">Stay Connected</h3>
                        </div>
                        <div class="widget-content">
                            <div class="social-links">
                                <a href="#" class="social-link facebook">
                                    <i class="fab fa-facebook-f"></i>
                                    <span class="social-info">
                                        <span class="count">6879 Fans</span>
                                        <span class="action">Like</span>
                                    </span>
                                </a>
                                <a href="#" class="social-link twitter">
                                    <i class="fab fa-twitter"></i>
                                    <span class="social-info">
                                        <span class="count">568 Followers</span>
                                        <span class="action">Follow</span>
                                    </span>
                                </a>
                                <a href="#" class="social-link youtube">
                                    <i class="fab fa-youtube"></i>
                                    <span class="social-info">
                                        <span class="count">5039 Subscribers</span>
                                        <span class="action">Subscribe</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- Tags Widget -->
                    <div class="sidebar-widget">
                        <div class="widget-header">
                            <h3 class="widget-title">Tags</h3>
                        </div>
                        <div class="widget-content">
                            <div class="tags-container">
                                <a href="#" class="tag">Plastics</a>
                                <a href="#" class="tag">American</a>
                                <a href="#" class="tag">Lanka</a>
                                <a href="#" class="tag">Product</a>
                                <a href="#" class="tag">Crafts</a>
                                <a href="#" class="tag">Deals</a>
                                <a href="#" class="tag">News</a>
                                <a href="#" class="tag">Blogs</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

</div>

@endsection