@extends('Bilettm.Layouts.BilettmLayout')
@section('after_styles')
    <link rel="canonical" href="{{$event->event_url}}" />
    <meta property="og:title" content="{{{$event->title}}}" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="{{$event->event_url}}?utm_source=fb" />
    @if($event->images->count())
        <meta property="og:image" content="{{config('attendize.cdn_url_user_assets').'/'.$event->images->first()['image_path']}}" />
    @endif
    <meta property="og:description" content="{{Str::words(strip_tags(Markdown::parse($event->description))), 20}}" />
    <meta property="og:site_name" content="Billetm.com" />
@endsection
@section('content')
    {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('event',$event)}}
    <section style="margin-top: 30px; margin-bottom: 50px">
        <div class="container">
            <div class="row m-0">
                <div class="col-10">
                    <div class="container" style="padding: 0 !important;">
                        <div class="row">
                            <div class="col-12 p-0" style="margin-bottom: 30px">
                                <h2 class="main-title">«{{$event->title}}»</h2>
                                <div class="main-title-bottom-line"></div>
                            </div>
                            <div class="col-12 p-0 it-detail" style="padding-left: 10px !important;">
                                @if($event->images->count())
                                    <img style="width: 450px" class="details-image" alt="{{$event->title}}" src="{{config('attendize.cdn_url_user_assets').'/'.$event->images->first()['image_path']}}" property="image">
                                {{--<img src="assets/assets/img/teator/tall6.png" style="width: 450px" class="details-image">--}}
                                @endif
                                    {!! Markdown::parse($event->description) !!}
                                    <b>{{$event->organiser->name}}</b> @lang("Public_ViewEvent.presents")
                                    @lang("Public_ViewEvent.at")
                                    <span property="location" typeof="Place">
                                        <b property="name">{{$event->venue->venue_name}}</b>
                                        <meta property="address" content="{{ urldecode($event->venue->venue_name) }}">
                                    </span>
                            </div>
                            <div class="col-6 p-0">
                            @include('Bilettm.ViewEvent.Partials.Schedule')
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-2 text-center">

                    @include('Bilettm.ViewEvent.Partials.EventShareButtons')
                    <img src="{{asset('assets/images/advs/adv.png')}}" style="width: 100%">

                </div>
                {{--<div class="col-12 p-0">--}}
                    {{--@include('Bilettm.Partials.EventTags')--}}
                {{--</div>--}}
            </div>
        </div>
    </section>
    <section id="location" class="container p0" style="margin-bottom: 50px">
        <div class="row">
            <div class="col-md-12">

                <div class="google-maps content" id="map" style="height: 250px">

                </div>
            </div>
        </div>
    </section>
@endsection

@section('after_scripts')
<script>
    var map;
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: {{$event->venue->address['latlng']['lat']}}, lng: {{$event->venue->address['latlng']['lng']}}},
            zoom: 8
        });
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key={{config('services.google_places.key')}}&callback=initMap"
        async defer></script>
@endsection