@extends('web.layouts.container')
@section('content')
    <section class="event-det section">
        <div class="container">
            <div class="main_event">
                <div class="img">
                    <img src="{{asset($event->image)}}" alt="">
                </div>
                <div class="data_box wow left_to_right_apperance">
                    <div class="row">
                        <div class="col-6">
                            <p class="data_item">
                                <i class="bi bi-geo me-2"></i> <b>{{__('events.location')}}: </b> {{$event->cityName}}
                            </p>
                            <p class="data_item">
                                <i class="bi bi-clock me-2"></i> <b>{{__('events.time')}}: </b> {{date('h:i', strtotime($event->event_time))}}
                            </p>
                        </div>
                        <div class="col-6">
                            <p class="data_item ">
                                <i class="bi bi-calendar me-2"></i><b>{{__('events.date')}}: </b>  {{date('d M Y', strtotime($event->event_date))}}
                            </p>
                            <p class="data_item">
                                <i class="bi bi-people me-2"></i><b>{{__('events.people')}}: </b> {{$event->attends_numbers}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="text-box">
                        <h5 class="subtitle color-primary">
                            <img src="{{asset('assets/web/images/icons/event.svg')}}" alt="" class="icon-15 me-2 filterPrimary"/> Event name
                        </h5>
                        <h1 class="title mt-4 mb-4 color-secondary">
                            {{$event->name}}
                        </h1>
                        <p class="det">
                            {!! $event->description !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection