@extends('layouts.app')

@section('title', 'Detalhes de eventos')

@section('content')

    <x-banner title="Eventos" />
    <section>
        <div class="gap">
            <div class="container">
                <div class="event-detail-wrp">
                    <div class="row">
                        <div class="col-md-9 col-sm-12 col-lg-9">
                            <div class="event-detail">
                                <div class="event-detail-img brd-rd5">
                                    <img src="{{ asset('storage/' . $event->image) }}" alt="event-detail-img.jpg" itemprop="image">
                                   <!--  <ul class="countdown text-center">
                                        <li>
                                            <span class="days">28</span>
                                            <p class="days_ref">days</p>
                                        </li>
                                        <li>
                                            <span class="hours">13</span>
                                            <p class="hours_ref">hours</p>
                                        </li>
                                        <li>
                                            <span class="minutes">25</span>
                                            <p class="minutes_ref">min</p>
                                        </li>
                                    </ul> -->
                                </div>

                                <div class="event-detail-inf-inr">
                                    <ul class="pst-mta">
                                        <li><i class="fas fa-map-marker-alt theme-clr"></i>Glasgow, DO4 98GR</li>
                                        <li><i class="far fa-clock theme-clr"></i>04:00 pm - 08:00 pm</li>
                                        <li><i class="far fa-calendar-alt theme-clr"></i>26 Nov, 2024</li>
                                    </ul>
                                </div>

                                <div class="event-detail-desc">
                                    {!! $event->description !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-lg-3">
                            <div class="sidebar-wrp remove-ext7">
                                <div class="wdgt-bx">
                                    <h5 itemprop="headline">Search</h5>
                                    <form class="srch-frm brd-rd5">
                                        <input type="text" placeholder="Search">
                                        <button type="submit" class="theme-clr"><i class="fa fa-search"></i></button>
                                    </form>
                                </div>
                                <div class="wdgt-bx">
                                    <h5 itemprop="headline">Latest Posts</h5>
                                    <div class="ltst-wrp">
                                        <div class="ltst-nws-bx">
                                            <a href="blog-detail.html" title="" itemprop="url"><img src="{{ asset('images/resources/ltst-nws-img2-1.jpg') }}" alt="ltst-nws-img2-1.jpg" itemprop="image"></a>
                                            <div class="ltst-nws-inf">
                                                <h6 itemprop="headline"><a href="blog-detail.html" title="" itemprop="url">Saving Others with own lives non proident</a></h6>
                                                <span><a href="#" title="" itemprop="url"><i class="far fa-calendar-alt theme-clr"></i>Dec 05, 2024</a></span>
                                            </div>
                                        </div>
                                        <div class="ltst-nws-bx">
                                            <a href="blog-detail.html" title="" itemprop="url"><img src="{{ asset('images/resources/ltst-nws-img2-2.jpg') }}" alt="ltst-nws-img2-2.jpg" itemprop="image"></a>
                                            <div class="ltst-nws-inf">
                                                <h6 itemprop="headline"><a href="blog-detail.html" title="" itemprop="url">London Firebrigade Anuual Gallery</a></h6>
                                                <span><a href="#" title="" itemprop="url"><i class="far fa-calendar-alt theme-clr"></i>Nov 09, 2024</a></span>
                                            </div>
                                        </div>
                                        <div class="ltst-nws-bx">
                                            <a href="blog-detail.html" title="" itemprop="url"><img src="{{ asset('images/resources/ltst-nws-img2-3.jpg') }}" alt="ltst-nws-img2-3.jpg" itemprop="image"></a>
                                            <div class="ltst-nws-inf">
                                                <h6 itemprop="headline"><a href="blog-detail.html" title="" itemprop="url">Florida Fires Massive Desturctions</a></h6>
                                                <span><a href="#" title="" itemprop="url"><i class="far fa-calendar-alt theme-clr"></i>Sep 29, 2024</a></span>
                                            </div>
                                        </div>
                                        <div class="ltst-nws-bx">
                                            <a href="blog-detail.html" title="" itemprop="url"><img src="{{ asset('images/resources/ltst-nws-img2-4.jpg') }}" alt="ltst-nws-img2-4.jpg" itemprop="image"></a>
                                            <div class="ltst-nws-inf">
                                                <h6 itemprop="headline"><a href="blog-detail.html" title="" itemprop="url">Carrier Train On Fire In Nelsak</a></h6>
                                                <span><a href="#" title="" itemprop="url"><i class="far fa-calendar-alt theme-clr"></i>August 10, 2024</a></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="wdgt-bx">
                                    <h5 itemprop="headline">Follow us</h5>
                                    <div class="scl4">
                                        <a class="twitter" href="#" title="Twitter" itemprop="url" target="_blank"><i class="fab fa-twitter"></i></a>
                                        <a class="facebook" href="#" title="Facebook" itemprop="url" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                        <a class="linkedin" href="#" title="Linkedin" itemprop="url" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                                        <a class="google" href="#" title="Google Plus" itemprop="url" target="_blank"><i class="fab fa-google-plus-g"></i></a>
                                    </div>
                                </div>
                            </div><!-- Sidebar Wrap -->
                        </div>
                    </div>
                </div><!-- Event Detail Wrap -->
            </div>
        </div>
    </section>

@endsection