@extends('layouts.app')

@section('content')
<div class="container py-4">
    <h2>{{ $techEvent->title }}</h2>

    <p>
        <strong>Date:</strong> {{ \Carbon\Carbon::parse($techEvent->start_date)->format('M d, Y') }}
        @if($techEvent->end_date && $techEvent->end_date != $techEvent->start_date)
            - {{ \Carbon\Carbon::parse($techEvent->end_date)->format('M d, Y') }}
        @endif
    </p>

    <p><strong>Time:</strong> {{ $techEvent->event_time ?? '-' }}</p>
    <p><strong>Location:</strong> {{ $techEvent->location ?? '-' }}</p>
    <p>{{ $techEvent->description }}</p>

    <hr>
    <h5>Related Events</h5>
    <div class="row">
        @foreach($relatedEvents as $event)
            <div class="col-md-6 mb-3">
                <div class="card p-2">
                    <h6>{{ $event->title }}</h6>
                    <small class="text-muted">
                        {{ \Carbon\Carbon::parse($event->start_date)->format('M d, Y') }}
                        @if($event->end_date && $event->end_date != $event->start_date)
                            - {{ \Carbon\Carbon::parse($event->end_date)->format('M d, Y') }}
                        @endif
                    </small>
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection