@extends('layouts.master')
@section('content')

    <section class="our-events-details">
        <div class="container-fluid">
            <div class="bar-title">
                <h5>
                    <a href=""><img src="img/leap-white.png" alt="" />
                        <span>EVENTS DETAILS </span>
                    </a>
                </h5>
            </div>
            
            <div>
                <img src="{{url('public/images/soty.png')}}" alt="image not found"
                    style="width:100%; height:50%;" />
            </div>
            
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="titile">
                        <h4>{{ $event->event_category }}</h4>
                    </div>
                </div>
            </div>
            
            <div class="row g-3">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="events-information">
                        <div class="image-section">
                            <img src="{{ URL::to('public/images/' . $event->image) }}" alt="{{ $event->title }}">
                        </div>
                        <div class="text-section">
                            <h1>{{ $event->session['title'] }}</h1>
                            
                            {!! $event->descriptions !!}
                    
                            <div class="registration-box">
                                <div class="reg-text">
                                    <strong>Registration Started From:</strong><br>
                                    <span>Friday, 25 April, 2025</span>
                                </div>
                                @if($event->event_category == "running")
                                <a href="{{URL::to('/registration/')}}" class="register-btn">Register Now</a>
                                @else
                                <a href="#" class="register-btn">Register Now</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('footer')
    @include('layouts.footer')
@endsection