@extends('frontend.layouts.app')
@section('title', 'Events Details')
@section('content')
    <!-- ============================ header area ============================ -->
    @include('frontend.includes.headers.headerOne')
    <!-- ============================ header area end ============================ -->

    <!-- ==== banner section start ==== -->
    <section class="common-banner">
        <div class="container">
            <div class="row">
                <div class="common-banner__content text-center">
                    <span class="sub-title"><i class="icon-donation"></i>Start donating poor people</span>
                    <h2 class="title-animation">Event Details</h2>
                </div>
            </div>
        </div>
        <div class="banner-bg">
            <img src="{{ asset('assets/images/banner/banner-bg.png') }}" alt="Image">
        </div>
        <div class="shape">
            <img src="{{ asset('assets/images/shape.png') }}" alt="Image">
        </div>
        <div class="sprade" data-aos="zoom-in" data-aos-duration="1000">
            <img src="{{ asset('assets/images/sprade-base.png') }}" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / banner section end ==== -->
    <!-- ==== event details section start ==== -->
    <div class="cm-details">
        <div class="container">
            <div class="row gutter-60">
                <div class="col-12 col-xl-8">
                    <div class="cm-details__content">
                        <div class="cm-details__poster" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <img src="{{ asset('assets/images/event/poster.png') }}" alt="Image">
                        </div>
                        <div class="cm-details-meta">
                            <p><i class="fa-solid fa-calendar-days"></i>02 Apr 2021</p>
                            <p><i class="fa-solid fa-location-dot"></i>684 West College St. Sun City, USA</p>
                        </div>
                        <div class="cm-group cta">
                            <h3 class="title-animation">Give african childrens a good education</h3>
                            <p>Charity and Donation is a categorys that involves giving financial category that involves
                                giving financial or material support various causes organizations. It allows individuals
                                towards the a addressing social category that involves giving financial or material support
                                various causes of organizations. It allows individuals towards addressing social</p>
                        </div>
                        <div class="cm-group cta">
                            <h3 class="title-animation">Summary</h3>
                            <p>Charity and Donation is a categorys that involves giving financial category that involves
                                giving financial or material support various causes organizations. It allows individuals
                                towards the a addressing social category that involves giving financial or material support
                                various causes of organizations. It allows individuals towards addressing social</p>
                            <div class="cm-details__list">
                                <ul>
                                    <li><i class="icon-circle-check"></i>Empower Through Charity</li>
                                    <li><i class="icon-circle-check"></i>Giving Hope, Changing Lives</li>
                                    <li><i class="icon-circle-check"></i>Healing Communities</li>
                                    <li><i class="icon-circle-check"></i>Together We Can</li>
                                    <li><i class="icon-circle-check"></i>Compassion in Action</li>
                                    <li><i class="icon-circle-check"></i>Every Act Counts</li>
                                </ul>
                            </div>
                        </div>
                        <div class="cm-img-group cta">
                            <div class="cm-img-single">
                                <img src="{{ asset('assets/images/event/pp-one.png') }}" alt="Image">
                            </div>
                            <div class="cm-img-single">
                                <img src="{{ asset('assets/images/event/pp-two.png') }}" alt="Image">
                            </div>
                        </div>
                        <div class="cm-event cta">
                            <div class="cm-event-single">
                                <a href="{{ route('home') }}">
                                    <i class="fa-brands fa-facebook-f"></i>
                                    Facebook
                                    <img src="{{ asset('assets/images/shape-sc.png') }}" alt="Image">
                                </a>
                            </div>
                            <div class="cm-event-single">
                                <a href="{{ route('home') }}">
                                    <i class="fa-brands fa-twitter"></i>
                                    Twitter
                                    <img src="{{ asset('assets/images/shape-sc.png') }}" alt="Image">
                                </a>
                            </div>
                            <div class="cm-event-single">
                                <a href="{{ route('home') }}">
                                    <i class="fa-brands fa-pinterest"></i>
                                    Pinterest
                                    <img src="{{ asset('assets/images/shape-sc.png') }}" alt="Image">
                                </a>
                            </div>
                            <div class="cm-event-single">
                                <a href="{{ route('home') }}">
                                    <i class="fa-brands fa-linkedin-in"></i>
                                    Linkedin
                                    <img src="{{ asset('assets/images/shape-sc.png') }}" alt="Image">
                                </a>
                            </div>
                            <div class="cm-event-single">
                                <a href="{{ route('home') }}">
                                    <i class="fa-brands fa-stumbleupon"></i>
                                    Tumblr
                                    <img src="{{ asset('assets/images/shape-sc.png') }}" alt="Image">
                                </a>
                            </div>
                        </div>
                        <div class="cm-map cta">
                            <iframe
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.25280051853!2d-74.14448645698116!3d40.69763123317469!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1731143311697!5m2!1sen!2sbd"
                                style="border:0;" allowfullscreen="" loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                        <div class="blog-comment" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="comment-header mb-40">
                                <h4 class="mt-8 title-animation">03 Comments</h4>
                            </div>
                            <div class="comment-single">
                                <div class="thumb">
                                    <img src="{{ asset('assets/images/author-four.png') }}" alt="Image">
                                </div>
                                <div class="comment-single__content">
                                    <h5>Martha Grey</h5>
                                    <p>Ut sint posse sit, eum sumo diam ea. Liber consectetuer in mei, sea in imperdiet
                                        assueverit
                                        contentiones, an his cib.
                                    </p>
                                    <div class="comment-single__meta">
                                        <button title="like" class="single"><i class="icon-heart"></i> Like</button>
                                        <div class="reply-button">
                                            <button aria-label="reply"><i class="fa-solid fa-reply"></i>Reply</button>
                                        </div>
                                        <p>2 min ago</p>
                                    </div>
                                    <div class="reply-comment">
                                        <form action="#" method="post">
                                            @csrf
                                            <div class="input-group">
                                                </div>
                                                <div class="btn-wrapper">
                                                    <button type="submit" class="btn--secondary">Reply</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="comment-single comment-single-reply">
                                <div class="thumb">
                                    <img src="{{ asset('assets/images/team/one.png') }}" alt="Image">
                                </div>
                                <div class="comment-single__content">
                                    <h5>Jackie Dawson</h5>
                                    <p>Ut sint posse sit, eum sumo diam ea. Liber consectetuer in mei, sea in imperdiet
                                        assueverit
                                        contentiones, an his cib.
                                    </p>
                                    <div class="comment-single__meta">
                                        <button title="like" class="single"><i class="icon-heart"></i> Like</button>
                                        <div class="reply-button">
                                            <button aria-label="reply"><i class="fa-solid fa-reply"></i>Reply</button>
                                        </div>
                                        <p>2 min ago</p>
                                    </div>
                                    <div class="reply-comment">
                                        <form action="#" method="post">
                                            @csrf
                                            <div class="input-group">
                                                <div class="input-single">
                                                    <textarea placeholder="Join the discussion..." required></textarea>
                                                </div>
                                                <div class="btn-wrapper">
                                                    <button type="submit" class="btn--secondary">Reply</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="comment-single">
                                <div class="thumb">
                                    <img src="{{ asset('assets/images/author-two.png') }}" alt="Image">
                                </div>
                                <div class="comment-single__content">
                                    <h5>Hesia Lara</h5>
                                    <p>Ut sint posse sit, eum sumo diam ea. Liber consectetuer in mei, sea in imperdiet
                                        assueverit
                                        contentiones, an his cib.
                                    </p>
                                    <div class="comment-single__meta">
                                        <button title="like" class="single"><i class="icon-heart"></i> Like</button>
                                        <div class="reply-button">
                                            <button aria-label="reply"><i class="fa-solid fa-reply"></i>Reply</button>
                                        </div>
                                        <p>2 min ago</p>
                                    </div>
                                    <div class="reply-comment">
                                        <form action="#" method="post">
                                            @csrf
                                            <div class="input-group">
                                                <div class="input-single">
                                                    <textarea placeholder="Join the discussion..." required></textarea>
                                                </div>
                                                <div class="btn-wrapper">
                                                    <button type="submit" class="btn--secondary">Reply</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="comment__form mt-120" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="100">
                                <div class="comment-header mb-40">
                                    <h4 class="mt-8 fw-6">Leave A Comment</h4>
                                </div>
                                <form action="#" method="post">
                                    @csrf
                                    <div class="form-group">
                                        <div class="input-icon">
                                            <input type="text" required name="comment-name" id="commentName"
                                                placeholder="Your Name">
                                            <i class="fa-solid fa-user"></i>
                                        </div>
                                        <div class="input-icon">
                                            <input type="email" required name="comment-email" id="commentEmail"
                                                placeholder="Enter Email">
                                            <i class="fa-regular fa-envelope"></i>
                                        </div>
                                    </div>
                                    <div class="input-icon input-icon-alt">
                                        <textarea name="comment-message" id="commentMessage" cols="30" rows="10"
                                            placeholder="Type Your Comments..."></textarea>
                                        <i class="fa-regular fa-comments"></i>
                                    </div>
                                    <div class="cta mt-40">
                                        <div class="btn-wrapper">
                                            <button type="submit" class="btn--secondary">Submit
                                                Comment</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-4">
                    <div class="cm-details__sidebar">
                        <div class="cm-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>search here</h5>
                            </div>
                            <form action="#" method="post">
                                @csrf
                                <input type="text" name="search-product" id="searchProduct"
                                    placeholder="Search Here..." required>
                                <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </form>
                        </div>
                        <div class="cm-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>Recent Posts</h5>
                            </div>
                            <div class="cm-sidebar-post">
                                <div class="single-item">
                                    <div class="thumb">
                                        <a href="{{ route('blog.details') }}">
                                            <img src="{{ asset('assets/images/blog/ph-one.png') }}" alt="Image">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <p><i class="fa-solid fa-calendar-days"></i> <span>November 19, 2024</span>
                                        </p>
                                        <p><a href="{{ route('blog.details') }}">Where Innovation Meets Foundation</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="single-item">
                                    <div class="thumb">
                                        <a href="{{ route('blog.details') }}">
                                            <img src="{{ asset('assets/images/blog/ph-two.png') }}" alt="Image">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <p><i class="fa-solid fa-calendar-days"></i> <span>November 19, 2024</span>
                                        </p>
                                        <p><a href="{{ route('blog.details') }}">Where Innovation Meets Foundation</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="single-item">
                                    <div class="thumb">
                                        <a href="{{ route('blog.details') }}">
                                            <img src="{{ asset('assets/images/blog/three.png') }}" alt="Image">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <p><i class="fa-solid fa-calendar-days"></i> <span>November 22, 2024</span>
                                        </p>
                                        <p><a href="{{ route('blog.details') }}">Structures That Stand,
                                                Dreams That Soar</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cm-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>Tags</h5>
                            </div>
                            <div class="tag-wrapper">
                                <a href="{{ route('shop') }}">t-shirt</a>
                                <a href="{{ route('shop') }}">Banner Design</a>
                                <a href="{{ route('shop') }}">Brochures</a>
                                <a href="{{ route('shop') }}">Landing</a>
                                <a href="{{ route('shop') }}">Print</a>
                                <a href="{{ route('shop') }}">Business Card</a>
                            </div>
                        </div>
                        <div class="cm-sidebar-overview" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="100">
                            <div class="cm-logo">
                                <img src="{{ asset('assets/images/event/logo.png') }}" alt="Image">
                            </div>
                            <div class="cm-content">
                                <p>Small Donations Bigger Impact</p>
                                <h4>Education Health
                                    for Every Child
                                </h4>
                            </div>
                            <div class="cm-cta">
                                <a href="{{ route('contact') }}" aria-label="contact us" title="contact us"
                                    class="btn--primary">
                                    Get A Quote <i class="fa-solid fa-arrow-right"></i>
                                </a>
                            </div>
                            <img src="{{ asset('assets/images/event/overview.png') }}" alt="Image" class="parallax-image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==== / event details section end ==== -->

    <!-- ========================== footer area ============================ -->
    @include('frontend.includes.footers.footerOne')
    <!-- ========================== footer area end ============================ -->
@endsection
