@extends('layouts.main')

@section('title', 'Calendar view')

@section('css')
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/css/calendar-page.css', \App::environment() == 'production') }}">


@endsection

@section('nav')
    @include('layouts.nav')
@endsection


@section('content')
@if (\Session::has('success'))
    <div class="alert alert-success">
        <ul>
            <li>{!! \Session::get('success') !!}</li>
        </ul>
    </div>
@endif
@if (\Session::has('error'))
    <div class="alert alert-danger">
        <ul>
            <li>{!! \Session::get('error') !!}</li>
        </ul>
    </div>
@endif
    <!-- Main-body start -->
    <div class="main-body">
        <div class="page-wrapper">
            <div class="container-fluid">

                <!-- Page header start -->
                <div class="page-header">

                    <div class="page-header-title">
                        <h3>{{ __('calendar.calendar') }}</h3>
                    </div>

                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{ url('property/'.Session::get('property_id').'/dashboard') }}">
                                    <i class="icofont icofont-home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="#!">{{ __('calendar.rates and availability') }}</a>
                            </li>
                            <li class="breadcrumb-item"><a href="#!">{{ __('calendar.calendar') }}</a>
                            </li>
                        </ul>
                    </div>

                </div>
                <!-- Page header end -->
                <!-- Page body start -->
                <div class="row">
                    <div class="col-md-12 choose-date">

                        <div class="left-header row " style="margin-left:-30px;">
                            <div class="col-md-9 form-1-style">
                                {!! Form::open(['url' => url('calendar-view'), 'method' => 'get']) !!}
                                <div class="col-sm-12 col-xl-3 m-b-30 date-select-1">
                                    <P>{{ __('calendar.from') }}</P>
                                    <input class="form-control" type="date"
                                           value="{{ $data->startDate->format('Y-m-d') }}" name="dateFrom"/>
                                </div>

                                <div class="col-sm-12 col-xl-3 m-b-30 date-select-1">
                                    <P>{{ __('calendar.through') }}</P>
                                    <input class="form-control" type="date"
                                           value="{{ $data->endDate->format('Y-m-d') }}" name="dateTo"/>
                                </div>

                                <div class="col-sm-12 col-xl-2 m-b-30 date-select-1">
                                    <button type="submit"
                                            class="btn btn-info set-period">{{ __('calendar.set period') }}</button>
                                </div>
                                {!! Form::close() !!}
                            </div>

                            <div class="col-md-2 m-b-30 date-select-1">
                                {!! Form::open([ 'url' => 'date-range-selector', 'method' => 'get', 'id' => 'date-range' ]) !!}
                                <P>{{ __('calendar.date range') }}</P>
                                <select name="range" class="form-control" onchange="submitDateRangeForm()">
                                    <option value="">{{ __('calendar.select a range') }}</option>
                                    <option value="upcoming month">{{ __('calendar.upcoming month') }}</option>
                                    <option value="next 30 days">{{ __('calendar.next 30 days') }}</option>
                                    <option value="next 7 days">{{ __('calendar.next 7 days') }}</option>
                                </select>
                                {!! Form::close() !!}
                            </div>
                            <div class="col-md-9 form-1-style">
                                <div class="col-sm-12 col-xl-2 m-b-30">
                                    <P><b>{{ __('calendar.set_local_ratio') }}</b></P>
                                    <input type="number" step="0.1" max="1" class="form-control" id="local_ratio" value="{{$property->local_ratio}}" />
            
                                    <button class="btn btn-primary" id="local_ratio_btn" style="margin: -40px -133px 0 0;float:right">Update</button>
                                </div>
                            </div>
                            <div class="col-md-9 form-1-style">
                                <!-- <div class="col-sm-12 col-xl-2 m-b-30">
                                    <form action="/bulk-upload" method="post" enctype='multipart/form-data' id="bulk_upload_form">
                                    <P><b>{{ __('calendar.bulk_upload') }}</b></P>
                                    <input type="file" name="uploaded_file" class="form-control" id="bulk_upload" `placeholder="select excel file to upload"`/>
                	                {{ csrf_field() }}
                                    <button class="btn btn-primary" id="bulk_upload_btn" style="margin: -40px -133px 0 0;float:right">Upload</button>
                                    </form>
                                </div>
                            </div> -->
                        </div> <!-- left header -->

                        <!-- colorrow -->
                        <div class="row">
                            <div class="col-md-8 m-b-15 margin-left">
                                <div class="ra-reference rtl-pulled-left ">
                                    <ul class="ra-reference__list clearfix rtl-pulled-left ">
                                        <li class="ra-reference__list__item clearfix">
                                        <span class="ra-reference__list__item__color calendar-status--bookable rtl-pulled-right">
                                        </span>
                                            <span class="ra-reference__list__item__description rtl-pulled-right">
                                        Bookable
                                        </span>
                                        </li>

                                        <li class="ra-reference__list__item clearfix">
                                        <span class="ra-reference__list__item__color calendar-status--restricted rtl-pulled-right">
                                        <span class="status-restricted__icon">*</span>
                                        </span>
                                            <span class="ra-reference__list__item__description rtl-pulled-right">
                                        Has restrictions
                                        </span>
                                        </li>


                                        <li class="ra-reference__list__item clearfix">
                                        <span class="ra-reference__list__item__color calendar-status--closed rtl-pulled-right">
                                        </span>
                                            <span class="ra-reference__list__item__description rtl-pulled-right">
                                        Closed
                                        </span>
                                        </li>
                                        <li class="ra-reference__list__item clearfix">
                                        <span class="ra-reference__list__item__color calendar-status--soldout rtl-pulled-right">
                                        <span class="status-soldout__icon">
                                        !
                                        </span>
                                        </span>
                                            <span class="ra-reference__list__item__description rtl-pulled-right">
                                        Sold out
                                        </span>
                                        </li>
                                        <li class="ra-reference__list__item clearfix">
                                        <span class="ra-reference__list__item__color calendar-status--none rtl-pulled-right">
                                        </span>
                                            <span class="ra-reference__list__item__description rtl-pulled-right">
                                        No room/price
                                        </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="alert alert-info icons-alert">
                                    <p>The Base price does not include any loyalty programs such as Genius from
                                        Booking.com, MOD from Expedia etc.</p>
                                </div>
                            </div>
                        </div>
                        <!-- colorrow -->


                        <div class="left-content margin-left">
                            <!-- table 1 -->
                            @foreach($roomData as $data)
                                @foreach($data as $room)
                                @php $room = (object)$room; 
                                $roomtype = App\Roomtype::where('id',$room->roomtype_id)->first();
                                @endphp
                                    @if(($room->roomtype_id !== 353))
                                    <div id="calendar-view" class="calendar-outer-container"
                                         data-render-id="calendar-layout">

                                        <div class="calendar-container js-scroll-target">
                                            <div class="calendar-table calendar-layout">

                                                <div class="calendar-table__tbody calendar-room " data-room-id="9">
                                                    <div class="calendar-room__anchor" id=""></div>

                                                    <div class="calendar-table__tr calendar-room__info">
                                                        <div class="calendar-table__td calendar-layout__cell">

                                                            <span class="calendar-room__info__name"> @if($room->display_name === NULL) {{ $roomtype->name }} @else {{ $room->display_name }} @endif
                                                                {{--{{ $ratePlan->rateCode->code }}--}}
                                                                <span class="calendar-room__info__name__id">

                                                                (Room ID: {{ $room->id }})
                                                                </span>

                                                            </span>
                                                        </div>

                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                            <div class="calendar-table__td calendar-layout__cell"></div>
                                                        @endforeach

                                                        @endif
                                                    </div>

                                                    <div class="calendar-table__tr calendar-room__month">

                                                        <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                            <div class="calendar-layout__cell__content">
                                                                    <span class="calendar-date">
                                                                    <span class="calendar-date__month">{{ $today->format('M Y') }}</span>
                                                                    </span>
                                                            </div>
                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                            @if(date_format(date_create($date->date),'d') == 01)
                                                                <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                                    <div class="calendar-layout__cell__content">
                                                                            <span class="calendar-date">
                                                                            <span class="calendar-date__month">{{ date_format(date_create($date->date),'M Y') }}</span>
                                                                            </span>
                                                                    </div>
                                                                </div>
                                                            @else
                                                                <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                                    <div class="calendar-layout__cell__content">
                                                                        <span class="calendar-date">  </span>
                                                                    </div>
                                                                </div>
                                                            @endif

                                                        @endforeach
                                                        @endif
                                                    </div>

                                                    <div class="calendar-table__tr calendar-room__dates">

                                                        <div class="calendar-table__td calendar-layout__cell  calendar-layout__cell--half-bordered">
                                                            <div class="calendar-sticky-cell "
                                                                 style="height: 39px;"></div>
                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)

                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--half-bordered">
                                                                <div class="calendar-layout__cell__content">
                                                                    <span class="calendar-date">
                                                                        <span class="calendar-date__day weekend">{{ date_format(date_create($date->date),'D') }}</span>
                                                                        <span class="calendar-date__day-number weekend">{{ date_format(date_create($date->date),'d') }}</span>
                                                                    </span>
                                                                </div>
                                                            </div>

                                                        @endforeach
                                                        @endif

                                                    </div>

                                                    <div class="calendar-table__tr">

                                                        <div class="calendar-table__td calendar-layout__cell ">

                                                            <div class="calendar-sticky-cell" style="height: 34px;">
                                                                <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Room Status
                                                                    </span>
                                                                </div>
                                                            </div>

                                                            <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Room Status
                                                                </span>
                                                            </div>

                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--rounded calendar-layout__cell--bordered ">
                                                                <div class="calendar-layout__cell__content calendar-layout__cell__content--rounded {{ $date->indication }} status-change"
                                                                     data-room-id="{{ $room->id }}"
                                                                     data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                     data-status="{{$date->status}}"
                                                                     data-number-of-rooms="{{ $date->rooms_to_sell }}">
                                                                    @if( $date->indication == 'calendar-status--soldout calendar-status--actionable calendar-clickable-item')
                                                                        <span class="status-soldout__icon">!</span>
                                                                    @endif
                                                                </div>
                                                            </div>

                                                        @endforeach
                                                        @endif
                                                    </div>  {{--.room status--}}

                                                    <div class="calendar-table__tr"> {{--.rooms to sell--}}

                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                 style="height: 34px;">
                                                                <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Rooms to Sell
                                                                    </span>
                                                                </div>
                                                            </div>

                                                            <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Rooms to Sell <span class="pull-right edit-btn">
                                                                        <a href="#"
                                                                           id="{{ $room->id.'-'.$roomtype->name }}"
                                                                           onclick="roomsToSellEditMode(this.id)"
                                                                           data-toggle="modal" data-target="#sign-in-modal">Edit</a></span>
                                                                </span>
                                                            </div>

                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                <div class="calendar-layout__cell__content calendar-wrap">
                                                                    <span class="calendar-input-placeholder">1</span>
                                                                    <input data-room-id="{{ $room->id }}"
                                                                           data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                           value="{{ $date->rooms_to_sell }}"
                                                                           class="calendar-input rooms-sell numberOfRooms"
                                                                           type="number" min="0" step="1"
                                                                           value="{{ $date->rooms_to_sell }}" disabled>
                                                                </div>
                                                            </div>

                                                        @endforeach
                                                        @endif
                                                    </div> {{--.rooms to sell--}}
                                                    @if($isMasterAdminUser == true)
                                                    <div class="calendar-table__tr"> {{--.open rooms--}}

                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                 style="height: 34px;">
                                                                <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Open Rooms
                                                                    </span>
                                                                </div>
                                                            </div>

                                                            <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Open Rooms <span class="pull-right edit-btn">
                                                                        <a href="#"
                                                                           onclick="openRoomsEditMode(this.id)"
                                                                           id="{{ $room->id.'-'.$roomtype->name }}"
                                                                           data-toggle="modal" data-target="#open-rooms-modal"
                                                                        >Edit</a></span>
                                                                </span>
                                                            </div>

                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                            @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                    <div class="calendar-layout__cell__content calendar-wrap">
                                                                        <span class="calendar-input-placeholder">1</span>
                                                                        <input data-room-id="{{ $room->id }}"
                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                               value="{{ $date->roomsFortheday }}"
                                                                               class="calendar-input open-rooms openRoomsNumber"
                                                                               type="number" min="0" step="1"
                                                                               value="{{ $date->roomsFortheday }}" disabled>
                                                                    </div>
                                                                </div>

                                                            @endforeach
                                                        @endif
                                                    @endif
                                                    </div> {{--.open rooms--}}
                                                        @if($isMasterAdminUser == true)
                                                            <div class="calendar-table__tr"> {{--production--}}

                                                                <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                    <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                         style="height: 34px;">
                                                                        <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Booked Rooms
                                                                    </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Booked Rooms <span class="pull-right edit-btn"></span>
                                                                </span>
                                                                    </div>

                                                                </div>
                                                                @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled">
                                                                            <div class="calendar-layout__cell__content calendar-wrap">
                                                                                <span class="calendar-input-placeholder">1</span>
                                                                                <input data-room-id="{{ $room->id }}"
                                                                                       data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                       value="{{ $date->production }}"
                                                                                       class="calendar-input openRooms numberOfRooms"
                                                                                       type="number" min="0" step="1"
                                                                                       value="{{ $date->production }}" disabled>
                                                                            </div>
                                                                        </div>

                                                                    @endforeach
                                                                @endif
                                                                @endif
                                                            </div> {{--.production--}}
{{--                                                            @if($isMasterAdminUser == true)--}}
{{--                                                                <div class="calendar-table__tr"> --}}{{--OTAroomstosell--}}

