@extends('inc.app')
@section('content')
@include('inc.nav')
@include('inc.nav-mobile')

<div>
    <img src="images/banners/desktop-agenda.webp" srcset="images/banners/desktop-agenda.jpg"
        class="w-100 img-fluid d-none d-sm-block" />
    <img src="images/banners/mobile/mobile-agenda.jpg" srcset="images/banners/mobile/mobile-agenda.jpg"
        class="w-100 img-fluid d-sm-none" />
</div>


<section class="gb nopadtop">
    <div class="container">
        <div class="boxed boxedp4">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1>{{$event->event_name}}</h1>
                </div><!-- end title -->
            </div>
            <div class="row mb-5">
                <div class="container py-md-5 py-sm-2">
                    @foreach($days as $key => $day)
                    @php
                    $date = date_format(date_create_from_format('Y-m-d', $day->day), 'l, F d, Y');
                    @endphp
                    <div class="row">
                        <div class="col-12 py-2 d-md-none">
                            <span class="title agenda-title font-weight-bold text-uppercase">Day {{$key + 1}} | {{$date}}</span><br>
                            <span>{{$day->title}}</span>
                            @foreach($day->agendas as $agenda)
                            <div class="pb-3">
                                @php
                                $from = date_format(date_create_from_format('H:i:s', $agenda->from), 'h:i A');
                                $to = date_format(date_create_from_format('H:i:s', $agenda->to), 'h:i A');
                                @endphp
                            </div>
                            <div class="card agenda-card shadow">
                                <div class="card-body">
                                    <table width="100%">
                                        <tbody>
                                            <tr>
                                                <td>Time</td>
                                                <td>{{$from}} -
                                                @if($to == '12:00 AM')
                                                    onwards
                                                @else
                                                    {{$to}}
                                                @endif
                                            </td>
                                            </tr>
                                            <tr>
                                                <td>Event</td>
                                                <td>{!! $agenda->event !!}</td>
                                            </tr>
                                            <tr>
                                                <td>Venue</td>
                                                <td>{{$agenda->venue}}</td>
                                            </tr>
                                            <tr>
                                                <td>Dress Code</td>
                                                <td>{{$agenda->dress}}</td>
                                            </tr>
                                            <tr>
                                                <td>Sponsor</td>
                                                <td>
                                                    @if($agenda->sponsor != "")
                                                    <img src="{{asset('img/agenda-sponsors/'.$agenda->sponsor)}}"
                                                        class="img-fluid agenda-sponsor">
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        <div class="col-12 text-left pt-3 d-none d-md-block">
                            <div class="bg-white shadow px-2 pt-5 pb-3">
                                <div class="row">
                                    <div class="col-12 pb-3 text-center">
                                        <span class="title agenda-title font-weight-bold text-uppercase">Day {{$key + 1}} | {{$date}}</span><br>
                                        <span>{{$day->title}}</span>
                                    </div>
                                </div>
                                <table class="table agenda-table">
                                    <thead>
                                        <tr>
                                            <th scope="col">Time</th>
                                            <th scope="col">Event</th>
                                            <th scope="col">Venue</th>
                                            <th scope="col">Dress Code</th>
                                            <th scope="col" class="text-center">Sponsor</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($day->agendas as $agenda)
                                        @php
                                        $from = date_format(date_create_from_format('H:i:s', $agenda->from), 'h:i A');
                                        $to = date_format(date_create_from_format('H:i:s', $agenda->to), 'h:i A');
                                        @endphp
                                        <tr>
                                            <td>{{$from}} -
                                                @if($to == '12:00 AM')
                                                    onwards
                                                @else
                                                    {{$to}}
                                                @endif
                                            </td>
                                            <td>{!! $agenda->event !!}</td>
                                            <td>{{$agenda->venue}}</td>
                                            <td>{{$agenda->dress}}</td>
                                            <td class="text-center">
                                                @if($agenda->sponsor != "")
                                                <img src="{{asset('img/agenda-sponsors/' . $agenda->sponsor)}}"
                                                    class="img-fluid agenda-sponsor">
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

        </div><!-- end container -->
    </div>
</section>


@include('common.newsletter')
@endsection