@extends('layouts.main')

@section('title', 'Property Dashboard')

@section('css') @endsection
<link rel="stylesheet" type="text/css" href="{{ asset('bower_components/c3/c3.css', \App::environment() == 'production') }}" media="all" rel="stylesheet" type="text/css" />

@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
    <div class="main-body">
        <div class="page-wrapper">
            
                <!-- Page header start -->
                <div class="page-header">
                    <div class="page-header-title">
                        <h3>{{ $property->actual_name }} {!! $data->property_status !!}</h3>
                    </div>
                    <div class="avialble-label">
                        {{--<label class="label label-lg label-primary label-book">Open / Bookable</label>--}}
                    </div>

                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                            </li>

                            <li class="breadcrumb-item"><a href="{{ url('/') }}">Dashboard</a>
                            </li>



                        </ul>
                    </div>
                </div>
                <!-- Page header end -->
                <!-- Page body start -->
                <div class="row">
                    <div class="col-md-12" style="border: 0px solid red">
                    <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 class="left-header">
                            <h4>Revenue Statistics</h4>
                        </div>
                        <div class="left-content" style="border: 0px solid red">
                            <canvas id="chart12" width="400" height="100"></canvas>
                        </div>
                        <div class="left-content" style="border: 0px solid red; padding-left: 47px">
                            <div class="table-responsive" style="margin-left: 8px; display: none" id="adr-content">
                                <span><b>Average Daily Rate</b></span>
                                <table border="0" width="98%" id="adr-table">
                                    <tr>
                                        @foreach($revenueStats as $stat)
                                            <td height="50" style="text-align: left">
                                            <span class="badge badge-primary" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px">
                                                <i class="fa fa-dollar" style="margin-right: 3px"></i> {{ $stat->adr }}
                                            </span>
                                            </td>
                                        @endforeach
                                    </tr>
                                </table>
                                <span><b>Total No. of Nights</b></span>
                                <table border="0" width="98%" id="adr-table">
                                    <tr>
                                        @foreach($revenueStats as $stat)
                                            <td height="50" style="text-align: left">
                                            <span class="badge badge-primary" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px">
                                                <i class="fa fa-calendar" style="margin-right: 3px"></i> {{ $stat->totalNights }}
                                            </span>
                                            </td>
                                        @endforeach
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <button id="btn1" style="float: right; margin-top: 20px; margin-right: 2%; border-radius: 10px" class="btn btn-info m-t-30">Show Stats</button>
                        @if(false)
                            <span><b>Room Nights</b></span>
                            <div class="left-content" style="border: 0px solid red; padding-left: 47px">
                                <div>
                                    <div style="border: 0px solid blue; width: 103px; height: 85px; display: inline-block;">
                                        <div style="margin-top: 10px; font-size: 14px">
                                            <div style="font-weight: bold; color: #d01c1c">43</div>
                                            <span class="badge badge-danger" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px"><i class="fa fa-caret-down" style="margin-right: 8px"></i> -8.1%</span>
                                            <div style="color: #999999"><strong><em>56</em></strong></div>
                                        </div>
                                    </div>
                                    <div style="border: 0px solid blue; width: 103px; height: 85px; display: inline-block; margin-left: -4px">
                                        <div style="margin-top: 10px; font-size: 14px">
                                            <div style="font-weight: bold; color: #00cf78">92</div>
                                            <span class="badge badge-success" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px"><i class="fa fa-caret-up" style="margin-right: 8px"></i> -8.1%</span>
                                            <div style="color: #999999"><strong><em>87</em></strong></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr style=" border-color: #a8a8a8">
                            <span><b>Room Nights</b></span>
                            <div class="left-content" style="border: 0px solid red; padding-left: 47px">
                                <div>
                                    <div style="border: 0px solid blue; width: 103px; height: 85px; display: inline-block;">
                                        <div style="margin-top: 10px; font-size: 14px">
                                            <div style="font-weight: bold; color: #d01c1c">43</div>
                                            <span class="badge badge-danger" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px"><i class="fa fa-caret-down" style="margin-right: 8px"></i> -8.1%</span>
                                            <div style="color: #999999"><strong><em>56</em></strong></div>
                                        </div>
                                    </div>
                                    <div style="border: 0px solid blue; width: 103px; height: 85px; display: inline-block; margin-left: -4px">
                                        <div style="margin-top: 10px; font-size: 14px">
                                            <div style="font-weight: bold; color: #00cf78">92</div>
                                            <span class="badge badge-success" style="margin-top: 5px; margin-bottom: 5px; border-radius: 5px"><i class="fa fa-caret-up" style="margin-right: 8px"></i> -8.1%</span>
                                            <div style="color: #999999"><strong><em>87</em></strong></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr style=" border-color: #a8a8a8">
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8 m-b-15 margin-left">
                        <div class="country-wrp">
                                      <!-- <input type="hidden" id="hotelCode" name="hotelCode" value = {{$hotelCode}} /> -->
                            <div id="countries"></div>
                        </div>
                    </div>                           
                </div>
                <div class="row">
                    <div class="col-md-8 choose-date">
                        <div class="left-header">
                            <h4 class="selected-date">Today</h4>

                          <!--   <div class="col-sm-12 col-xl-4 date-select">
                                <input class="form-control" disabled type="date" value="{{$data->today->format('Y-m-d')}}"/>
                            </div> -->
                        </div>

                       <!--  <div class="col-md-6 hidden-md-up m-t-15"></div> -->
                        <div class="left-content">
                          <!--   <div class="sub-title"></div> --><!-- Nav tabs -->
                            <ul class="nav nav-tabs md-tabs " role="tablist">
                                <li class="nav-item ">
                                    <a class="nav-link active tab-links arrival" data-toggle="tab" href="#home7" role="tab">
                                        <!-- <i class="icofont icofont-home tab-icons"></i> -->Arrivals <span>({{ count($data->todayCheckins) }})</span></a>
                                    <div class="slide" style="width:89px;"></div>
                                </li>
                                <li class="nav-item ">
                                    <a class="nav-link tab-links departure" data-toggle="tab" href="#profile7" role="tab">
                                        <!-- <i class="icofont icofont-ui-user tab-icons"></i> -->Departures <span>({{ count($data->todayCheckouts) }})</span></a>
                                    <div class="slide" style="width:112px;"></div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link tab-links" data-toggle="tab" href="#messages7" role="tab">
                                         {{--<i class="icofont icofont-ui-message tab-icons"></i>--}}Stay Overs <span>({{ count($data->stayOvers) }})</span></a>
                                    <div class="slide"></div>
                                </li>

                            </ul>
                            <!-- Tab panes -->
                            <div
                             class="tab-content card-block">
                                <div class="tab-pane active" id="home7" role="tabpanel">
                                    <ul class="resent-booking">

                                        @if(count($data->todayCheckins) == 0)
                                            <h4>No arrivals today</h4>
                                        @endif

                                        @foreach( $data->todayCheckins as $key => $booking )

                                            <li class="recent-booking-section">
                                                <div class="reservation-date">

                                                    <div class="arrival-date">
                                                        <p class="month">{{ $booking->checkin_month }}</p>
                                                        <p class="date">{{ $booking->checkin_day }}</p>
                                                    </div>

                                                    <div class="departure-date">
                                                        <p class="month">{{ $booking->checkout_month }}</p>
                                                        <p class="date">{{ $booking->checkout_day }}</p>
                                                    </div>

                                                </div>

                                                <div class="reservation-details row">
                                                    <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                        <div class="guest-name customer-view-link" data-reference="{{ urlencode(base64_encode($booking->customer_id)) }}">
                                                            {{ isset($booking->booking_room_id) ? $booking->booking->guest_name : $booking->customer->name }} <span> <a href="#" id="dropdown-active-item">
                                                            <i class="flag-icon flag-icon-{{ $booking->country_code }} m-r-5"></i>
                                                </a></span>
                                                        </div>

                                                        <div class="guest-value">
                                                            {{ isset($booking->booking_room_id) ? $booking->booking->total_pax : $booking->guests }} Guest : {{ $booking->nights }} Nights
                                                        </div>

                                                        <div class="arrival-time">
                                                            <div class="time-label">
                                                                Guest arrival time
                                                            </div>

                                                            <div class="time">
                                                                No time provided
                                                            </div>

                                                            <!-- <div class="ask-guest">
                                                                <a href=""> Ask guest for a arrival time</a>
                                                            </div> -->
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                        <div class="time-label">
                                                            Received:

                                                        </div>

                                                        <div class="time">
                                                            {{ $booking->created_at->format('D, M d, Y') }}
                                                        </div>


                                                        <!-- <div class="col-md-6 m-l-15">
                                                              <button class="btn btn-info m-t-30">View More</button>
                                                        </div> -->

                                                       <!--  <div class="arrival-time">
                                                            <div class="time-label">
                                                                Total reservation price:
                                                            </div>

                                                            <div class="time">
                                                                {{ $booking->currency }} {{ $booking->amount }}
                                                            </div>

                                                        </div> -->
                                                        <div class="col-md-6 m-l-15" data-reference="">
                                                            <button class="btn btn-info m-t-30 reservation-view-link" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">View More</button>
                                                        </div>
                                                        {{--<p class="message-noti">2 New messages</p>--}}
                                                    </div>


                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>

                                <div class="tab-pane" id="profile7" role="tabpanel">
                                    <ul class="resent-booking">

                                        @if(count($data->todayCheckouts) == 0)
                                            <h4>No depatures today</h4>
                                        @endif

                                        @foreach( $data->todayCheckouts as $key => $booking )
                                            <li class="recent-booking-section" >
                                               <a style="cursor: pointer;" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">
                                                <div class="reservation-date">

                                                    <div class="arrival-date">
                                                        <p class="month">{{ $booking->checkin_month }}</p>
                                                        <p class="date">{{ $booking->checkin_day }}</p>
                                                    </div>

                                                    <div class="departure-date">
                                                        <p class="month">{{ $booking->checkout_month }}</p>
                                                        <p class="date">{{ $booking->checkout_day }}</p>
                                                    </div>

                                                </div>

                                                <div class="reservation-details row">
                                                    <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                        <div class="guest-name customer-view-link" data-reference="{{ urlencode(base64_encode($booking->customer_id)) }}">
                                                            {{ isset($booking->booking_room_id) ? $booking->booking->guest_name : $booking->customer->name }} <span> <a href="#" id="dropdown-active-item">
                                                            <i class="flag-icon flag-icon-{{ $booking->country_code }} m-r-5"></i>
                                    </a></span>
                                                        </div>

                                                        <div class="guest-value">
                                                            {{ isset($booking->booking_room_id) ? $booking->booking->total_pax : $booking->guests }} Guest : {{ $booking->nights }} Nights
                                                        </div>

                                                        <div class="arrival-time">
                                                            <div class="time-label">
                                                                Guest arrival time
                                                            </div>

                                                            <div class="time">
                                                                No time provided
                                                            </div>

                                                           <!--  <div class="ask-guest">
                                                                <a href=""> Ask guest for a arrival time</a>
                                                            </div> -->
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                        <div class="time-label">
                                                            Received:

                                                        </div>

                                                        <div class="time">
                                                            {{ $booking->created_at->format('D, M d, Y') }}
                                                        </div>

                                                        <!-- <div class="arrival-time">
                                                            <div class="time-label">
                                                                Total reservation price:
                                                            </div>

                                                            <div class="time">
                                                                {{ $booking->currency }} {{ $booking->amount }}
                                                            </div>

                                                        </div> -->

                                                        <div class="col-md-6 m-l-15" data-reference="">
                                                            <button class="btn btn-info m-t-30 reservation-view-link" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">View More</button>
                                                        </div>

                                                    </div>


                                                </div>
                                            </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>

                                <div class="tab-pane" id="messages7" role="tabpanel">
                                <ul class="resent-booking">

                                    @if(count($data->stayOvers) == 0)
                                        <h4>No stayovers</h4>
                                    @endif

                                    @foreach($data->stayOvers as $booking)

                                            <li class="recent-booking-section" >
                                                <a style="cursor: pointer;" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">
                                                    <div class="reservation-date">

                                                        <div class="arrival-date">
                                                            <p class="month">{{ $booking->checkin_month }}</p>
                                                            <p class="date">{{ $booking->checkin_day }}</p>
                                                        </div>

                                                        <div class="departure-date">
                                                            <p class="month">{{ $booking->checkout_month }}</p>
                                                            <p class="date">{{ $booking->checkout_day }}</p>
                                                        </div>

                                                    </div>

                                                    <div class="reservation-details row">
                                                        <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                            <div class="guest-name customer-view-link" data-reference="{{ urlencode(base64_encode($booking->customer_id)) }}">
                                                                {{ isset($booking->booking_room_id) ? $booking->booking->guest_name : $booking->customer->name }} <span> <a href="#" id="dropdown-active-item">
                                                                <i class="flag-icon flag-icon-{{ $booking->country_code }} m-r-5"></i>
                                    </a></span>
                                                            </div>

                                                            <div class="guest-value">
                                                                {{ isset($booking->booking_room_id) ? $booking->booking->total_pax : $booking->guests }} Guest : {{ $booking->nights }} Nights
                                                            </div>

                                                            <div class="arrival-time">
                                                                <div class="time-label">
                                                                    Guest arrival time
                                                                </div>

                                                                <div class="time">
                                                                    No time provided
                                                                </div>

                                                                <!--  <div class="ask-guest">
                                                                     <a href=""> Ask guest for a arrival time</a>
                                                                 </div> -->
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                            <div class="time-label">
                                                                Received:

                                                            </div>

                                                            <div class="time">
                                                                {{ $booking->created_at->format('D, M d, Y') }}
                                                            </div>

                                                        <!-- <div class="arrival-time">
                                                            <div class="time-label">
                                                                Total reservation price:
                                                            </div>

                                                            <div class="time">
                                                                {{ $booking->currency }} {{ $booking->amount }}
                                                                </div>

                                                            </div> -->

                                                            <div class="col-md-6 m-l-15" data-reference="">
                                                                <button class="btn btn-info m-t-30 reservation-view-link" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">View More</button>
                                                            </div>

                                                        </div>


                                                    </div>
                                                </a>
                                            </li>
                                    @endforeach
                                </ul>
                                </div>

                            </div>
                        </div>

                        <div class="left-header-2">
                            <h4 class="selected-date">Recent Bookings</h4>

                        </div>

                        <div class="left-content">
                            <ul class="resent-booking">
                                @foreach( $data->recentBookings as $key => $booking )
                                    <li class="recent-booking-section" data-reference="">
                                        <div class="reservation-date">

                                            <div class="arrival-date">
                                                <p class="month">{{ $booking->checkin_month }}</p>
                                                <p class="date">{{ $booking->checkin_day }}</p>
                                            </div>

                                            <div class="departure-date">
                                                <p class="month">{{  $booking->checkout_month }}</p>
                                                <p class="date">{{ $booking->checkout_day }}</p>
                                            </div>

                                        </div>

                                        <div class="reservation-details row">
                                            <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                <div class="guest-name customer-view-link" data-reference="{{ urlencode(base64_encode($booking->customer_id)) }}">
                                                    {{ isset($booking->booking_room_id) ? $booking->booking->guest_name : $booking->customer->name }}
                                                    <span>
                                                        <a href="" id="dropdown-active-item">
                                                        <i class="flag-icon flag-icon-{{ $booking->country_code }} m-r-5"></i>
                                                        </a>
                                                    </span>
                                                </div>

                                                <div class="guest-value">
                                                    {{ isset($booking->booking_room_id) ? $booking->booking->total_pax : $booking->guests }} Guest : {{ $booking->nights }} Nights
                                                </div>

                                                <div class="arrival-time">
                                                    <div class="time-label">
                                                        Guest arrival time
                                                    </div>

                                                    <div class="time">
                                                        No time provided
                                                    </div>

                                                    <!-- <div class="ask-guest">
                                                        <a href=""> Ask guest for a arrival time</a>
                                                    </div> -->
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-sm-12 col-xs-12 reserv-info-1">
                                                <div class="time-label">
                                                    Received:

                                                </div>

                                                <div class="time">
                                                    {{ $booking->created_at->format('D, M d, Y') }}
                                                </div>

                                               <!--  <div class="arrival-time">
                                                    <div class="time-label">
                                                        Total reservation price:
                                                    </div>
