@extends('layouts.main-layout')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@section('title')
{{$ratePlan->RatePlanName}} Details | Dashboard
@endsection

@section('content')


												<!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm002.svg-->
											
											
											<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">
             	<div class="card-header border-0 pt-5">
										<h3 class="card-title align-items-start flex-column">
											<span class="card-label fw-bolder fs-3 mb-1">Rate Plan Details</span>
		
										</h3>
			</div>
	<div class="card-body py-3">
            <ul class="collection with-header mt-3">

                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Rate Plan ID:</strong> {{$ratePlan->RatePlanId}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Rate Plan Name:</strong> {{$ratePlan->RatePlanName}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Rate Plan Code:</strong> {{$ratePlan->RatePlanCode}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Rate Plan Access Code:</strong> {{$ratePlan->RatePlanAccessCode}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Accommodation Name:</strong> {{$ratePlan->accommodation->AccommodationName}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Language:</strong> {{$ratePlan->language->MultiLanguageName}}
                </li>
                @if($roomType = $ratePlan->roomType)
                    <li class="collection-item">
                        <strong class="grey-text text-darken-3">Room Type:</strong> {{$roomType->RoomTypeName}}
                    </li>
                @else
                    <li class="collection-item">
                        <strong class="grey-text text-darken-3">Room Type:</strong> -----
                    </li>
                @endif
                @if($bookingType = $ratePlan->bookingType)
                    <li class="collection-item">
                        <strong class="grey-text text-darken-3">Booking Type:</strong> {{$bookingType->BookingTypeName}}
                    </li>
                @else
                    <li class="collection-item">
                        <strong class="grey-text text-darken-3">Booking Type:</strong> -----
                    </li>
                @endif
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Booking Window From (Days):</strong> {{$ratePlan->BookingWindowFrom}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Booking Window To (Days):</strong> {{$ratePlan->BookingWindowTo}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Maximum Guests:</strong> {{$ratePlan->GuestQuantity}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Minimum Days To Stay:</strong> {{$ratePlan->DefaultMinStay}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Maximum Days To Stay:</strong> {{$ratePlan->DefaultMaxStay}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Default Rates:</strong> {{$ratePlan->DefaultRates}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">On Request:</strong> {{$ratePlan->OnRequest ? 'Allowed' : 'Not Allowed'}}
                </li>
                <li class="collection-item">
                    <strong class="grey-text text-darken-3">Last Modified:</strong> {{$ratePlan->LastModified->diffForHumans()}}
                </li>
        </ul>
        <div class="text-right" style="text-align:right !important;">
                <strong class="grey-text text-darken-3">Created By:</strong> {{$ratePlan->owner->UserName}} , {{$ratePlan->CreateDate->diffForHumans()}}
            </div>
            <div class="center-align mt-3 mb-3" style="margin-left:22px;">
                @hasAccess('Edit Rate Plan')
                    <a href="{{route('admin.rate-plans.edit',[$ratePlan->RatePlanId, $ratePlan->RoomTypeId])}}" class="btn btn-success">
                      <i class="fa fa-edit" ></i>  Edit
                    </a>
                @endhasAccess
                @hasAccess('Delete Rate Plan')
                    <a
                        href="#modal-delete"
                        class="btn modal-trigger btn btn-danger"
                    >
                      <i class="fa fa-trash" ></i>   Delete
                    </a>
                    @component('components.confirm',[
                        'modal' => 'modal-delete',
                        'id'    => 'delete-form',
                        'title' => 'Rate Plan'
                    ])
                    @endcomponent
                    <form method="post" action="{{route('admin.rate-plans.destroy',$ratePlan->RatePlanId)}}" id="delete-form" class="hide">
                        @csrf
                        @method('DELETE')
                    </form>
                @endhasAccess
            </div>
        </div>
   
@endsection

<style>
    .collection-item{
        border:1px solid lightgrey;
        padding:15px 25px;
    }
    ul{
        list-style:none;
    }
</style>