@extends('manager.layouts.app')

@section('page_title')
    {{ $page_title ?? 'Event Details' }}
@endsection

@section('content')
    <div class="card mt-3">
        <div class="card-body">
            {{-- Header --}}
            <div class="d-flex justify-content-between">
                <div>
                    <h4 class="card-title mb-0">{{ $data->title }}</h4>
                    <div class="small text-medium-emphasis">
                        {{ $data->is_active ? 'Active' : 'Inactive' }}
                    </div>
                </div>
                <div class="btn-toolbar d-none d-md-block">
                    @can('manager_master-data_news-event-list')
                        <a href="{{ $url ?? '' }}" class="btn btn-sm btn-primary">{{ $url_text ?? 'Back to List' }}</a>
                    @endcan
                </div>
            </div>
            <hr>

            {{-- Event Info --}}
            <div class="row mb-3">
                <div class="col-6">
                    <strong>Start Date:</strong> {{ $data->start_date }}
                </div>
                <div class="col-6">
                    <strong>End Date:</strong> {{ $data->end_date }}
                </div>
            </div>

            <div class="mb-3">
                <strong>Description:</strong>
                <div>{!! $data->description !!}</div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3" id="thumbnail_input">
                    <label class="form-label fw-bold" for="thumbnail">Thumbnail</label>
                    <div class="img-box">
                        <img src="{{ asset('storage/'.$data->thumbnail) }}" class="img-fluid rounded" alt="Event Thumbnail">
                    </div>
                </div>

                <div class="col-md-6 mb-3" id="cover_input">
                    <label class="form-label fw-bold" for="cover_image">Cover Image</label>
                    <div class="img-box">
                        <img src="{{ asset('storage/'.$data->cover_image) }}" class="img-fluid rounded" alt="Event Cover">
                    </div>
                </div>

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