{{--                                                                    <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">--}}

{{--                                                                        <div class="calendar-sticky-cell js-calendar-sticky-cell"--}}
{{--                                                                             style="height: 34px;">--}}
{{--                                                                            <div class="calendar-room__row__heading">--}}
{{--                                                                    <span class="calendar-room__row__heading__label">--}}
{{--                                                                    OTA Rooms To Sell--}}
{{--                                                                    </span>--}}
{{--                                                                            </div>--}}
{{--                                                                        </div>--}}

{{--                                                                        <div class="calendar-room__row__heading">--}}
{{--                                                                <span class="calendar-room__row__heading__label">--}}
{{--                                                                OTA Rooms To Sell--}}
{{--                                                                </span>--}}
{{--                                                                        </div>--}}

{{--                                                                    </div>--}}
{{--                                                                    @if(count($room->ratePlans) > 0)--}}
{{--                                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)--}}
{{--                                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled baseprice_row ">--}}
{{--                                                                                <div class="calendar-layout__cell__content calendar-wrap baseprice_row">--}}
{{--                                                                                    <span class="calendar-input-placeholder baseprice_row">1</span>--}}
{{--                                                                                    <input data-room-id="{{ $room->id }}"--}}
{{--                                                                                           data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"--}}
{{--                                                                                           value="{{ $date->otaRoomsToSell }}"--}}
{{--                                                                                           class="calendar-input ota-rooms-sell OTAnumberOfRooms"--}}
{{--                                                                                           type="number" min="0" step="1"--}}
{{--                                                                                           value="{{ $date->otaRoomsToSell }}" disabled>--}}
{{--                                                                                </div>--}}
{{--                                                                            </div>--}}

{{--                                                                        @endforeach--}}
{{--                                                                    @endif--}}
{{--                                                                    @endif--}}
{{--                                                                </div> --}}{{--.OTAroomstosell--}}
{{--                                                                @if($isMasterAdminUser == true)--}}
{{--                                                                    <div class="calendar-table__tr"> --}}{{--OTAopenrooms--}}

{{--                                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">--}}

{{--                                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"--}}
{{--                                                                                 style="height: 34px;">--}}
{{--                                                                                <div class="calendar-room__row__heading">--}}
{{--                                                                    <span class="calendar-room__row__heading__label">--}}
{{--                                                                    OTA Open Rooms--}}
{{--                                                                    </span>--}}
{{--                                                                                </div>--}}
{{--                                                                            </div>--}}

{{--                                                                            <div class="calendar-room__row__heading">--}}
{{--                                                                <span class="calendar-room__row__heading__label">--}}
{{--                                                                OTA Open Rooms <span class="pull-right edit-btn">--}}
{{--                                                                        <a href="#"--}}
{{--                                                                           onclick="OTAopenRoomsEditMode(this.id)"--}}
{{--                                                                           id="{{ $room->id.'-'.$roomtype->name }}"--}}
{{--                                                                           data-toggle="modal" data-target="#ota-open-rooms-modal"--}}
{{--                                                                        >Edit</a></span>--}}
{{--                                                                </span>--}}
{{--                                                                            </div>--}}

{{--                                                                        </div>--}}
{{--                                                                        @if(count($room->ratePlans) > 0)--}}
{{--                                                                            @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)--}}
{{--                                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled baseprice_row ">--}}
{{--                                                                                    <div class="calendar-layout__cell__content calendar-wrap baseprice_row">--}}
{{--                                                                                        <span class="calendar-input-placeholder baseprice_row">1</span>--}}
{{--                                                                                        <input data-room-id="{{ $room->id }}"--}}
{{--                                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"--}}
{{--                                                                                               value="{{ $date->otaRoomsFortheday }}"--}}
{{--                                                                                               class="calendar-input ota-open-rooms OTAopenRoomsNumber"--}}
{{--                                                                                               type="number" min="0" step="1"--}}
{{--                                                                                               value="{{ $date->otaRoomsFortheday }}" disabled>--}}
{{--                                                                                    </div>--}}
{{--                                                                                </div>--}}

{{--                                                                            @endforeach--}}
{{--                                                                        @endif--}}
{{--                                                                        @endif--}}
{{--                                                                    </div> --}}{{--.OTAopenrooms--}}
{{--                                                </div> --}}{{--ota-open rooms--}}
{{--                                                @if($isMasterAdminUser == true)--}}
{{--                                                    <div class="calendar-table__tr"> --}}{{--otaproduction--}}

{{--                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">--}}

{{--                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"--}}
{{--                                                                 style="height: 34px;">--}}
{{--                                                                <div class="calendar-room__row__heading">--}}
{{--                                                                    <span class="calendar-room__row__heading__label">--}}
{{--                                                                   OTA Booked Rooms--}}
{{--                                                                    </span>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}

{{--                                                            <div class="calendar-room__row__heading">--}}
{{--                                                                <span class="calendar-room__row__heading__label">--}}
{{--                                                                OTA Booked Rooms <span class="pull-right edit-btn"></span>--}}
{{--                                                                </span>--}}
{{--                                                            </div>--}}

{{--                                                        </div>--}}
{{--                                                        @if(count($room->ratePlans) > 0)--}}
{{--                                                            @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)--}}
{{--                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled baseprice_row">--}}
{{--                                                                    <div class="calendar-layout__cell__content calendar-wrap baseprice_row">--}}
{{--                                                                        <span class="calendar-input-placeholder baseprice_row">1</span>--}}
{{--                                                                        <input data-room-id="{{ $room->id }}"--}}
{{--                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"--}}
{{--                                                                               value="{{ $date->OTAproduction }}"--}}
{{--                                                                               class="calendar-input openRooms numberOfRooms"--}}
{{--                                                                               type="number" min="0" step="1"--}}
{{--                                                                               value="{{ $date->OTAproduction }}" disabled>--}}
{{--                                                                    </div>--}}
{{--                                                                </div>--}}

{{--                                                            @endforeach--}}
{{--                                                        @endif--}}
{{--                                                        @endif--}}
{{--                                                    </div> --}}{{--.production--}}

                                                    <div class="calendar-table__tr">
                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                 style="height: 34px;">
                                                                <div class="calendar-room__row__heading calendar-room__row__heading--expandable">
                                                                    <div class="calendar-room__row__heading__label calendar-clickable-item"
                                                                         role="button">
                                                                        Standard Rate
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="calendar-room__row__heading calendar-room__row__heading--expandable">
                                                                <div class="calendar-room__row__heading__label calendar-clickable-item "
                                                                     role="button">
                                                                    Standard Rate
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @if(count($room->ratePlans) > 0 && count($room->ratePlans[0]->occupancies))
                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--rounded calendar-layout__cell--bordered ">
                                                                <div class="calendar-layout__cell__content calendar-layout__cell__content--rounded {{ $date->price_indication }}">
                                                                </div>
                                                            </div>

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

                                    @foreach($occupancySort_coll[$loop->parent->index] as $occupancySort_key)



                                                     @php
                                                     $ratePlan= $room->ratePlans[$occupancySort_key->ratePlan_id];
                                                     $occupancy=$ratePlan->occupancies[$occupancySort_key->occu_id];
                                                     @endphp

                                                        <div class="calendar-table__tr">
                                                            <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                     style="height: 34px;">
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Selling Price
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                        <span class="">
                                                                            <a href="" class="edit-btn"
                                                                               onclick="priceUpdateEdit(this.id)"
                                                                               id="{{ $room->id.'_'.$roomtype->name.'_'.$occupancy->pivot->id }}"
                                                                               data-toggle="modal" data-target="#price-modal">Edit</a>
                                                                            </span>
                                                                    </div>
                                                                </div>


                                                                <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Selling Price {{ $ratePlan->rateCode->code }}
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                    @if(isset($isEditableForThisUser) && $isEditableForThisUser)
                                                                        <span class="">
                                                                            <a href="" class="edit-btn"
                                                                               onclick="priceUpdateEdit(this.id)"
                                                                               id="{{ $room->id.'_'.$roomtype->name.'_'.$occupancy->pivot->id }}"
                                                                               data-toggle="modal"
                                                                               data-target="#price-modal">Edit</a>
                                                                            </span>
                                                                    @endif
                                                                </div>
                                                            </div>


                                                                @if(count($occupancy->prices) > 0)
                                                                    @foreach($occupancy->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                            <div class="calendar-layout__cell__content calendar-wrap">
                                                                                <span class="calendar-input-placeholder">{{ $date->editable_price }}</span>
                                                                                <input data-occupancy-rateplan="{{ $date->occupancy_rateplan_id }}"
                                                                                    data-commission-type="{{ $property->commissionStructure->type }}"
                                                                                    data-commission-percentage="{{ $date->commission_percentage }}"
                                                                                    data-room-id="{{ $room->id }}"
                                                                                    data-property-connected="{{$property->CM_integrated}}"
                                                                                    data-room-commission="{{ $date->commission }}"
                                                                                    data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                    value="@if(isset($date->editable_price)){{$date->editable_price}}@else N/A @endif"
                                                                                    class="calendar-input priceField"
                                                                                    type="number" min="1" max="99999.99"
                                                                                    {{ $date->isEditable ? '' : 'disabled' }}
                                                                            >
                                                                        </div>
                                                                    </div>

                                                                @endforeach

                                                            @else
                                                                <p style="margin-left: 33%;">Selected dates are empty
                                                                    for this room type.</p>
                                                            @endif
                                                        </div>

                                                        <!-- <div class="calendar-table__tr">
                                                            <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                <div class="calendar-sticky-cell js-calendar-sticky-cell"style="height: 34px;">
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Base Price + Tax
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                    </div>
                                                                </div>
                                                                <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Base Price + Tax
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                </div>
                                                            </div>


                                                                @foreach($occupancy->prices as $date)
                                                                    <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                        <div class="calendar-layout__cell__content calendar-wrap">
                                                                            <span class="calendar-input-placeholder">{{ $date->non_editable_price }}</span>
                                                                            <input class="calendar-input sellingpriceField"
                                                                                id="selling-price-{{ $room->id.'-'.date_format(date_create($date->date),'Y-m-d').'-'.$date->occupancy_rateplan_id }}"
                                                                                disabled="disabled"
                                                                                data-room-id="{{ $room->id }}"
                                                                                data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                type="text"
                                                                                value="{{ $date->non_editable_price }}">
                                                                        </div>
                                                                    </div>

                                                                @endforeach

                                                            </div> -->

                                                            <!-- @if($isEditableForThisUser==true)
                                                            <div class="calendar-table__tr">
                                                            <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                <div class="calendar-sticky-cell js-calendar-sticky-cell"style="height: 34px;">
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Base Price + Commission
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                    </div>
                                                                </div>
                                                                <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Base Price + Commission
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                </div>
                                                            </div>
                                                                @foreach($occupancy->prices as $date)

                                                                    <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled baseprice_row">
                                                                        <div class="calendar-layout__cell__content calendar-wrap">
                                                                            <span class="calendar-input-placeholder">{{ $date->commisionableAmount }}</span>
                                                                            <input class="calendar-input sellingpriceField baseprice_row"
                                                                                id="base-price-{{ $room->id.'-'.date_format(date_create($date->date),'Y-m-d').'-'.$date->occupancy_rateplan_id }}"
                                                                                disabled="disabled"
                                                                                data-room-id="{{ $room->id }}"
                                                                                data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                type="text"
                                                                                value="{{ $date->commisionableAmount }}">
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                                @endif -->
                                    @endforeach


                                            </div>
                                        </div>
                                @endif
                                @if($room->roomtype_id === 353)
                                            <div id="calendar-view" class="calendar-outer-container"
                                                 data-render-id="calendar-layout">

                                                <div class="calendar-container js-scroll-target">
                                                    <div class="calendar-table calendar-layout">

                                                        <div class="calendar-table__tbody calendar-room " data-room-id="9">
                                                            <div class="calendar-room__anchor" id=""></div>

                                                            <div class="calendar-table__tr calendar-room__info">
                                                                <div class="calendar-table__td calendar-layout__cell">

                                                            <span class="calendar-room__info__name"> @if($room->display_name === NULL) {{ $roomtype->name }} @else {{ $room->display_name }} @endif
                                                                {{--{{ $ratePlan->rateCode->code }}--}}
                                                                <span class="calendar-room__info__name__id">

                                                                (Room ID: {{ $room->id }})
                                                                </span>

                                                            </span>
                                                                </div>
                                                                @if(count($room->ratePlans) > 0 )
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell"></div>
                                                                    @endforeach

                                                                @endif
                                                            </div>

                                                            <div class="calendar-table__tr calendar-room__month">

                                                                <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                                    <div class="calendar-layout__cell__content">
                                                                    <span class="calendar-date">
                                                                    <span class="calendar-date__month">{{ $today->format('M Y') }}</span>
                                                                    </span>
                                                                    </div>
                                                                </div>
                                                                @if(count($room->ratePlans) > 0)
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        @if(date_format(date_create($date->date),'d') == 01)
                                                                            <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                                                <div class="calendar-layout__cell__content">
                                                                            <span class="calendar-date">
                                                                            <span class="calendar-date__month">{{ date_format(date_create($date->date),'M Y') }}</span>
                                                                            </span>
                                                                                </div>
                                                                            </div>
                                                                        @else
                                                                            <div class="calendar-table__td calendar-room__month__cell--sticky">
                                                                                <div class="calendar-layout__cell__content">
                                                                                    <span class="calendar-date">  </span>
                                                                                </div>
                                                                            </div>
                                                                        @endif

                                                                    @endforeach
                                                                @endif
                                                            </div>

                                                            <div class="calendar-table__tr calendar-room__dates">

                                                                <div class="calendar-table__td calendar-layout__cell  calendar-layout__cell--half-bordered">
                                                                    <div class="calendar-sticky-cell "
                                                                         style="height: 39px;"></div>
                                                                </div>
                                                                @if(count($room->ratePlans) > 0)
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)

                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--half-bordered">
                                                                            <div class="calendar-layout__cell__content">
                                                                    <span class="calendar-date">
                                                                        <span class="calendar-date__day weekend">{{ date_format(date_create($date->date),'D') }}</span>
                                                                        <span class="calendar-date__day-number weekend">{{ date_format(date_create($date->date),'d') }}</span>
                                                                    </span>
                                                                            </div>
                                                                        </div>

                                                                    @endforeach
                                                                @endif

                                                            </div>

                                                            <div class="calendar-table__tr">

                                                                <div class="calendar-table__td calendar-layout__cell ">

                                                                    <div class="calendar-sticky-cell" style="height: 34px;">
                                                                        <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Room Status
                                                                    </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Room Status
                                                                </span>
                                                                    </div>

                                                                </div>
                                                                @if(count($room->ratePlans) > 0)
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--rounded calendar-layout__cell--bordered ">
                                                                            <div class="calendar-layout__cell__content calendar-layout__cell__content--rounded {{ $date->indication }} status-change"
                                                                                 data-room-id="{{ $room->id }}"
                                                                                 data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                 data-status="{{$date->status}}"
                                                                                 data-number-of-rooms="{{ $date->rooms_to_sell }}">
                                                                                @if( $date->indication == 'calendar-status--soldout calendar-status--actionable calendar-clickable-item')
                                                                                    <span class="status-soldout__icon">!</span>
                                                                                @endif
                                                                            </div>
                                                                        </div>

                                                                    @endforeach
                                                                @endif
                                                            </div>  {{--.room status--}}

                                                            <div class="calendar-table__tr"> {{--.rooms to sell--}}

                                                                <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                    <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                         style="height: 34px;">
                                                                        <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Rooms to Sell
                                                                    </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Rooms to Sell <span class="pull-right edit-btn">
                                                                        <a href="#"
                                                                           id="{{ $room->id.'-'.$roomtype->name }}"
                                                                           onclick="roomsToSellEditModeFlexi(this.id)"
                                                                           data-toggle="modal" data-target="#flexi-sign-in-modal">Edit</a></span>
                                                                </span>
                                                                        <span class = "time"  style="font-size : 12px; text-align: center; font-weight: bold; white-space: nowrap;">(9am - 6pm)</span>

                                                                    </div>

                                                                </div>
                                                                @if(count($room->ratePlans) > 0)
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                            <div class="calendar-layout__cell__content calendar-wrap">
                                                                                <span class="calendar-input-placeholder">1</span>
                                                                                <input data-room-id="{{ $room->id }}"
                                                                                       data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                       value="{{ $date->roomsToSellAM }}"
                                                                                       class="calendar-input rooms-sell numberOfRoomsAM"
                                                                                       type="number" min="0" step="1"
                                                                                       value="{{ $date->roomsToSellAM }}" disabled>
                                                                            </div>
                                                                        </div>

                                                                    @endforeach
                                                                @endif
                                                            </div> {{--.rooms to sell--}}
                                                            @if($isMasterAdminUser == true)
                                                                <div class="calendar-table__tr"> {{--.open rooms--}}

                                                                    <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                        <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                             style="height: 34px;">
                                                                            <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Open Rooms
                                                                    </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Open Rooms <span class="pull-right edit-btn">
{{--                                                                        <a href="#"--}}
{{--                                                                           onclick="openRoomsEditMode(this.id)"--}}
{{--                                                                           id="{{ $room->id.'-'.$roomtype->name }}"--}}
{{--                                                                           data-toggle="modal" data-target="#open-rooms-modal"--}}
{{--                                                                        >Edit</a>--}}
                                                                    </span>
                                                                </span>
                                                                            <span class = "time"  style="font-size : 12px; text-align: center; font-weight: bold; white-space: nowrap;">(9am - 6pm)</span>

                                                                        </div>

                                                                    </div>
                                                                    @if(count($room->ratePlans) > 0)
                                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                                <div class="calendar-layout__cell__content calendar-wrap">
                                                                                    <span class="calendar-input-placeholder">1</span>
                                                                                    <input data-room-id="{{ $room->id }}"
                                                                                           data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                           value="{{ $date->openRoomsAM }}"
                                                                                           class="calendar-input open-rooms openRoomsNumber"
                                                                                           type="number" min="0" step="1"
                                                                                           value="{{ $date->openRoomsAM }}" disabled>
                                                                                </div>
                                                                            </div>

                                                                        @endforeach
                                                                    @endif
                                                                    @endif
                                                                </div> {{--.open rooms--}}


                                                                 <div class="calendar-table__tr"> {{--.rooms to sell.2--}}

                                                                    <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                        <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                             style="height: 34px;">
                                                                            <div class="calendar-room__row__heading">
                                                                                <span class="calendar-room__row__heading__label">
                                                                                Rooms to Sell
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="calendar-room__row__heading">
                                                                            <span class="calendar-room__row__heading__label">
                                                                            Rooms to Sell
                                                                                 <span class="pull-right edit-btn">
{{--                                                                                    <a href="#"--}}
{{--                                                                                       id="{{ $room->id.'-'.$roomtype->name }}"--}}
{{--                                                                                       onclick="roomsToSellEditModeFlexi(this.id)"--}}
{{--                                                                                       data-toggle="modal" data-target="#flexi-sign-in-modal">Edit</a>--}}
                                                                                 </span>
                                                                            </span>
                                                                            <span class = "time"  style="font-size : 12px; text-align: center; font-weight: bold; white-space: nowrap;">(8pm - 7am)</span>
                                                                        </div>

                                                                    </div>
                                                                    @if(count($room->ratePlans) > 0)
                                                                        @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                            <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                                <div class="calendar-layout__cell__content calendar-wrap">
                                                                                    <span class="calendar-input-placeholder">1</span>
                                                                                    <input data-room-id="{{ $room->id }}"
                                                                                           data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                           value="{{ $date->roomsToSellPM }}"
                                                                                           class="calendar-input rooms-sell numberOfRoomsPM"
                                                                                           type="number" min="0" step="1"
                                                                                           value="{{ $date->roomsToSellPM }}" disabled>
                                                                                </div>
                                                                            </div>

                                                                        @endforeach
                                                                    @endif
                                                                </div> {{--.rooms to sell--}}
                                                                @if($isMasterAdminUser == true)
                                                                    <div class="calendar-table__tr"> {{--.open rooms--}}

                                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                                 style="height: 34px;">
                                                                                <div class="calendar-room__row__heading">
                                                                                <span class="calendar-room__row__heading__label">
                                                                                Open Rooms
                                                                                </span>
                                                                                </div>
                                                                            </div>

                                                                            <div class="calendar-room__row__heading">
                                                                            <span class="calendar-room__row__heading__label">
                                                                            Open Rooms <span class="pull-right edit-btn">
{{--                                                                                    <a href="#"--}}
{{--                                                                                       onclick="openRoomsEditMode(this.id)"--}}
{{--                                                                                       id="{{ $room->id.'-'.$roomtype->name }}"--}}
{{--                                                                                       data-toggle="modal" data-target="#open-rooms-modal"--}}
{{--                                                                                    >Edit</a>--}}
                                                                                </span>
                                                                            </span>
                                                                                <span class = "time"  style="font-size : 12px; text-align: center; font-weight: bold; white-space: nowrap;">(8pm - 7am)</span>

                                                                            </div>

                                                                        </div>
                                                                        @if(count($room->ratePlans) > 0)
                                                                            @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                                    <div class="calendar-layout__cell__content calendar-wrap">
                                                                                        <span class="calendar-input-placeholder">1</span>
                                                                                        <input data-room-id="{{ $room->id }}"
                                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                               value="{{ $date->openRoomsPM }}"
                                                                                               class="calendar-input open-rooms openRoomsNumber"
                                                                                               type="number" min="0" step="1"
                                                                                               value="{{ $date->openRoomsPM }}" disabled>
                                                                                    </div>
                                                                                </div>

                                                                            @endforeach
                                                                        @endif
                                                                        @endif
                                                                    </div> {{--.open rooms--}}

                                                                @if($isMasterAdminUser == true)
                                                                    <div class="calendar-table__tr"> {{--production--}}

                                                                        <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">

                                                                            <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                                 style="height: 34px;">
                                                                                <div class="calendar-room__row__heading">
                                                                    <span class="calendar-room__row__heading__label">
                                                                    Booked Rooms
                                                                    </span>
                                                                                </div>
                                                                            </div>

                                                                            <div class="calendar-room__row__heading">
                                                                <span class="calendar-room__row__heading__label">
                                                                Booked Rooms <span class="pull-right edit-btn"></span>
                                                                </span>
                                                                            </div>

                                                                        </div>
                                                                        @if(count($room->ratePlans) > 0)
                                                                            @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled">
                                                                                    <div class="calendar-layout__cell__content calendar-wrap">
                                                                                        <span class="calendar-input-placeholder">1</span>
                                                                                        <input data-room-id="{{ $room->id }}"
                                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                               value="{{ $date->production }}"
                                                                                               class="calendar-input openRooms numberOfRooms"
                                                                                               type="number" min="0" step="1"
                                                                                               value="{{ $date->production }}" disabled>
                                                                                    </div>
                                                                                </div>

                                                                            @endforeach
                                                                        @endif
                                                                        @endif
                                                                    </div> {{--.production--}}


                                                            <div class="calendar-table__tr">
                                                                <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                    <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                         style="height: 34px;">
                                                                        <div class="calendar-room__row__heading calendar-room__row__heading--expandable">
                                                                            <div class="calendar-room__row__heading__label calendar-clickable-item"
                                                                                 role="button">
                                                                                Standard Rate
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--expandable">
                                                                        <div class="calendar-room__row__heading__label calendar-clickable-item "
                                                                             role="button">
                                                                            Standard Rate
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @if(count($room->ratePlans) > 0)
                                                                    @foreach($room->ratePlans[0]->occupancies[0]->prices as $date)
                                                                        <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--rounded calendar-layout__cell--bordered ">
                                                                            <div class="calendar-layout__cell__content calendar-layout__cell__content--rounded {{ $date->price_indication }}">
                                                                            </div>
                                                                        </div>

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

                                                    @foreach($occupancySort_coll[$loop->parent->index] as $occupancySort_key)



                                                        @php
                                                            $ratePlan= $room->ratePlans[$occupancySort_key->ratePlan_id];
                                                            $occupancy=$ratePlan->occupancies[$occupancySort_key->occu_id];
                                                        @endphp

                                                        <div class="calendar-table__tr">
                                                            <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                <div class="calendar-sticky-cell js-calendar-sticky-cell"
                                                                     style="height: 34px;">
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Selling Price
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                        <span class="">
                                                                            <a href="" class="edit-btn"
                                                                               onclick="priceUpdateEdit(this.id)"
                                                                               id="{{ $room->id.'_'.$roomtype->name.'_'.$occupancy->pivot->id }}"
                                                                               data-toggle="modal" data-target="#price-modal">Edit</a>
                                                                            </span>
                                                                    </div>
                                                                </div>


                                                                <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Selling Price {{ $ratePlan->rateCode->code }}
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                    @if(isset($isEditableForThisUser) && $isEditableForThisUser)
                                                                        <span class="">
                                                                            <a href="" class="edit-btn"
                                                                               onclick="priceUpdateEdit(this.id)"
                                                                               id="{{ $room->id.'_'.$roomtype->name.'_'.$occupancy->pivot->id }}"
                                                                               data-toggle="modal"
                                                                               data-target="#price-modal">Edit</a>
                                                                            </span>
                                                                    @endif
                                                                </div>
                                                            </div>


                                                            @if(count($occupancy->prices) > 0)
                                                                @foreach($occupancy->prices as $date)
                                                                    <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                        <div class="calendar-layout__cell__content calendar-wrap">
                                                                            <span class="calendar-input-placeholder">{{ $date->editable_price }}</span>
                                                                            <input data-occupancy-rateplan="{{ $date->occupancy_rateplan_id }}"
                                                                                   data-commission-type="{{ $property->commissionStructure->type }}"
                                                                                   data-commission-percentage="{{ $date->commission_percentage }}"
                                                                                   data-room-id="{{ $room->id }}"
                                                                                   data-property-connected="{{$property->CM_integrated}}"
                                                                                   data-room-commission="{{ $date->commission }}"
                                                                                   data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                   value="@if(isset($date->editable_price)){{$date->editable_price}}@else N/A @endif"
                                                                                   class="calendar-input priceField"
                                                                                   type="number" min="1" max="99999.99"
                                                                                    {{ $date->isEditable ? '' : 'disabled' }}
                                                                            >
                                                                        </div>
                                                                    </div>

                                                                @endforeach

                                                            @else
                                                                <p style="margin-left: 33%;">Selected dates are empty
                                                                    for this room type.</p>
                                                            @endif
                                                        </div>

                                                        <!-- <div class="calendar-table__tr">
                                                            <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                <div class="calendar-sticky-cell js-calendar-sticky-cell"style="height: 34px;">
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Base Price + Tax
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                    </div>
                                                                </div>
                                                                <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Base Price + Tax
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                </div>
                                                            </div>


                                                            @foreach($occupancy->prices as $date)
                                                                <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled ">
                                                                    <div class="calendar-layout__cell__content calendar-wrap">
                                                                        <span class="calendar-input-placeholder">{{ $date->non_editable_price }}</span>
                                                                        <input class="calendar-input sellingpriceField"
                                                                               id="selling-price-{{ $room->id.'-'.date_format(date_create($date->date),'Y-m-d').'-'.$date->occupancy_rateplan_id }}"
                                                                               disabled="disabled"
                                                                               data-room-id="{{ $room->id }}"
                                                                               data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                               type="text"
                                                                               value="{{ $date->non_editable_price }}">
                                                                    </div>
                                                                </div>

                                                            @endforeach

                                                        </div> -->

                                                        <!-- @if($isEditableForThisUser==true)
                                                            <div class="calendar-table__tr">
                                                                <div class="calendar-table__td calendar-layout__cell js-calendar-sticky-cell-container ">
                                                                    <div class="calendar-sticky-cell js-calendar-sticky-cell"style="height: 34px;">
                                                                        <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                            <span class="calendar-room__row__heading__label"> Base Price + Commission
                                                                                <span class="calendar-badge calendar-badge--ocupancy">  x 2 </span>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="calendar-room__row__heading calendar-room__row__heading--subsection">
                                                                        <span class="calendar-room__row__heading__label"> Base Price + Commission
                                                                        <span class="calendar-badge calendar-badge--ocupancy"> x {{ $occupancy->accomadates }} </span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                @foreach($occupancy->prices as $date)

                                                                    <div class="calendar-table__td calendar-layout__cell calendar-layout__cell--bordered calendar-middle calendar-layout__cell--filled baseprice_row">
                                                                        <div class="calendar-layout__cell__content calendar-wrap">
                                                                            <span class="calendar-input-placeholder">{{ $date->commisionableAmount }}</span>
                                                                            <input class="calendar-input sellingpriceField baseprice_row"
                                                                                   id="base-price-{{ $room->id.'-'.date_format(date_create($date->date),'Y-m-d').'-'.$date->occupancy_rateplan_id }}"
                                                                                   disabled="disabled"
                                                                                   data-room-id="{{ $room->id }}"
                                                                                   data-date="{{ date_format(date_create($date->date),'Y-m-d') }}"
                                                                                   type="text"
                                                                                   value="{{ $date->commisionableAmount }}">
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        @endif -->
                                                    @endforeach


                                                </div>
                                            </div>


                                        @endif

                                    </div>

                                @endforeach
                            @endforeach   {{--.calendar-matrix-container--}}


                        </div> {{--.calendar-matrix-view--}}
                    </div> <!-- left content -->


                </div> <!-- choose date -->
            </div>
            <!-- Page body end -->

        </div> <!-- container-fluid -->
    </div> <!-- page-wrapper -->
    </div> <!-- main-body -->


    <!-- starting modals -->


    <!-- Rooms to sell modal start -->
    {!! Form::open(['url' => 'update/rooms/to/sell', 'method' => 'post']) !!}
    <input type="hidden" id="room_id" name="rooms[]" value="">
    <div class="modal fade" id="sign-in-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('calendar.rooms to sell') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    <form>
                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                    <input class="form-control" type="date" name="date_from">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                    <input class="form-control" type="date" name="date_to">
                                </div>
                            </div>
                        </div>

                        <div class="row weekdays">

                            <p id="showweekdays"
                               class="weekday-text">{{ __('calendar.Which weekdays do you want to apply changes to?') }}
                                <span class="select-weekday"><i class="fa fa-chevron-down"></i></span></p>
                        </div>
                        <div class="row weekdays2 weekdays-show">
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="monday" checked name="monday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.Mon') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="tuesday" checked name="tuesday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.TUE') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="wednesday" checked name="wednesday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.WED') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="thursday" checked name="thursday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.THU') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="friday" checked name="friday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.FRI') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="saturday" checked name="saturday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.SAT') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="sunday" checked name="sunday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.SUN') }}</span>
                                </label>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <p class="sell-room" id="room-to-sell-room-name">Standard Double Room</p>
                                    <p class="sell-room-num">{{ __('calendar.Number of rooms to sell') }}</p>

                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div>
                                    <input type="text" class="form-control" name="numberOfRooms" required>
                                </div>
                                @if($isMasterAdminUser == true)
                                    <!-- <div>
                                        <input type="checkbox" class="form-control" name="requiredClose" required>PO Requested
                                    </div>     -->
                                <div class="checkbox-fade small-checkbox fade-in-primary">
                                    <label>
                                        <input type="checkbox" name="requiredClose" value="poRequired" checked>
                                        <span class="cr small-check">
                                        <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                        </span>
                                        <span >PO Requested</span>
                                    </label>
                                </div>
                                 @endif

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="submit" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    {!! Form::close() !!}
    <!-- Rooms to sell modal modal end -->

    <!-- Rooms to sell Flexi modal start -->
    {!! Form::open(['url' => 'update/rooms/to/sell/flexi', 'method' => 'post']) !!}
    <input type="hidden" id="room_id_flexi" name="rooms[]" value="">
    <div class="modal fade" id="flexi-sign-in-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('calendar.rooms to sell') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    <form>
                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                    <input class="form-control" type="date" name="date_from">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                    <input class="form-control" type="date" name="date_to">
                                </div>
                            </div>
                        </div>

                        <div class="row weekdays">

                            <p id="showweekdays"
                               class="weekday-text">{{ __('calendar.Which weekdays do you want to apply changes to?') }}
                                <span class="select-weekday"><i class="fa fa-chevron-down"></i></span></p>
                        </div>
                        <div class="row weekdays2 weekdays-show">
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="monday" checked name="monday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.Mon') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="tuesday" checked name="tuesday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.TUE') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="wednesday" checked name="wednesday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.WED') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="thursday" checked name="thursday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.THU') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="friday" checked name="friday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.FRI') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="saturday" checked name="saturday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.SAT') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="sunday" checked name="sunday">
                                    <span class="cr small-check">
                                       <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                      </span>
                                    <span class="weekday">{{ __('calendar.SUN') }}</span>
                                </label>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <p class="sell-room" id="room-to-sell-room-name">Standard Double Room</p>
                                    <p class="sell-room-num">Rooms to Sell (9am)</p>
                                    <input type="text" class="form-control" name="numberOfRoomsAM" required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div>
                                    <p class="sell-room" id="room-to-sell-room-name">Standard Double Room</p>
                                    <p class="sell-room-num">Rooms To Sell (6pm)</p>
                                    <input type="text" class="form-control" name="numberOfRoomsPM" required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div>

                                </div>
                            @if($isMasterAdminUser == true)
                                <!-- <div>
                                        <input type="checkbox" class="form-control" name="requiredClose" required>PO Requested
                                    </div>     -->
                                    <div class="checkbox-fade small-checkbox fade-in-primary">
                                        <label>
                                            <input type="checkbox" name="requiredClose" value="poRequired" checked>
                                            <span class="cr small-check">
                                        <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                        </span>
                                            <span >PO Requested</span>
                                        </label>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="submit" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    {!! Form::close() !!}
    <!-- Rooms to sell Flexi modal end -->

    <!-- Open rooms modal start -->
    {!! Form::open(['url' => 'update/open/rooms', 'method' => 'post']) !!}
    <input type="hidden" id="or_room_id" name="rooms[]" value="">
    <div class="modal fade" id="open-rooms-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('calendar.open rooms') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    <form>
                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                    <input class="form-control" type="date" name="date_from">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                    <input class="form-control" type="date" name="date_to">
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <p class="open-rooms" id="open-rooms-room-name">Standard Double Room</p>
                                    <p class="open-rooms-num">{{ __('calendar.Number of open rooms') }}</p>

                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <input type="text" class="form-control" name="openRoomsNumber" required>
                                </div>
                            @if($isMasterAdminUser == true)
                                <!-- <div>
                                        <input type="checkbox" class="form-control" name="requiredClose" required>PO Requested
                                    </div>     -->
                            @endif

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="submit" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    {!! Form::close() !!}
    <!-- Open rooms modal modal end -->

    <!-- price modal start -->
    <div class="modal fade" id="price-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title rate-title">{{ __('calendar.standard rate') }} <br> <span
                                class="price-tag">{{ __('calendar.price') }}</span></h6>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    {!! Form::open([ 'url' => url('price/update'), 'method' => 'post' ]) !!}

                    <input type="hidden" name="room_id" id="price-model-room-id" value="">
                    <input type="hidden" name="occupancy_rateplan_id" id="price-model-occupancy-rate-plan-id" value="">

                    <div class="row">
                        <div class="well well-sm">
                            {{ __('calendar.Select the dates you want to edit in your calendar and adjust your prices.') }}
                        </div>

                        <div class="col-sm-6">
                            <div>
                                <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                <input name="dateFrom" class="form-control" type="date">
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div>
                                <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                <input name="dateTo" class="form-control" type="date">
                            </div>
                        </div>
                    </div>

                    <div class="row weekdays">

                        <p id="showweekdays1"
                           class="weekday-text">{{ __('calendar.Which weekdays do you want to apply changes to?') }}
                            <span class="select-weekday"><i class="fa fa-chevron-down"></i></span></p>
                    </div>
                    <div class="row weekdays2 weekdays-show">
                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="monday" checked value="monday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.Mon') }}</span>
                            </label>
                        </div>

                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="tuesday" checked value="tuesday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.TUE') }}</span>
                            </label>
                        </div>

                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="wednesday" checked value="wednesday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.WED') }}</span>
                            </label>
                        </div>
                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="thursday" checked value="thursday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.THU') }}</span>
                            </label>
                        </div>
                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="friday" checked value="friday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.FRI') }}</span>
                            </label>
                        </div>
                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="saturday" checked value="saturday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.SAT') }}</span>
                            </label>
                        </div>
                        <div class="checkbox-fade small-checkbox fade-in-primary">
                            <label>
                                <input type="checkbox" name="sunday" checked value="sunday">
                                <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                <span class="weekday">{{ __('calendar.SUN') }}</span>
                            </label>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div>
                                <p class="sell-room" id="price-model-room-name"></p>
                                <p class="sell-room-num">{{ __('calendar.New Price per night') }}</p>

                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="input-group input-group-button">
                                <input type="number" required step="0.01" class="form-control" name="price"
                                       placeholder="">
                                <span class="input-group-addon currency-label">US$
                                       </span>
                            </div>
                        @if($isMasterAdminUser == true)
                                <div class="checkbox-fade small-checkbox fade-in-primary">
                                    <label>
                                        <input type="checkbox" name="otaExempt" value="yohoOnly">
                                        <span class="cr small-check">
                                        <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                        </span>
                                        <span >Yoho ONLY</span>
                                    </label>
                                </div>
                            @endif
                        </div>

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="submit" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- price modal end -->

    <!-- minimum length modal start -->
    <div class="modal fade" id="stay-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title stay-title">{{ __('calendar.standard rate') }} <br> <span class="price-tag">Minimum Length of Stay</span>
                    </h6>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    <form>
                        <div class="row">
                            <div class="well well-sm">
                                A guest staying on this night must book for at least X nights in total.
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                    <input class="form-control" type="date">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                    <input class="form-control" type="date">
                                </div>
                            </div>
                        </div>

                        <div class="row weekdays">

                            <p id="showweekdays2"
                               class="weekday-text">{{ __('calendar.Which weekdays do you want to apply changes to?') }}
                                <span class="select-weekday"><i class="fa fa-chevron-down"></i></span></p>
                        </div>
                        <div class="row weekdays weekdays-show">
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.Mon') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.TUE') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.WED') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.THU') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.FRI') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.SAT') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.SUN') }}</span>
                                </label>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <p class="sell-room">Standard Double Room</p>
                                    <p class="sell-room-num">This room must be booked for a minimum of</p>

                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="input-group input-group-button">
                                    <input type="text" class="form-control" placeholder="">
                                    <span class="input-group-addon currency-label">Nights
                                       </span>
                                </div>
                            </div>


                            <div class="checkbox-fade fade-in-primary restrict-checkbox">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr">
                               <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                             </span>
                                    <span class="weekday">I want to remove the restriction on this room & rate for this period.</span>
                                </label>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="button" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    <!-- minimum length modal end -->



    <!-- minimum advance reservation modal start -->
    <div class="modal fade" id="advance-reservation-modal" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title advance-title">{{ __('calendar.standard rate') }} <br> <span
                                class="price-tag">{{ __('calendar.minimum advance reservation') }}</span></h6>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-b-0">
                    <form>
                        <div class="row">
                            <div class="well well-sm">
                                Guests can only check in on this date if they book at least X days in advance.
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.Start Date') }}</label>
                                    <input class="form-control" type="date">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div>
                                    <label class="form-control-label">{{ __('calendar.End Date') }}</label>
                                    <input class="form-control" type="date">
                                </div>
                            </div>
                        </div>

                        <div class="row weekdays">

                            <p id="showweekdays3"
                               class="weekday-text">{{ __('calendar.Which weekdays do you want to apply changes to?') }}
                                <span class="select-weekday"><i class="fa fa-chevron-down"></i></span></p>
                        </div>
                        <div class="row weekdays2 weekdays-show">
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.Mon') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.TUE') }}</span>
                                </label>
                            </div>

                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.WED') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.THU') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.FRI') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.SAT') }}</span>
                                </label>
                            </div>
                            <div class="checkbox-fade small-checkbox fade-in-primary">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr small-check">
                                   <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                    <span class="weekday">{{ __('calendar.SUN') }}</span>
                                </label>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div>
                                    <p class="sell-room">Standard Double Room</p>
                                    <p class="sell-room-num">This rate only stays available to book up until this many
                                        days/hours before an individual date.</p>

                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="input-group input-group-button">
                                    <input type="text" class="form-control" placeholder="">
                                    <span class="input-group-addon currency-label">Days
                                       </span>
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="input-group input-group-button">
                                    <input type="text" class="form-control" placeholder="">
                                    <span class="input-group-addon currency-label">Hours
                                       </span>
                                </div>
                            </div>


                            <div class="checkbox-fade fade-in-primary restrict-checkbox">
                                <label>
                                    <input type="checkbox" value="">
                                    <span class="cr">
                               <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                             </span>
                                    <span class="weekday"> I want to remove the restriction on this room & rate for this period.</span>
                                </label>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('calendar.Cancel') }}</button>
                    <button type="button" class="btn btn-primary save-btn">{{ __('calendar.Save') }}</button>
                </div>
            </div>
        </div>
    </div>




    <!-- minimum advance reservation modal end -->


    <!-- hidden forms -->
    {!! Form::open([ 'url' => url('open/close/room/single/date'), 'method' => 'post', 'id' => 'day-block-form']) !!}
    <input type="hidden" name="rooms[]" id="hidden-block-form-room-id">
    <input type="hidden" name="date_from" id="hidden-block-form-date-from">
    <input type="hidden" name="date_to" id="hidden-block-form-date-to">
    <input type="hidden" name="status" id="hidden-block-form-status">
    <input type="hidden" name="monday" id="hidden-block-form-monday">
    <input type="hidden" name="tuesday" id="hidden-block-form-tuesday">
    <input type="hidden" name="wednesday" id="hidden-block-form-wednesday">
    <input type="hidden" name="thursday" id="hidden-block-form-thursday">
    <input type="hidden" name="friday" id="hidden-block-form-friday">
    <input type="hidden" name="saturday" id="hidden-block-form-saturday">
    <input type="hidden" name="sunday" id="hidden-block-form-sunday">
    <input type="hidden" name="numberOfRooms" id="hidden-block-form-numberOfRooms">
    <input type="hidden" name="occupancy_rateplan_id" id="hidden-block-occupancy-rateplan-id">

    {!! Form::close() !!}
    <!-- hidden forms -->

    <!-- hidden form price -->
    {!! Form::open([ 'url' => url('price/update'), 'method' => 'post', 'id' => 'day-price-form']) !!}
    <input type="hidden" name="room_id" id="hidden-price-form-room-id">
    <input type="hidden" name="dateFrom" id="hidden-price-form-date-from">
    <input type="hidden" name="dateTo" id="hidden-price-form-date-to">
    <input type="hidden" name="status" id="hidden-price-form-status">
    <input type="hidden" name="monday" id="hidden-price-form-monday">
    <input type="hidden" name="tuesday" id="hidden-price-form-tuesday">
    <input type="hidden" name="wednesday" id="hidden-price-form-wednesday">
    <input type="hidden" name="thursday" id="hidden-price-form-thursday">
    <input type="hidden" name="friday" id="hidden-price-form-friday">
    <input type="hidden" name="saturday" id="hidden-price-form-saturday">
    <input type="hidden" name="sunday" id="hidden-price-form-sunday">
    <input type="hidden" name="price" id="hidden-price-form-price">
    <input type="hidden" name="ratePlanCode" value="STD" id="hidden-price-form-rate-plane-code">
    <input type="hidden" name="occupancy_rateplan_id" value="" id="hidden-price-form-occupancy-rateplan">

    {!! Form::close() !!}
    <!-- hidden form price -->



@endsection



@section('scripts')


    <!-- Required Jquery -->
    <script type="text/javascript"
            src="{{ asset('bower_components/jquery/dist/jquery.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/jquery-ui/jquery-ui.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/tether/dist/js/tether.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/bootstrap/dist/js/bootstrap.min.js', \App::environment() == 'production') }}"></script>
    <!-- jquery slimscroll js -->
    <script type="text/javascript"
            src="{{ asset('bower_components/jquery-slimscroll/jquery.slimscroll.js', \App::environment() == 'production') }}"></script>
    <!-- modernizr js -->
    <script type="text/javascript"
            src="{{ asset('bower_components/modernizr/modernizr.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/modernizr/feature-detects/css-scrollbars.js', \App::environment() == 'production') }}"></script>
    <!-- classie js -->
    <script type="text/javascript"
            src="{{ asset('bower_components/classie/classie.js', \App::environment() == 'production') }}"></script>
    <!-- Syntax highlighter prism js -->
    <script type="text/javascript"
            src="{{ asset('assets/pages/prism/custom-prism.js', \App::environment() == 'production') }}"></script>
    <!-- i18next.min.js -->
    <script type="text/javascript"
            src="{{ asset('bower_components/i18next/i18next.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/i18next-xhr-backend/i18nextXHRBackend.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.min.js', \App::environment() == 'production') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bower_components/jquery-i18next/jquery-i18next.min.js', \App::environment() == 'production') }}"></script>
    <!-- Custom js -->
    <script type="text/javascript"
            src="{{ asset('assets/js/script.js', \App::environment() == 'production') }}"></script>

    <script src="{{ asset('assets/js/pcoded.min.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('assets/js/demo-10.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('assets/js/jquery.mousewheel.min.js', \App::environment() == 'production') }}"></script>
    <script src="{{ asset('js/calendar-page.js', \App::environment() == 'production') }}"></script>

    <script>
        $(".availabiity-color-2, .availabiity-color-3 ").click(function () {
            $(this).css("background", "#da4e4e");
            $(this).css("cursor", "default");

        });
    </script>

    <script>
        $(document).ready(function () {
            $('#showweekdays').click(function () {
                $('.weekdays-show').slideToggle("fast");
            });
        });
    </script>

    <script>
        $(document).ready(function () {
            $('#showweekdays1').click(function () {
                $('.weekdays-show').slideToggle("fast");
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('#showweekdays2').click(function () {
                $('.weekdays-show').slideToggle("fast");
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('#showweekdays3').click(function () {
                $('.weekdays-show').slideToggle("fast");
            });
        });
    </script>

    <!-- color guide -->

    <script>
        jQuery(document).ready(function (e) {
            function t(t) {
                e(t).bind("click", function (t) {
                    t.preventDefault();
                    e(this).parent().fadeOut()
                })
            }

            e(".dropdown-toggle").click(function () {
                var t = e(this).parents(".button-dropdown").children(".dropdown-menu").is(":hidden");
                e(".button-dropdown .dropdown-menu").hide();
                e(".button-dropdown .dropdown-toggle").removeClass("active");
                if (t) {
                    e(this).parents(".button-dropdown").children(".dropdown-menu").toggle().parents(".button-dropdown").children(".dropdown-toggle").addClass("active")
                }
            });
            e(document).bind("click", function (t) {
                var n = e(t.target);
                if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .dropdown-menu").hide();
            });
            e(document).bind("click", function (t) {
                var n = e(t.target);
                if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .dropdown-toggle").removeClass("active");
            });

        });
    </script>

    <script>
        $(document).ready(function () {

            var ota_commission_rate = "{{ $otaCommissionRate }}";

            var commissionSlabs = JSON.parse('{!! json_encode($commissionSlab) !!}');

            var pricingType = "{{ $pricingType }}";

{{--            var taxPercentage = "{{ $taxPercentage }}";--}}
            var vat_rate = parseFloat("{{ $taxPercentage->vat_rate }}");
            var nbt_rate = parseFloat("{{ $taxPercentage->nbt_rate }}");
            var service_charge_rate = parseFloat("{{ $taxPercentage->service_charge_rate }}");

            $('.priceField').keyup(function () {
                var price = $(this).val();

                if (price.length < 1 || isNaN(price) || price < 1 || price > 100000) {
                    alert("Please check the selling price!");
                    price = $(this).attr('value');
                    this.value = price;
                }

                if(pricingType === 'BottomUp') {

                    var commission = commissionSlabs.filter(function (c) {
                        return c.slab_start <= price && c.slab_end >= price;
                    });

                    commission = commission.length > 0 ? commission[0].commission : 0;

                    var roomId = $(this).data('room-id');
                    var connected = $(this).data('property-connected');
                    var date = $(this).data('date');
                    var occupancy_rateplan_id = $(this).data('occupancy-rateplan');
                    var commissionType = $(this).data('commission-type');
                    var commissionPercentage = $(this).data('commission-percentage');
                    var sellingPrice = 0;

                    if (commissionType === 'percentage') {
                        sumCommission = parseFloat(ota_commission_rate) + parseFloat(commissionPercentage);
                        sellingPrice = parseFloat(price) / (1 - (sumCommission / 100));
                        sellingPrice = Math.ceil(sellingPrice * 100) / 100;
                    } else {
                        sellingPrice = (parseFloat(price) + parseFloat(commission)) / (1 - (ota_commission_rate / 100));
                        sellingPrice = Math.ceil(sellingPrice * 100) / 100;
                    }


                    $('#selling-price-' + roomId + '-' + date + '-' + occupancy_rateplan_id).val(sellingPrice.toFixed(2));
                } else {
                    var roomId = $(this).data('room-id');
                    var date = $(this).data('date');
                    var occupancy_rateplan_id = $(this).data('occupancy-rateplan');
                    var commissionPercentage = $(this).data('commission-percentage');

                    price = parseFloat(price);
                    var sumCommission = parseFloat(ota_commission_rate) + parseFloat(commissionPercentage);
                    // var commisionableAmount = ( price / (1+(parseFloat(taxPercentage)/100)) );
                    var commisionableAmount = (price / (1 + vat_rate)) * (1/(1 + nbt_rate)) * (1/(1 + service_charge_rate));
                    var taxes = price - parseFloat(commisionableAmount);
                    var basePrice = (commisionableAmount * ((100-sumCommission)/100)) + taxes;
                    $('#selling-price-' + roomId + '-' + date + '-' + occupancy_rateplan_id).val(basePrice.toFixed(2));
                    $('#base-price-' + roomId + '-' + date + '-' + occupancy_rateplan_id).val(commisionableAmount.toFixed(2));
                }
            });
        });


        
        $(document).ready(function(){
            $("#local_ratio_btn").click(function(){
                $.ajax({
                    url:"/update-local-ratio/{{Session::get('property_id')}}/"+$("#local_ratio").val(),
                    type: "GET",
                    success: function(){
                        alert("Local ratio updated successfully");
                    }
                });
            });
            $("#bulk_upload").change(function(e){
                if($(this).val()==""){
                    alert("The file needs to be selected for validation");
                } else {
                    const extension = e.target.files[0].name.split('.').pop();
                    var supported_types = ["xlsx","xlsb","xls","xlsm"];
                        if(supported_types.indexOf(extension)==-1){
                            alert("Invalid File type!");
                            $(this).val("");
                        } 
                }
        });
        $("#bulk_upload_btn").click(function(e){
            if($("#bulk_upload").val()==""){
                    alert("The file needs to be selected for upload");
                    e.preventDefault();
                } else {
                    $("#bulk_upload_btn").attr("disabled","disabled");
                    $("#bulk_upload_form").trigger("submit");
                }
        });
        setTimeout(function(){
            $(".alert").hide();
        },5000);
    });
    </script>


@endsection