@extends('front.layouts.app')
@section('content')
    <!-- News -->
    <div class=" container">
        <div class="row news-detail">
            <div class="col-md-12 banner-image my-5">
                <div class="our-stories-heading mb-3">
                    <h2>{{ $eventdetail->name }}</h2>
                </div>
                <div class="square">
                    <div class="news-event-banner">
                        @if (isset($eventdetail->image))
                            <img src="{{ URL('/') }}/front/img/news-and-event/{{ $eventdetail->image }}" alt="Logo">
                        @endif
                    </div>
                    <div class="date-detail mt-4">
                        <span>{{ date('d-m-Y', strtotime($eventdetail->date)) }}</span>
                    </div>

                    <p> {!! substr($eventdetail->description, 0) !!} </p>

                </div>

            </div>
            <div class="col-lg-8">
                <!-- POST COMMENTS -->
                <div class="single-post-comments">
                    <!-- Title -->
                    <h5 class="h5-md steelblue-color">{{ $count }} Comments</h5>


                    <!-- COMMENT #1 -->
                    @foreach($comments as $comment)
                    <div class="media mt-4">

                        <!-- Comment-1 Avatar -->
                        <img class="mr-3" src="{{ asset('front/img/download.png') }}" alt="comment-avatar">

                        <div class="media-body">

                            <!-- Comment-1 Meta -->
                            <div class="comment-meta">
                                <h5 class="h5-xs mt-0 steelblue-color">{{ $comment->name}}</h5>
                                <span class="comment-date">{{ $comment->created_at}} </span>
                                {{-- <span class="btn-reply"><a href="#leave-comment" class="internal-link"><i class="fa fa-reply"></i> Reply</a></span> --}}
                            </div>
                            <!-- Comment-1 Text -->
                            <p>{{$comment->message}}
                            </p>
                            <hr>
                        </div>
                    </div> <!-- END COMMENT #1 -->
                    @endforeach
                </div>

                <!-- CONTACT FORM -->
                <div class="inner-content my-3">
                    <h4 class="mt-4">Write down your comment...</h4>
                    {{-- @if (Session::has('success'))
                        <div class="alert alert-success">{{ Session::get('success') }}</div>
                    @endif --}}
                    <form action="{{ route('comment') }}" method="post">
                        @csrf
                        <div class="contact-page mt-2 text-center">
                            <input class="mt-4" name="name" type="text" placeholder="Full Name *">
                            @error('name')
                                <span class="text-danger">{{ $name }}</span>
                            @enderror
                            <input class="mt-4" name="email" type="text" placeholder="Your Email *">
                            @error('email')
                                <span class="text-danger">{{ $email }}</span>
                            @enderror
                            <textarea name="message" name="message" placeholder="Enter Your Comment *" style="height:200px" class="mt-4"></textarea>
                            @error('message')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                            <input name="news_events_id" type="hidden" value="{{ $eventdetail->id }}">
                        </div>
                        <div class="submit-message mt-1 mb-5">
                            <input class="px-5 py-2 text-white" type="submit" value="Submit Your Comment">
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
@endsection