@extends('customer.layouts.new-app')
@section('title')
    Pages
@endsection
@section('css')
    <style>
        .select2-results__option--selectable {
            color: black !important;
        }

       ul li a.active{
        color: #0E2E50 !important
       }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row  g-2">
            <div class="col-4">
                @if (count($pages) > 0)
                    <h2 class="text-color">Pages</h2>
                    <ul class="list-group">
                        @foreach ($pages as $page)
                            @php
                                $getName = App\Helpers\Helpers::getPageName($page, $apartment);
                                
                            @endphp
                            @if (!empty($getName))
                                <li class="list-item">
                                    <a class="@if (isset($item) && $item->id == $page->page_id) active @endif"
                                        href="{{ url('customer/page/single/' . $page->id) }}">
                                        {{ $getName }}
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif
                @if (count($amenities) > 0)
                    <h2>Amenities</h2>
                    <ul class="list-group">
                        @foreach ($amenities as $amty)
                            <li class="list-item "><a class="@if ($amty->id == $amenity_id) active @endif"
                                    href="{{ url('customer/page/single/' . $item->id . '?amenity=' . $amty->id) }}">{{ $amty->name }}</a>
                            </li>
                        @endforeach

                    </ul>
                @endif
            </div>
            <div class="col-8">
                @if (!empty($amenity) && empty($BookedAmenity))
                    @if ($enable_view_btn > 0)
                        <p><a href="{{ url('customer/page/single/' . $item->id . '?amenity=' . $amenity_id . '&&showBookedAmenities=1') }}"
                                class="btn btn-primary">View Booked Amenities »</a>
                        </p>
                    @endif
                    <input type="hidden" class="amenity_id" value="{{ $amenity->id }}">
                    <h1 >{{ $amenity->name }}</h1>
                    <p>{{ $amenity->long_description }}</p>
                    {{--  @dd($amenity->manage_amenities)  --}}
                    @if ($amenity->manage_amenities->count() > 0)
                        <livewire:customer.amenity-component :amenity_id="$amenity->id">
                    @endif
                @elseif(!empty($BookedAmenity))
                    {{--  @dd($BookedAmenity)  --}}
                    <p><a href="{{ url('customer/page/single/' . $item->id . '?amenity=' . $amenity_id) }}"
                            class="btn btn-primary">Back »</a>
                    </p>
                    <table class="table table-light border border-dark text-center">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Date</th>
                                <th>Duration</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($BookedAmenity as $val)
                                <tr>
                                    <td>{{ isset($val->amenity->title) ? $val->amenity->title : '-' }}</td>
                                    <td>{{ $val->date }}</td>
                                    <td>{{ $val->amenity->start_time . ' - ' . $val->amenity->end_time }}</td>
                                    <td>
                                        @if ($val->status == 'Pending')
                                            <span class="badge badge-pill bg-danger">{{ $val->status }}</span>
                                        @else
                                            <span class="badge badge-pill bg-success">{{ $val->status }}</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @elseif(!empty($item))
                    <h1>{{ $item->title }}</h1>
                    @if ($doc != '')