@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="event-details">
                <div class="d-flex justify-content-between">
                    <h3 class="mb-3">Event Details</h3>

                    @auth
                        @if (Auth::user()->type === \App\Enum\UserType::ORGANIZER->value && $event->organizer_id === Auth::id())
                            <a href="/events/edit/{{ $event->slug }}">
                                <button type="button" class="btn btn-primary">Edit Event</button>
                            </a>
                        @endif
                    @endauth
                </div>
                <table class="table">
                    <thead>
                    <tr>
                        <th scope="col">Property</th>
                        <th scope="col">Value</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><strong>Title</strong></td>
                        <td>{{ $event->title }}</td>
                    </tr>
                    <tr>
                        <td><strong>Date</strong></td>
                        <td>{{ $event->event_date->isoFormat('dddd, MMMM Do Y') }}</td>
                    </tr>
                    <tr>
                        <td><strong>City</strong></td>
                        <td>{{ $event->city }}</td>
                    </tr>
                    <tr>
                        <td><strong>Country</strong></td>
                        <td>{{ $event->country }}</td>
                    </tr>
                    <tr>
                        <td><strong>Starting Time</strong></td>
                        <td>{{ $event->start_time->isoFormat('H:mm') }}</td>
                    </tr>
                    <tr>
                        <td><strong>Ending Time</strong></td>
                        <td>{{ $event->end_time->isoFormat('H:mm') }}</td>
                    </tr>
                    <tr>
                        <td><strong>Event Type</strong></td>
                        <td>{{ $event->event_type->name }}</td>
                    </tr>
                    <tr>
                        <td><strong>Description</strong></td>
                        <td>{{ $event->description }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        @if(Auth::user()->type === \App\Enum\UserType::ORGANIZER->value)
            <div class="row justify-content-center">
                <div class="offers">
                    <h3 class="mb-3 mt-5">Offers for this event</h3>
                    <table class="table">
                        <thead>
                        <tr>
                            <th><strong>Artist Name</strong></th>
                            <th><strong>Current Offer Price (USD)</strong></th>
                            <th><strong>Status</strong></th>
                            <th><strong>Options</strong></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($event->offers as $eventOffer)
                            <tr>
                                <!-- DB MAGIC WHEN RELATIONSHIPS ARE DONE AS IT SHOULD -->
                                <td>{{ $eventOffer->artist->user->name }}</td>
                                <td>
                                    @if($eventOffer->price != null)
                                        @currency($eventOffer->price)
                                    @else
                                        Not yet defined
                                    @endif
                                </td>
                                @if($eventOffer->status === \App\Enum\OfferStatus::IN_PROGRESS->value)
                                    <td><p class="badge bg-warning">In Progress</p></td>
                                @elseif($eventOffer->status === \App\Enum\OfferStatus::COMPLETED->value)
                                    <td><p class="badge bg-success">Completed</p></td>
                                @elseif($eventOffer->status === \App\Enum\OfferStatus::DECLINED->value)
                                    <td><p class="badge bg-danger">Declined</p></td>
                                @elseif($eventOffer->status === \App\Enum\OfferStatus::WAITING_FOR_PAYMENT->value)
                                    <td><p class="badge bg-info text-dark">Waiting for payment</p></td>
                                @endif
                                <td>
                                    <a href="/offers/{{ $eventOffer->slug }}">
                                        <button type="button" class="btn btn-primary">Manage Offer</button>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection