@extends('layouts.main-layout')
@section('title')
{{ucwords($accommodation->AccommodationName)}} Details | Accommodations Management
@endsection
@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <div class="card mb-5 mb-xl-8">

                <!--begin::Header-->
                <div class="card-header border-0 pt-5">
                    <p class="alert alert-success" id="msg" style="display: none;"></p>
                    <h3 class="card-title atrgn-items-start flex-column">
                        <span class="text-center card-label fw-bolder fs-3 mb-1">Accommodation Details</span>

                    </h3>
                </div>
                <div class="card-body py-3">
            <div class="text-center atrgn">
                <img src="{{asset('storage/'.$accommodation->AccommdationLogo)}}" alt="{{$accommodation->AccommodationName}}" width="200px" height="auto">
            </div>

            <div class="collection-header mt-3">
                <h3 class="text-center grey-text text-darken-2">Hotel Information</h3>
            </div>

            {{-- <ul class="collection with-header mt-3"> --}}

                <div class="row border1">
                    <span class="col-sm-12"><span class="bold">Accommodation Name: </span> {{ucwords($accommodation->AccommodationName)}}</span>

                </div>
                @if($accommodationType = $accommodation->accommodationType)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Accommodation Type:</span> {{$accommodationType->AccommodationTypeName}}</span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Accommodation Type:</span> ----</span>
                </div>
                @endif
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Total Rooms: </span> {{$accommodation->TotalRooms}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Group Reservation: </span>{{$accommodation->GroupReservation ? 'allowed' : 'not allowed'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Total Group Reservation Rooms: </span>{{$accommodation->GroupReservationNoOfRooms ?: '----'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Key Collection Type: </span>{{$accommodation->KeyCollectionType ? 'allowed' : 'not allowed'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Key Collection Type Comments: </span>{{$accommodation->KeyCollectionTypeComments ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Pets: </span>{{$accommodation->PetsAllowed ? 'allowed' : 'not allowed'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Pets Comments: </span> {{$accommodation->PetsAllowedComments ?: '----'}} </span>
                </div>
                @if($currency = $accommodation->currency)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Currency Name: </span>{{$currency->CurrencyName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Currency Name: </span> ---- </span>
                </div>
                @endif
                @if($timezone = $accommodation->timezone)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">TimeZone: </span>{{$timezone->TimeZoneName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">TimeZone: </span>---- </span>
                </div>
                @endif
                @if($language = $accommodation->language)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Language: </span> {{$language->MultiLanguageName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Language: </span>---- </span>
                </div>
                @endif
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">CheckIn From: </span>{{$accommodation->CheckInTo}} --|-- <span class="grey-text text-darken-3">CheckIn To:</span> {{$accommodation->CheckInFrom}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">CheckOut From: </span>{{$accommodation->CheckOutFrom}} --|-- <span class="grey-text text-darken-3">CheckOut To:</span> {{$accommodation->CheckOutTo}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Cancellation: </span>{{$accommodation->CancellationType ? 'allowed' : 'not allowed'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Credit Card Comments: </span> {{$accommodation->CreditCardComments ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">PayPal: </span> {{$accommodation->PayPal ? 'allowed' : 'not allowed'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Virtual Card: </span>{{$accommodation->VirtualCard ? 'allowed' : 'not allowed'}} </span>
                </div>
                @if($extraFeeType = $accommodation->extraFeeType)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Extra Fee Type: </span>{{$extraFeeType->ExtraFeeTypeName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Extra Fee Type: </span> ---- </span>
                </div>
                @endif
                @if($extraFeeType)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Extra Fee: </span>{{$accommodation->ExtraFee ?: '----'}} </span>
                </div>
                @endif
                @if($pms = $accommodation->propertyManagementSystem)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Property Management System: </span>{{$pms->PropertyManagementSystemName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Property Management System: </span> ---- </span>
                </div>
                @endif
                @if($emailConfirmationFormat = $accommodation->emailConfirmationFormat)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Email Confirmation Format:</span> {{$emailConfirmationFormat->EmailConfirmationFormatName}} </span>
                </div>
                @else
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Email Confirmation Format: </span> ---- </span>
                </div>
                @endif
                @if($bookingMedia = $accommodation->bookingMedia)
                <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Booking Media Type: </span> {{$bookingMedia->BookingMediaName}} </span>
                </div>
                    @if($bookingMedia->BookingMediaName == 'Email')
                        <div class="row border1">
                            <span class="grey-text text-darken-3"><span class="bold">Booking Media Email: </span> {{$accommodation->BookingMediaEmail}} </span>
                        </div>
                    @elseif($bookingMedia->BookingMediaName == 'Fax')
                        <div class="row border1">
                            <span class="grey-text text-darken-3"><span class="bold">Booking Media Fax: </span> {{$accommodation->BookingMediaFax}}</span>
                        </div>
                    @else
                        <div class="row border1">
                            <span class="grey-text text-darken-3"><span class="bold">Booking Media Email: </span> {{$accommodation->BookingMediaEmail}}</span>
                        </div>
                        <div class="row border1">
                            <span class="grey-text text-darken-3"><span class="bold">Booking Media Fax: </span> {{$accommodation->BookingMediaFax}} </span>
                        </div>
                    @endif
                @else
                    <div class="row border1">
                        <span class="grey-text text-darken-3"><span class="bold">Booking Media Type: </span> ---- </span>
                    </div>
                @endif
                <div class="row border1">
                    <span class="left grey-text text-darken-3" style="margin-top:5px;"><span class="bold">Rating:</span> &nbsp;&nbsp;&nbsp;
                    <span>
                        @if($accommodation->Rating)
                            @for($i=0; $i<=4; $i++)
                                <i style="padding-top:3px; color:gold;" class="fa fa-star {{$i <= $accommodation->Rating ? 'yellow-text' : 'grey-text text-trghten-2' }}"></i>
                            @endfor
                        @else
                            <p>----</p>
                        @endif
                    </span>
                    </span>
                    <div class="clearfix"></div>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">General Description: </span>{{$accommodation->GeneralDescription}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Location Description: </span>{{$accommodation->LocationDescription ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Transport Description: </span>{{$accommodation->TransportDescription ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Nearest Tube:</span> {{$accommodation->NearestTube ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Nearest Airport: </span> {{$accommodation->NearestAirport ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Directions Property: </span>{{$accommodation->DirectionsProperty ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Nearby Areas: </span>{{$accommodation->NearByAreas ?: '----'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">How to get to the hotel: </span>{{$accommodation->HowToGetToTheHotel ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Google Name: </span>{{$accommodation->AccommodationNameGoogle ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Google Ads: </span>{{$accommodation->GoogleAds ?: '----'}} </span>
                </div>

            <div class="collection with-header mt-3">
                <div class="collection-header">
                    <h3 class="text-center grey-text text-darken-2">Contact Details</h3>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Email: </span>{{$accommodation->Emaitrd}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Contact No: </span>{{$accommodation->ContactNo ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Fax No:</span> {{$accommodation->FaxNo ?: '----'}} </span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Post Code:</span> {{$accommodation->PostCode}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Website Name:</span> {{$accommodation->Website ?: '----'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Website URL:</span> {{$accommodation->WebsiteURL ?: '----'}}</span>
                </div>
                <div class="row border1">
                    <span class="grey-text text-darken-3"><span class="bold">Address:</span> {{$accommodation->Address}}</span>
                </div>
                <div class="row border1">
                    @isset($accommodation->city->region)
                        <span class="grey-text text-darken-3"><span class="bold">Region:</span> {{$accommodation->city->region->RegionName}}</span>
                    @else
                        <span class="grey-text text-darken-3"><span class="bold">Region:</span>  ----</span>
                    @endisset
                </div>
                <div class="row border1">
                    @isset($accommodation->city->country)
                        <span class="grey-text text-darken-3"><span class="bold">Country:</span> {{$accommodation->city->country->CountryName}}</span>
                    @else
                        <span class="grey-text text-darken-3"><span class="bold">Country:</span>  ----</span>
                    @endif
                </div>
                <div class="row border1">
                    @isset($accommodation->city)
                        <span class="grey-text text-darken-3"><span class="bold">City:</span> {{$accommodation->city->CityName}}</span>
                    @else
                        <span class="grey-text text-darken-3"><span class="bold">City:</span>  ----</span>
                    @endif
                </div>
                </table>
            </div>
            @if($accommodation->images->count() && $images = $accommodation->images)
                <div class="section mt-3">
                    <h4 class="text-center grey-text text-darken-2 mb-2">Accommodation Images</h4>
                    <div class="row">
                        @foreach($images as $image)
                            <div class="col-sm-12 m6">
                                <img src="{{asset('storage/'.$image->ImageURL)}}" class="z-depth-1" alt="" width="100%" height="300px" style="margin-bottom:10px;">
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
            <div class="text-center mt-5">
                <h6 class="grey-text text-darken-3">Accommodation Created By:</h6>
                <span>{{$accommodation->owner->UserName}}, {{$accommodation->CreateDate->diffForHumans()}}</span>
            </div>
            <div class="center-atrgn mt-3 mb-3">
                {{--@hasAccess('Edit Accommodation')
                    <a href="{{route('admin.accommodations.edit',$accommodation->AccommodationId)}}" class="btn waves-effect waves-trght">
                        <i class="material-icons left">mode_edit</i>Edit
                    </a>
                @endhasAccess--}}
                @hasAccess('Delete Accommodation')
                    <a
                        href="#delete-modal"
                        class="btn btn-danger modal-trigger text-center "
                    >
                        <i class="fa fa-trash "></i> Delete
                    </a>
                    @component('components.confirm',[
                        'modal' => 'delete-modal',
                        'id'    => 'delete-form',
                        'title' => 'Accommodation'
                    ])
                    @endcomponent
                    <form method="post" action="{{route('admin.accommodations.destroy',$accommodation->AccommodationId)}}" id="delete-form" class="hide">
                        @csrf
                        @method('DELETE')
                    </form>
                @endhasAccess
            </div>
        </div>
    </div>
        </div>
    </div>
</div>

</div>
@endsection


<style>
    .border1{
        border: 1px solid black !important;
        padding:5px;
    }

    .bold{
        font-weight: bold;
        padding-right: 5px;
    }





</style>