@if(hasPermissionAndModuleEnabled('view booked time section', 'time_mgt'))
    @php
        $bookings = \App\Models\ProjectBooking::where('task_id', $booked_task_id)->whereNull('message_id')->with('booker')->get();
    @endphp

    @if($bookings->isNotEmpty())
        <style>
            .accordion {
                border-radius: 5px;
                -webkit-box-shadow: 0 0 5px 0 rgba(43, 43, 43, 0.1), 0 11px 6px -7px rgba(43, 43, 43, 0.1);
                box-shadow: 0 0 5px 0 rgba(43, 43, 43, 0.1), 0 11px 6px -7px rgba(43, 43, 43, 0.1);
                border: none;
                margin-bottom: 30px;
            }
            .accordion-button {
                background-color: #ffd700; /* Yellow background */
                color: black;
                font-weight: bold;
            }
            /* Keep background color when accordion is opened */
            .accordion-button:not(.collapsed) {
                background-color: #ffd700;
                color: #343a40;
            }
            .accordion-button:focus {
                box-shadow: none;
            }
            .accordion-body {
                background-color: #fff !important;
                padding: 15px;
            }
        </style>
        @foreach($bookings as $booking)
        <div class="col-sm-12">
            <div class="accordion" id="accordionExample{{ $booking->id }}">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingOne">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne{{ $booking->id }}" aria-expanded="false" aria-controls="collapseOne{{ $booking->id }}">
                            {{ __('Booked') }}: {{ $booking->booking_time }} - {{ $booking->booking_date_display }} - {{ date('d M, Y H:i A', strtotime($booking->created_at)) }} - {{ $booking->booker->name }}
                        </button>
                    </h2>
                    <div id="collapseOne{{ $booking->id }}" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample{{ $booking->id }}">
                        <div class="accordion-body">
                            <p>{!! nl2br($booking->description) !!}</p>
                            <div class="d-flex gap-2">
                                @if(canViewUpdate('view show report button at booked time'))
                                    <a href="{{ route('project-bookings.show', $project->uuid) }}" class="btn btn-primary">{{ __('Show report') }}</a>
                                @endif

                                @if(canViewUpdate('view edit report button at booked time'))
                                    <a href="{{ route('project-bookings.edit', $project->uuid) }}" class="btn btn-primary">{{ __('Edit report') }}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    @endif
@endif