@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')

        <div class="card main_card">
            <div class="row g-0">
                <div class="col-md-4 border-end">
                    <img src="{{$public_event->image_relative_path}}" class="img-fluid" style="width: 100%;height: 100%" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h4 class="card-title">{{$public_event->name}}</h4>
                        <p>{{trans('guest/public_events.event_description', ['event_name' => $public_event->name,'host_name'=>$public_event->host_name])}}</p>
                        <div class="d-flex gap-3 py-3">
                            <div class="text-success"><i class='bx bx-user align-middle'></i>{{trans('guest/public_events.subscribers_count', ['count' => '14'])}}</div>
                        </div>
                        <dl class="row">
                            <dt class="col-sm-3"><i class='bx bxs-map font-18 align-middle me-1'></i> {{__('guest/public_events.host_name')}} :</dt>
                            <dd class="col-sm-9">{{$public_event->host_name}}</dd>
                            <hr>
                            <dt class="col-sm-3"><i class='bx bxs-map font-18 align-middle me-1'></i> {{__('guest/public_events.event_takes_place_in')}} :</dt>
                            <dd class="col-sm-9">{{$public_event->location}}</dd>
                            <hr>
                            <dt class="col-sm-3"><i class='bx bx-time font-18 align-middle me-1'></i>{{__('guest/public_events.event_start_at')}} :</dt>
                            <dd class="col-sm-9">{{humanDateTime($public_event->start_date)}}</dd>
                            <hr>
                            <dt class="col-sm-3"><i class='bx bxs-time font-18 align-middle me-1' ></i>{{__('guest/public_events.event_end_in')}} :</dt>
                            <dd class="col-sm-9">{{humanDateTime($public_event->end_date)}}</dd>
                        </dl>
                        <hr>
                        <div class="d-flex gap-3 mt-3">
                            <form method="POST" action="{{ route('visitor.public-events.subscribeEvent') }}" id="subscribeForm_{{$public_event->id}}" style="display: none;">
                                @csrf
                                <input type="hidden" name="event_id" value="{{$public_event->id}}">
                            </form>
                            @if($public_event->isSubscribe)
                                <button type="button" class="btn btn-sm btn-light card-link disabled">{{__('guest/public_events.subscribed')}}</button>
                            @else
                                <button type="button" class="btn btn-sm primary card-link" onclick="submitSubscribeForm('subscribeForm_{{$public_event->id}}');">{{ __('guest/public_events.subscribe') }}</button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <script>
            function submitSubscribeForm(form_id) {
                console.log(form_id)
                document.getElementById(form_id).submit();
            }
        </script>

    </div>
</div>
@endsection