@extends('site.master')
@section('main-content')

<div class="banner-section" style="background: url('https://demo.xpeedstudio.com/evenex/home-main/wp-content/themes/evenex/assets/images/banner/bg_banner.png')">
    <div class="hr-content">
        <div class="container">
            <h2 class="d-flx text-bold text-white">{{$detail->title}}</h2>
        </div>
        
    </div>
</div>
<div class="clearfix"></div>
<div class="container">
    <div class="row">
        <div class="col-8">
            <div class="d-main">
                <div class="dtail-image">
                    @php
                        $currentDate = date('Y-m-d');
                    @endphp
                    @if(!empty($detail->image))
                        <img src="{{asset($detail->image)}}" alt="">
                    @endif
                </div>
                <div class="dtail-meta">
                    <span>Event data:{{$detail->published_date}}</span>
                    <div>
                        <span>Event register date start:{{$detail->event_register_start}}</span><br>
                        <span>Event register date end:{{$detail->event_register_end}}</span><br>
                        @if(($currentDate>=$detail->event_register_start) && ($currentDate<=$detail->event_register_end))
                        <a href="{{route('registration',$detail->id)}}" type="button" target="_blank" class="btn btn-success btn-fill btn-sm">register</a>
                        @endif
                    </div>
                </div>
                <div class="dtail-content text-justify">
                    {!! $detail->description !!}
                </div>
                @if(!empty($detail->file))
                <a class="btn btn-primary" href="{{asset($detail->file)}}" role="button" download>Download</a>
                @endif
            </div>
            
        </div>
        <div class="col-4">
            <aside>
                <div class="serch-"></div>
            </aside>
            @include('site.sidebar.sidebar')
        </div>
    </div>
</div>



@endsection