s
                                                    <div class="time">
                                                        {{ $booking->currency }} {{ $booking->amount }}
                                                    </div>

                                                </div> -->
                                                 <div class="col-md-6 m-l-15">
                                                              <button class="btn btn-info m-t-30 reservation-view-link" data-reference="{{ urlencode(base64_encode($booking->reference)) }}">View More</button>
                                                        </div>
                                                {{--<p class="message-noti">2 New messages</p>--}}
                                            </div>
                                            <div>
                                                <div class="time-label"  style ="margin-left:10px;font-size:12px;color:#800000">
                                                    @if(isset($booking->special_request) && $booking->special_request != null)
                                                        <b><span>&nbsp; Special Request: </span>{{ $booking->special_request }}</b>
                                                     @endif
                                                </div>
                                                <div class="time-label"  style ="margin-left:10px;font-size:12px;color:#FFAD00">
                                                    @if(isset($booking->comments) && $booking->comments != null)
                                                        <b><span>&nbsp; Call-Center Comments: </span>{{ $booking->comments }}</b>
                                                    @endif
                                                </div>
                                            </div>

                                        </div>
                                        
                                    </li>
                                @endforeach
                            </ul>

                            <div class="view-more">
                                <a class="btn btn-info btn-square" href="{{ url('bookings-view') }}">See all recent bookings</a>
                            </div>



                        </div>
                        <!-- end recent bookings -->

                        {{--<div class="left-header-2">--}}
                            {{--<h4 class="selected-date">Recent Reviews</h4>--}}
                        {{--</div>--}}

                        {{--<div class="left-content">--}}
                            {{--<p class="reviews">You have no recent activity</p>--}}
                        {{--</div>--}}


                    </div>
                    @if(Session::get('isMasterAdminUser'))
                    <div class="col-md-4 nofication-bar">
                        <div class="left-header-2">
                            <h4 class="selected-date">Today's Exchange Rate</h4>
                        </div>
                        <div class="row notification-section">
                            <div class="col-sm-12 col-md-12 col-xl-12">
                                <div class="card">
                                    <div class="card-block">
                                        <div style="font-size: large">
                                            1 USD<i class="flag-icon flag-icon-us m-r-5"></i> = {{ $exchangeRate }} LKR<i class="flag-icon flag-icon-lk m-r-5"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    {{--<div class="col-md-4 nofication-bar">--}}
                        {{--<h4>Notifications</h4>--}}

                        {{--<div class="row notification-section">--}}

                            {{--<div class="col-sm-12 col-md-12 col-xl-12">--}}
                                {{--@if(isset($data->updated_date))--}}
                                    {{--<div class="alert alert-info icons-alert">--}}
                                        {{--Last Price Update: <br>--}}
                                        {{--{{ $data->updated_date->format('D, M d, Y').' at '.$data->updated_date->format('H:iA') }}--}}
                                    {{--</div>--}}
                                {{--@endif--}}
                                {{--@foreach( $data->notifications as $key => $notification )--}}
                                    {{--<div class="alert {{$notification->type}} icons-alert">--}}
                                        {{--{!! $notification->message !!}--}}
                                    {{--</div>--}}
                                {{--@endforeach--}}
                            {{--</div>--}}
                        {{--</div>--}}

                        {{--<h4>Revenue in Graph</h4>--}}
                        {{--<div class="row notification-section">--}}
                            {{--<div class="col-sm-12 col-md-12 col-xl-12">--}}
                                {{--<div class="card">--}}
                                    {{--<div class="card-block">--}}
                                        {{--<div id="chart1">--}}

                                        {{--</div>--}}
                                    {{--</div>--}}

                                    {{--<div class="view-more">--}}
                                        {{--<button type="button" class="btn btn-info btn-square waves-effect" data-toggle="modal" data-target="#large-Modal">Expand</button>--}}
                                    {{--</div>--}}

                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                   {{--</div>--}}

                 </div>
                <!-- Page body end -->
            </div> <!-- .page wrapper -->
        </div>

    <!-- Modal large-->

    <div class="modal fade" id="large-Modal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-chart" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Revenue in graph</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                  <div class="col-sm-10 col-md-10 col-xl-10">
                    <div class="card">
                        <div class="card-block">
                            <div id="chart">

                            </div>
                        </div>
                    </div>
                  </div>
                </div>

            </div>
        </div>
    </div>

    {{--@foreach($revenueDataArray as $key => $revenue)--}}
        {{--<input type="hidden" id="currectYearRevenueData-{{$key}}" name="currectYearRevenueData[]" value="{{ $revenue }}">--}}
    {{--@endforeach--}}

    {{--@foreach($revenueDataArrayLastYear as $key => $revenue)--}}
        {{--<input type="hidden" id="lastYearRevenueData-{{$key}}" name="lastYearRevenueData[]" value="{{ $revenue }}">--}}
    {{--@endforeach--}}

    @foreach($revenueStats as $key => $stat)
        <input type="hidden" id="revenueGraphLabels-{{$key}}" name="revenueGraphLabels[]" value="{{ $stat->label }}">
        <input type="hidden" id="revenueGraphValues-{{$key}}" name="revenueGraphValues[]" value="{{ $stat->monthlyRevenue }}">
        <input type="hidden" id="adrValues-{{$key}}" name="adrValues[]" value="{{ $stat->adr }}">
    @endforeach

    <!-- Modal large-->

        <!-- Main-body end -->

        <!--  <div id="styleSelector">
         </div> -->
    </div>

