@extends('layouts.front_app')
@section('content')
    <!-- Main Hero Section -->
    <section class="inner-page">
        <div class="container">
            <h2 class="heading">Events Detail</h2>
        </div>
    </section>
    <!-- ! Main Hero Section -->

    <!-- eventsDetail-sec -->
    <section class="eventsDetail-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="eventsDetail-img">
                        <figure>
                            <img src="{{asset('images/show1.png')}}" class="imng-fluid object-fit" alt="">
                        </figure>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="eventsDetail-content showcard">
                        <span>MONDAY, AUG 28</span>
                        <h4>Lorem Ipsum simply and industry.</h4>
                        <ul>
                            <li><i class="fas fa-clock"></i>7:00 PM</li>
                            <li><i class="fas fa-map-marker-alt"></i>Little Boy</li>
                            <li><i class="fas fa-ticket-alt"></i>General admission</li>
                        </ul>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto blanditiis
                            cumque facilis harum libero maiores molestias nulla officiis quam sed sequi, vel veniam?
                            Aliquid illum impedit iusto, molestiae nobis repellat voluptatem! Eos est illum neque ullam
                            voluptates! Aliquid autem deleniti dolor dolorem hic quisquam repudiandae, voluptates!
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto blanditiis
                            cumque facilis harum libero maiores molestias nulla officiis quam sed sequi, vel veniam?
                            Aliquid.
                        </p>
                        <a href="javascript:;" class="themeBtn">Buy Ticket</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="commentSec">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="commentContent">
                        <h3 class="heading">03 Comments</h3>
                        <div class="commentCard">
                            <div class="commentCard-head">
                                <img src="{{asset('images/show1.png')}}" alt="" class="img-fluid object-fit">
                                <div class="commentCard-title">
                                    <h4>dulce mac</h4>
                                    <h6>MONDAY, AUG 28</h6>
                                </div>
                            </div>
                            <div class="commentCard-content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, dolor id iste itaque
                                    labore laborum magni molestiae neque obcaecati perspiciatis, recusandae
                                    reprehenderit voluptatum? Debitis ea harum iusto non repellendus, voluptatem.
                                </p>
                            </div>
                            <div class="commentCard-btn">
                                <a href="javascritp:void(0)">Reply <span><i class="fa fa-reply-all"></i></span></a>
                            </div>
                            <div class="commentCard commentCard-inner">
                                <div class="commentCard-head">
                                    <img src="{{asset('images/show1.png')}}" alt="" class="img-fluid object-fit">
                                    <div class="commentCard-title">
                                        <h4>dulce mac</h4>
                                        <h6>MONDAY, AUG 28</h6>
                                    </div>
                                </div>
                                <div class="commentCard-content">
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, dolor id iste
                                        itaque
                                        labore laborum magni molestiae neque obcaecati perspiciatis, recusandae
                                        reprehenderit voluptatum? Debitis ea harum iusto non repellendus, voluptatem.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="commentCard">
                            <div class="commentCard-head">
                                <img src="{{asset('images/show1.png')}}" alt="" class="img-fluid object-fit">
                                <div class="commentCard-title">
                                    <h4>dulce mac</h4>
                                    <h6>MONDAY, AUG 28</h6>
                                </div>
                            </div>
                            <div class="commentCard-content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, dolor id iste itaque
                                    labore laborum magni molestiae neque obcaecati perspiciatis, recusandae
                                    reprehenderit voluptatum? Debitis ea harum iusto non repellendus, voluptatem.
                                </p>
                            </div>
                            <div class="commentCard-btn">
                                <a href="javascritp:void(0)">Reply <span><i class="fa fa-reply-all"></i></span></a>
                            </div>
                        </div>
                        <div class="commentCard">
                            <div class="commentCard-head">
                                <img src="{{asset('images/show1.png')}}" alt="" class="img-fluid object-fit">
                                <div class="commentCard-title">
                                    <h4>dulce mac</h4>
                                    <h6>MONDAY, AUG 28</h6>
                                </div>
                            </div>
                            <div class="commentCard-content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, dolor id iste itaque
                                    labore laborum magni molestiae neque obcaecati perspiciatis, recusandae
                                    reprehenderit voluptatum? Debitis ea harum iusto non repellendus, voluptatem.
                                </p>
                            </div>
                            <div class="commentCard-btn">
                                <a href="javascritp:void(0)">Reply <span><i class="fa fa-reply-all"></i></span></a>
                            </div>
                        </div>
                        <div class="commentForm mt-5">
                            <h3 class="heading">Post your comment</h3>
                            <form action="" class="signupForm">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Title</label>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Rating</label>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Comment</label>
                                            <textarea cols="12" rows="6" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="formdata d-block text-left">
                                            <button class="btn themeBtn mt-2">POST COMMENT</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ! Upcoming Show Section -->
@endsection