@extends('dashboard.layouts.master')
@section('title', __('backend.view_event_details'))

@section('content')
    <link href="{{ asset('assets/dashboard/css/select2.min.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">

    <div class="padding list-school">
        <div class="box">
            <div class="box-header m-b-2">
                <div class="box-header-left">
                    <h3>{{ __('backend.view_event_details') }}</h3>
                    <small>
                        <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> /
                        <a href="{{ route('event') }}">{{ __('backend.event_management') }}</a> /
                        {{ __('backend.view_event_details') }}
                    </small>
                </div>
            </div>

            <div class="box nav-active-border b-info">
                <div class="tab-content clear">
                    <div class="tab-pane active" id="tab_details">
                        <div class="box-body">

                            <h4 class="m-b-md">{{ __('backend.event_information') }}</h4>
                            <table class="table table-bordered m-a-0 m-b-md">
                                <tr>
                                    <th style="width: 25%">{{ __('backend.event_name') }}</th>
                                    <td>{{ $event->title ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.category') }}</th>
                                    <td>{{ optional($event->category)->name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.location') }}</th>
                                    <td>{{ $event->address ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.event_start_date_time') }}</th>
                                    <td>{{ !empty($event->event_start) ? \Helper::converttimeTozone($event->event_start) : '-' }}</td>
                                </tr>

                                <tr>
                                    <th>{{ __('backend.event_end_date_time') }}</th>
                                    <td>{{ !empty($event->event_end) ? \Helper::converttimeTozone($event->event_end) : '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.approval_status') }}</th>
                                    <td>
                                        @if ((int) $event->approval_status === 0)
                                            <div style="display:flex; gap:10px; flex-wrap:wrap;">
                                                <span class="btn btn-warning" style="pointer-events:none;">Pending</span>

                                                <form id="approveForm" action="{{ route('event.approve_reject') }}"
                                                    method="POST" style="display:inline-block; margin:0;">
                                                    @csrf
                                                    <input type="hidden" name="event_id" value="{{ $event->id }}">
                                                    <input type="hidden" name="action" value="approve">
                                                    <button type="button" class="btn btn-success"
                                                        onclick="confirmApprove()">Approve</button>
                                                </form>

                                                <button type="button" class="btn btn-danger" id="openRejectModal">
                                                    {{ __('backend.reject') }}
                                                </button>
                                            </div>
                                        @elseif ((int) $event->approval_status === 1)
                                            <span class="text-success">Approved</span>
                                            @elseif ((int) $event->approval_status === 2)

                                            <span class="text-danger">Rejected</span>

                                            @if (!empty($event->reject_reason))
                                                <div>
                                                    <strong>{{ __('backend.reason') }}:</strong>
                                                    {{ $event->reject_reason }}
                                                </div>
                                            @endif

                                            @else
                                            <span class="btn btn-secondary" style="pointer-events:none;">-</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>

                            <h4 class="m-b-md">{{ __('backend.business_information') }}</h4>
                            <table class="table table-bordered m-a-0 m-b-md">
                                <tr>
                                    <th style="width: 25%">{{ __('backend.business_name') }}</th>
                                    <td>{{ optional($event->business)->business_name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.owner_name') }}</th>
                                    <td>{{ optional($event->business)->owner_name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.email_address') }}</th>
                                    <td>{{ optional($event->business)->business_email ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.phone_number') }}</th>
                                    <td>{{ optional($event->business)->business_phone ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.website') }}</th>
                                    <td>
                                        @if (!empty(optional($event->business)->website_url))
                                            <a href="{{ $event->business->website_url }}" target="_blank"
                                                rel="noopener noreferrer">
                                                {{ $event->business->website_url }}
                                            </a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                </tr>
                            </table>

                            @if (!empty($event->main_image))
                                <h4 class="m-t-md m-b-md">Event Banner</h4>

                                @php
                                    $bannerUrl = Storage::disk('s3')->url($event->main_image);
                                @endphp

                                <div class="row m-b-md">
                                    <div class="col-md-12">
                                        <a href="{{ $bannerUrl }}" target="_blank" style="display: block;">
                                            <img src="{{ $bannerUrl }}" alt="Event Banner"
                                                class="img-responsive thumbnail"
                                                style="height:100%; width:100%;object-fit:cover;border-radius: 8px; max-width: 600px;">
                                        </a>
                                    </div>
                                </div>
                            @endif


                            @if ($event->images && count($event->images) > 0)
                                <h4 class="m-t-md m-b-md">Event Images</h4>

                                <div class="row">
                                    @foreach ($event->images as $image)
                                        @php
                                            $imageUrl = !empty($image->image)
                                                ? Storage::disk('s3')->url($image->image)
                                                : asset('assets/dashboard/images/profile.jpg');
                                        @endphp

                                        <div class="col-md-3 m-b-md">
                                            <a href="{{ $imageUrl }}" target="_blank" class="event-bluk-images" style="display: block;">

                                                <img src="{{ $imageUrl }}" alt="Event Image"
                                                    class="img-responsive thumbnail"
                                                    style="max-height:232px;height:100%; width:100%;object-fit:cover; border-radius: 8px;">

                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            @endif

                        </div>
                    </div>

                    <div class="row m-t-md">
                        <div class="col-lg-12 col-md-12">
                            <div class="form-group">
                                <a href="{{ route('event') }}" class="border-btn">
                                    {{ __('backend.cancel') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="rejectModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('event.approve_reject') }}" method="POST" id="rejectForm">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('backend.reject_event') }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" name="event_id" value="{{ $event->id }}">
                        <input type="hidden" name="action" value="reject">

                        <div class="form-group">
                            <label for="reject_reason">{{ __('backend.reason_for_rejection') }}</label>
                            <textarea class="form-control" name="reject_reason" id="reject_reason" rows="3" required></textarea>
                        </div>

                        <p>An email will be sent to the owner detailing the rejection.</p>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"
                            data-dismiss="modal">{{ __('backend.close') }}</button>
                        <button type="submit" class="btn btn-danger">{{ __('backend.confirm_reject') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('after-scripts')
    <script src="{{ asset('assets/dashboard/js/jquery.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

    <script>
        function confirmApprove() {
            swal({
                title: "Are you sure?",
                text: "Are you sure you want to approve this event?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#28a745",
                confirmButtonText: "Yes, approve it!",
                cancelButtonText: "Cancel",
                closeOnConfirm: true
            }, function(isConfirm) {
                if (isConfirm) {
                    document.getElementById('approveForm').submit();
                }
            });
        }

        $(document).ready(function() {
            $('#openRejectModal').on('click', function() {
                $('#rejectModal').modal('show');
            });

            $('#rejectForm').on('submit', function(e) {
                var reason = $('#reject_reason').val().trim();

                if (reason === '') {
                    e.preventDefault();
                    alert('Please enter rejection reason.');
                    $('#reject_reason').focus();
                    return false;
                }
            });
        });
    </script>
@endpush