@endsection


@section('scripts')

    <script>
        $(document).ready(function(){
           
            
          
            $.ajax({              
                type: 'get',
                url: "get-guest-countries",
                success: function (countries) {
                   
                    let countriesDiv = document.getElementById('countries');
                    countries.forEach(function (item, key) {
                        let newCountry = "<span class=\"flag_img_wrpr full_width\">\n" +
                            "<span class=\"flag-icon flag-icon-" + item.country_code.toLowerCase() + " flag-icon-common\"></span>\n" +
                            "</span>\n" +
                            "<span class=\"flag_country full_width\">\n" +
                            item.country + "\n" +
                            "</span>";
                            
                        countriesDiv.insertAdjacentHTML('beforeend', newCountry);
                    });
                  
                },error:function(){ 
                    ///alert("Error! Please check your network connection");
                }
            });

           $('.reservation-view-link').click(function(){
               var reference = $(this).data('reference');
               window.location.href = base_url+"reservation-view-"+reference;
           });
           $('.customer-view-link').click(function(){
               var reference = $(this).data('reference');
               window.location.href = base_url+"customer-"+reference;
           });
           setTimeout(function(){
            $(".alert").hide();
        },5000);

        });
    </script>

    <script type="text/javascript">
        $("#btn1").click(function(){
            $("#adr-content").slideToggle();
            $(this).text( $(this).text() === "Show Stats" ? "Hide Stats" : "Show Stats");
        });
    </script>

    <!-- c3 chart js -->
    <script src="{{ asset('bower_components/c3/c3.js', \App::environment() == 'production') }}" ></script>
    <script src="{{ asset('bower_components/d3/d3.min.js', \App::environment() == 'production') }}" ></script>

    <script src="{{ asset('bower_components\chart.js\dist\Chart.bundle.js', \App::environment() == 'production') }}" ></script>

{{--    <script src="{{ asset('assets/pages/chart/c3/c3-custom-chart.js', \App::environment() == 'production') }}" ></script>--}}
    <script src="{{ asset('assets/pages/chart/c3/c3-custom-chart3.js', \App::environment() == 'production') }}" ></script>

@endsection