@extends('admin.layouts.app')
@section('content')
<section class="forms view-content-sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value text-md-center">
                                <img src="{!! $event->image_url !!}" class="img-fluid" style="width:500px; height:300px">
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Title</label>
                                    {!! $event->name !!}
                                </div>
                            </div>
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Slug</label>
                                    {!! $event->slug !!}
                                </div>
                            </div>
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Categories</label>
                                    {!! $event->categories_name ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Video Embed URL</label>
                                    {!! $event->video_link ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Chat Embed URL</label>
                                    {!! $event->chat_embed_url ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Embed</label>
                                    {{ $event->elexio_form_embed_code ?? "" }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Elexio Group ID</label>
                                    {{ displayElexioGroupIds($event->elexio_group_id) ?? "" }}
                                </div>
                            </div>

                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Eventbrite ID</label>
                                    {{ $event->eventbrite_id ?? "" }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Description</label>
                                    {!! $event->description ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Type</label>
                                    {!! $event->type ?? "" !!}
                                </div>
                            </div>
                            @if(in_array("Online",$event->typearr))
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Content</label>
                                    @if(isset($event->content->name)) <a href="{!! route('admin.content.view',$event->content->id) !!}" target="_blank">{!! $event->content->name !!}</a> @endif
                                </div>
                            </div>
                            @endif
                            @if(in_array("In Person",$event->typearr))
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Location</label>
                                    {!! $event->location ?? "" !!}
                                </div>
                            </div>
                            @endif
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Started At</label>
                                    @if($event->start_date_time)
                                    {!! convertUtcToLocal($event->start_date_time,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                    @endif
                                </div>
                            </div>
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Ended At</label>
                                    @if($event->end_date_time)
                                    {!! convertUtcToLocal($event->end_date_time,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Notes</label>
                                    {!! $event->notes ?? "" !!}
                                </div>
                            </div>
                        </div>

                        @if($event->video_link)
                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Video</label>
                                    <iframe src="{!! $event->video_link !!}" frameborder="0" allowfullscreen autoplay type="text/html"></iframe>
                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <label class="form-control-label">Books / Products</label>
                                @if($event->products()->count() > 0)
                                <div class="row box">
                                    @foreach($event->products as $products)
                                    @php $rand = rand(999999,1); @endphp
                                    <div class='col-sm-3 divProduct'>
                                        <p><img src='{!! $products->image !!}' style='width:100px;height:100px'></p>
                                        <p><a href="{!! $products->link !!}" target="_blank">{!! $products->name !!}</a></p>
                                        <p>{!! $products->price !!}</p>
                                    </div>
                                    @endforeach
                                </div>
                                @endif
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Is hide end date & time?</label>
                                    @if($event->is_hide_end_date_time) Yes @else No @endif
                                </div>
                            </div>
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Is Private?</label>
                                    @if($event->is_private) Yes @else No @endif
                                </div>
                            </div>
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Status</label>
                                    @if($event->is_active) Active @else Inactive @endif
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Created At</label>
                                    {!! convertUtcToLocal($event->created_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Created By</label>
                                    {!! @$event->createdBy->name !!}
                                </div>
                            </div>
                        </div>

                        @if($event->updated_by != "")
                        <div class="form-group row">
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Last Updated At</label>
                                    {!! convertUtcToLocal($event->updated_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                            <div class="col-sm-6 form-control-value">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Last Updated By</label>
                                    {!! @$event->updatedBy->name !!}
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="card-body">
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <button type="button" onclick="window.location.href='{!! route('admin.event.index') !!}';" class="btn btn-secondary">Back</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection