@extends('frontend.layout.master')
@section('content')
<div class="container py-5">
    <div id="main" class="container my-4 w-75">
        <h1 class="fs-1 fw-bold mt-5 py-5">Events</h1>
        <hr class="w-50 text-dark">
        <!--<div class="row">-->
        <!--    <div class="col bg-light  col py-5 mt-5 shadow rounded-3">-->
        <!--        <h3 class="cancel d-flex align-items-center">-->
        <!--            Latest Update-->
        <!--            <a href="#" class="ms-2">-->
        <!--                <img alt="RSS" src="https://www.eizoglobal.com/common/images/icon/rss12x12.gif">-->
        <!--            </a>-->
        <!--        </h3>-->
        <!--        <dl class="row pt-3">-->
        <!--            @foreach($events as $key => $event)-->
        <!--                <dt class="col-sm-3">{{$event->event_date}}</dt>-->
        <!--                <dd class="col-sm-9"><a href="#section{{$key}}">{{ app()->getLocale() == 'en' ? $event->name : $event->namear}}</a></dd>-->
        <!--            @endforeach-->
        <!--        </dl>-->
        <!--    </div>-->
        <!--</div>-->
        @foreach($events as $key => $event)
            <div id="section{{$key}}" class="my-4">
                <div class="text-center">
                    <a href="{{$event->url}}" target="_blank">
                        <img alt="{{$event->name}}" src="{{asset('uploads/event/'.$event->image)}}" class="img-fluid my-5" >
                    </a>
                </div>
                <table class="table table-bordered">
                    <tbody>
                            <tr>
                                <th scope="row" style="width: 20%;">Exhibition</th>
                                <td><a href="{{$event->url}}" target="_blank">{{ app()->getLocale() == 'en' ? $event->name : $event->namear }}</a></td>
                            </tr>
                            <tr>
                                <th scope="row">Date</th>
                                <td>{{$event->event_date}}</td>
                            </tr>
                            <tr>
                                <th scope="row">Location</th>
                                <td>{{$event->location}}</td>
                            </tr>
                            <tr>
                                <th scope="row">Booth</th>
                                <td>{{$event->booth}}</td>
                            </tr>
                        <tr>
                            <th scope="row">Exhibits</th>
                            <td>
                                {!! $event->exhibits !!}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        @endforeach
    </div>
</div>
@endsection
@push('custom-css')
@endpush
@push('custom-script')
@endpush