@extends('front.layouts.base')

@section('content')

<div class="page-title-area title-bg-three">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-content">
                        <h2>{{ __('Détails événement') }}</h2>
                        <ul>
                            <li>
                                <a href="{{ route('home') }}">Home</a>
                            </li>
                            <li>
                                <span>{{ __('Détails événement') }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="property-details-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="details-item">
                        <div class="common-img-details">
                            <h2>{{ __($event->name) }}</h2>
                            <ul>
                                <li>
                                    <i class='bx bx-calendar'></i>
                                    {{ $event->formatted_happened_at }}
                                </li>
                            </ul>
                        </div>
                        <div class="property-details-slider owl-theme owl-carousel">
                            @foreach($event->images as $image)
                            <div class="slider-item">
                                <img src="{{ asset($image->path) }}" alt="event">
                            </div>
                            @endforeach
                        </div>
                        <p> {{ $event->name }} </p>
                        {{--<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
                            galley of type and scrambled it to make a type specimen book. It has survived not only five
                            centuries, but also the leap into electronic typesetting, remaining essentially unchanged
                        </p>--}}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget-area">
                        <div class="popular widget-item">
                            <h3>{{ __('Evénements') }}</h3>
                            @foreach($random_events as $random_event)
                            <div class="inner">
                                <ul class="align-items-center">
                                    <li>
                                        <img src="{{ asset($random_event->images->first()->path) }}" alt="Details" style="width: 100px;">
                                    </li>
                                    <li>
                                        <h4>
                                            <a href="{{ route('client.events.show', ['id' => $random_event->id]) }}">{{ $random_event->name }}</a>
                                        </h4>
                                    </li>
                                </ul>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection