@extends('admin.events.event')

@section('content')
<div class="card mb-5 mb-xl-12">
    <!--begin::Card header-->
    <div class="card-header cursor-pointer">
        <!--begin::Card title-->
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">Event Details</h3>
        </div>
        <!--end::Card title-->
    </div>
    <!--begin::Card header-->
    <!--begin::Card body-->
    <div class="card-body p-9">
        <!--begin::Row-->
        <div class="row mb-7">
            <!--begin::Label-->
            <label class="col-lg-4 fw-bold text-muted">Event Title</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <span class="fw-bolder fs-6 text-gray-800">{{ucfirst($event->title)}}</span>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Input group-->
        <div class="row mb-7">
            <!--begin::Label-->
            <label class="col-lg-4 fw-bold text-muted">Event created by</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8 fv-row">
                <span class="fw-bold text-gray-800 fs-6"><a href="{{route('admin.user' , ['id' => $event->user->id, 'page' => 'overview'])}}">{{ucfirst($event->user->username)}}</a></span>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Input group-->
        <!--begin::Input group-->
        <div class="row mb-7">
            <!--begin::Label-->
            <label class="col-lg-4 fw-bold text-muted">Desription</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-6 fv-row">
                <span class="fw-bold text-gray-800 fs-6">{{$event->description}}</span>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Input group-->
        <!--begin::Input group-->
        <div class="row mb-7">
            <!--begin::Label-->
            <label class="col-lg-4 fw-bold text-muted">Event Date & Time</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-6 fv-row">
                <span class="fw-bold text-gray-800 fs-6">{{date("F j, Y", strtotime($event->event_date))}} at {{$event->event_time}}</span>
            </div>
            <!--end::Col-->
        </div>
         <!--end::Input group-->
        <!--begin::Input group-->
        <div class="row mb-7">
            <!--begin::Label-->
            <label class="col-lg-4 fw-bold text-muted">Location</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8 fv-row">
                <span class="fw-bold text-gray-800 fs-6"><a href="https://www.google.com/maps?q={{$event->latitude}},{{$event->longitude}}" target="_blank">{{$event->location}}</a></span>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Input group-->
    </div>
    <!--end::Card body-->
</div>
@endsection